info-cachapa/public/info/description/index.html

617 lines
5.7 KiB
HTML
Raw Normal View History

2022-12-21 16:12:07 +00:00
<!DOCTYPE html>
<html lang="en-us"><head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="" />
<style>
@import "https://fonts.googleapis.com/css2?family=Inconsolata&display=swap";:root{--cursor-visibility:hidden}html,body{width:100%;height:100%;overflow:auto;font-family:inconsolata,monospace;font-size:4vmin;line-height:4.1vmin;font-weight:400}body{margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center}#content{min-width:82vmin;min-height:82vmin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 1px white}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:0 0 0 1px white}.cursor,#activity-title:after,#activity-content:after,#cd:after,#whoami:after,#cat:after,#tree:after{visibility:var(--cursor-visibility);content:"|";overflow:hidden;color:#fff;animation:blink 500ms linear infinite alternate}@keyframes blink{0%{opacity:0}100%{opacity:1}}@media only screen and (min-width:768px){body{font-size:2.5vmin;line-height:2.6vmin}#content{min-width:60vmin}}:root{--cursor-visibility:hidden}body{align-items:unset;overflow-y:scroll}#content{max-width:80vmin}pre{overflow-x:scroll;white-space:pre}@keyframes blink{0%{opacity:0}100%{opacity:1}}
2023-01-30 00:34:26 +00:00
2022-12-21 16:12:07 +00:00
2023-02-13 17:21:11 +00:00
2022-12-21 16:12:07 +00:00
2023-02-09 20:46:56 +00:00
body{background:#300a24}body #terminal{color:#fff}body #user{color:#4e9a06}body #dir{color:#3465a4}body .Typewriter__cursor{color:#fff}a{color:#fff}
2022-12-21 16:12:07 +00:00
.navFull {
background-color: #353535;
font-family: "Courier New";
font-size: 17px;
display: inline;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
padding-top: 5px;
padding: 10px;
padding-bottom: 0px;
}
.navCredits {
float: right;
padding-right: 18px;
padding-bottom: 10px;
padding-top: 5px;
}
#content::after {
content: "\a\a";
white-space: pre;
}
</style>
</head><body><div id="content">
<span id="activity-title"></span> <br>
<span id="activity-content"></span> <br>
<script type="text/javascript">
async function typewriter(text, elementId, waitAfter) {
var n = 0,
isTag = false
addText = "";
const el = document.getElementById(elementId);
const wait = () => new Promise(r => setTimeout(r, waitAfter));
const nowait = () => new Promise(r => r());
const render = () => el.innerHTML = (text.slice(0, n + 1) + addText);
const cursor = document.createElement('span');
cursor.id = "blink";
el.style.setProperty("--cursor-visibility", "visible");
while (n < text.length) {
if (text.charAt(n + 1) === "<") isTag = true;
if (text.charAt(n + 1) === ">") isTag = false;
if (isTag) {
n++;
continue;
}
requestAnimationFrame(render);
if (waitAfter === 0) {
await nowait();
} else {
await wait();
}
n++;
}
el.style.setProperty("--cursor-visibility", "collapse");
}
function parseDelay(d) {
const parsed = parseInt(d, 10);
if (isNaN(parsed)) return 0;
return parsed;
}
const titleDelay = parseDelay("0"),
contentDelay = parseDelay("0");
const typeeffetct = async () => {
await typewriter("\u003cspan id=\u0027terminal\u0027\u003e\u003ch1 id=\u0027title\u0027\u003e\u003c\/h1\u003e\u003c\/span\u003e", "activity-title", titleDelay);
2023-02-09 20:46:56 +00:00
await typewriter("\u003cspan id=\u0027terminal\u0027\u003e\u003cp\u003e\u003cdel\u003e143 141 143 150 141 160 141 056 170 171 172\u003c\/del\u003e\u003cbr\u003e\nHello, this is Captain Arepa!\u003cbr\u003e\n\u003cdel\u003e141 162 145 160 141 144 145 163 165 176 176\u003c\/del\u003e\u003cbr\u003e\nYou can check my sites on the links down below\u0026hellip;\u003cbr\u003e\n\u003cdel\u003e143 157 162 162 145 143 164 151 157 156 176\u003c\/del\u003e\u003cbr\u003e\n\u0026hellip; at your own risk, that is.\u003cbr\u003e\n\u003cdel\u003e165 157 157 150 176 143 165 156 156 171 176\u003c\/del\u003e\u003c\/p\u003e\n\u003c\/span\u003e", "activity-content", contentDelay);
2022-12-21 16:12:07 +00:00
return;
}
typeeffetct()
</script>
</div>
2023-02-09 20:46:56 +00:00
2022-12-21 16:12:07 +00:00
</body>
</html>