my site
This commit is contained in:
Krrish Ghimire
29
404.html
Normal file
29
404.html
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>404 Not Found</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🚫 404 - Page Not Found</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ WHOOPS! ]===</div>
|
||||||
|
<p>This page doesn't exist (yet?).</p>
|
||||||
|
<p>But hey, here's a cool dancing banana instead:</p>
|
||||||
|
<p><img src="https://media.giphy.com/media/TEnXkcsHrP4YedChhA/giphy.gif" class="gif" alt="dancing banana"></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
22
README.txt
Normal file
22
README.txt
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
RETRO-SITE README
|
||||||
|
-----------------
|
||||||
|
|
||||||
|
You've just downloaded a real blast from the past — a full multi-page GeoCities-style website,
|
||||||
|
handcrafted in pure HTML and CSS with maximum 90s flavor.
|
||||||
|
|
||||||
|
PAGES INCLUDED:
|
||||||
|
- index.html → Home page
|
||||||
|
- about.html → About Me
|
||||||
|
- projects.html → My Projects
|
||||||
|
- guestbook.html → Guestbook (static)
|
||||||
|
- journal.html → Personal Journal
|
||||||
|
- secrets.html → It's a secret!
|
||||||
|
- 404.html → Custom error page
|
||||||
|
|
||||||
|
INSTRUCTIONS:
|
||||||
|
1. Open index.html in your browser to explore.
|
||||||
|
2. Customize with your own text, GIFs, and wallpapers.
|
||||||
|
|
||||||
|
NO JAVASCRIPT. NO MODERN FRAMEWORKS. JUST HTML + CSS.
|
||||||
|
|
||||||
|
Created with ❤️ by Krrish Ghimire
|
||||||
30
about.html
Normal file
30
about.html
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>🧑 About Me</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🧠 About Krrish</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ BACKSTORY ]===</div>
|
||||||
|
<p>I build stuff. I break stuff. I build it again — better, stronger, more 90s.</p>
|
||||||
|
<p>Things I love: Clean code, messy code, investing, chess, tea and coffee.</p>
|
||||||
|
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/about.gif" class="gif"></p>
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
gifs/about.gif
Normal file
BIN
gifs/about.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
BIN
gifs/guest.gif
Normal file
BIN
gifs/guest.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
gifs/home.gif
Normal file
BIN
gifs/home.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
gifs/journal.gif
Normal file
BIN
gifs/journal.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
BIN
gifs/link.gif
Normal file
BIN
gifs/link.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
gifs/project.gif
Normal file
BIN
gifs/project.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
gifs/secret.gif
Normal file
BIN
gifs/secret.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
37
guestbook.html
Normal file
37
guestbook.html
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>📖 Guestbook</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>📬 Sign My Guestbook!</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ LEAVE A MESSAGE! ]===</div>
|
||||||
|
<form>
|
||||||
|
<p>
|
||||||
|
Name: <input type="text" name="name" size="30"><br><br>
|
||||||
|
Message:<br>
|
||||||
|
<textarea name="message" rows="5" cols="40"></textarea><br><br>
|
||||||
|
<input type="submit" value="Sign Guestbook">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<p><i>(Note: This doesn't actually save anything. It's 1999, okay?)</i></p>
|
||||||
|
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/guest.gif" class="gif"></p>
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
home.html
Normal file
29
home.html
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>🏠 Krrish's Radical Webzone</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🌈 Welcome to Krrish's Webzone!</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a> |
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<img src="./gifs/home.gif" class="gif">
|
||||||
|
<div class="ascii-title">===[ INTRO ]===</div>
|
||||||
|
<p>Yo! I'm <b>Krrish</b> — a time traveler from the 90s here to share my creations with the modern web. 💾</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
61
index.html
Normal file
61
index.html
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Temple OS Boot</title>
|
||||||
|
<meta http-equiv="refresh" content="3; URL=home.html">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: black;
|
||||||
|
color: lime;
|
||||||
|
font-family: monospace;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.boot-screen {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.ascii-art {
|
||||||
|
white-space: pre;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 12px;
|
||||||
|
color: lime;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
marquee {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 20px;
|
||||||
|
color: lime;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="boot-screen">
|
||||||
|
<div class="ascii-art">
|
||||||
|
____ _ ____ _____ _____<br>
|
||||||
|
| _ \\ ___ ___ _ __ | |_ ___ _ __ _ _ | __ ) | ____| | ____|<br>
|
||||||
|
| | | |/ _ \\/ _ \\ '_ \\| __/ _ \\| '__| | | | | _ \\ | _| | _| <br>
|
||||||
|
| |_| | __/ __/ | | | || (_) | | | |_| | | |_) || |___ | |___ <br>
|
||||||
|
|____/ \\___|\\___|_| |_|\\__\\___/|_| \\__, | |____/ |_____| |_____|<br>
|
||||||
|
|___/ <br>
|
||||||
|
</div>
|
||||||
|
<marquee behavior="scroll" direction="left" scrollamount="15">
|
||||||
|
Booting Digital Temple OS... Loading ancient scripts... Initiating chill_vibes.sh...
|
||||||
|
</marquee>
|
||||||
|
<marquee behavior="scroll" direction="right" scrollamount="10">
|
||||||
|
Welcome to the land of momo, coffee, and pure HTML bliss...
|
||||||
|
</marquee>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
30
journal.html
Normal file
30
journal.html
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>📓 Journal</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>📓 Krrish's Journal</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ ENTRY: 07/15/2025 ]===</div>
|
||||||
|
<p>Made a retro website. Feels good. Might replace my entire online presence with this.</p>
|
||||||
|
<div class="ascii-title">===[ ENTRY: 07/17/2025 ]===</div>
|
||||||
|
<p>Added links page with some cool places to be on the internet.</p>
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/journal.gif" class="gif"></p>
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
51
links.html
Normal file
51
links.html
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>🔗 Links</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🧊 Cool places to be in</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a> |
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ SPIRITUALITY ]===</div>
|
||||||
|
<div><a href="https://brahmasatya.com">Brahmasatya</a></div>
|
||||||
|
<div><a href="https://knowledge.krrishg.com">Path of Knowledge</a></div>
|
||||||
|
<div><a href="https://gyanmarg.guru">Gyan Marg</a></div>
|
||||||
|
<div class="ascii-title">===[ TECH ]===</div>
|
||||||
|
<div><a href="https://lukesmith.xyz">Luke Smith</a></div>
|
||||||
|
<div><a href="https://wiby.me">Wiby</a></div>
|
||||||
|
<div><a href="https://fsf.org">Free Software Foundation</a></div>
|
||||||
|
<div><a href="https://gnu.org">GNU</a></div>
|
||||||
|
<div><a href="https://stallman.org">Richard Stallman</a></div>
|
||||||
|
<div><a href="https://neocities.org">Neocities</a></div>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ CHESS ]===</div>
|
||||||
|
<div><a href="https://lichess.org">Lichess</a></div>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ BOOKS ]===</div>
|
||||||
|
<div><a href="https://www.gutenberg.org">Gutenberg</a></div>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ CHECK IT OUT ]===</div>
|
||||||
|
<div><a href="https://petrapixel.neocities.org/">Petrapixel</a></div>
|
||||||
|
<div><a href="https://nenrikido.neocities.org/">Nenrikido</a></div>
|
||||||
|
<div><a href="https://dokode.moe/">Dokodemo</a></div>
|
||||||
|
<div><a href="https://www.404pagefound.com/">404PageFound</a></div>
|
||||||
|
<div><a href="https://www.3dtextmaker.com/">3DTextMaker</a></div>
|
||||||
|
<div><a href="https://gifcities.org/">Gifcities</a></div>
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/link.gif" class="gif" alt="link gif"></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
projects.html
Normal file
32
projects.html
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>💻 My Projects</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>💾 Krrish's Projects</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ CURRENT PROJECTS ]===</div>
|
||||||
|
<ul style="list-style-type: square; text-align: left; display: inline-block;">
|
||||||
|
<li>🕵️ <b>SEO Durbar</b> — Finds slow, sad websites (<a href="https://seodurbar.com" target="_blank">Click Here</a>)</li>
|
||||||
|
<p>🕵️ <a href="https://git.krrishg.com/krrishg" target="_blank">Click here</a> to stay updated with my projects.</p>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/project.gif" class="gif"></p>
|
||||||
|
</div>
|
||||||
|
<marquee>I am roaming around the internet.</marquee>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
67
secrets.html
Normal file
67
secrets.html
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>🕵️ Hidden Zone</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🇳🇵 Top Secret Archive</h1>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="home.html">🏠 Home</a> |
|
||||||
|
<a href="about.html">🧑 About</a> |
|
||||||
|
<a href="projects.html">💻 Projects</a> |
|
||||||
|
<a href="guestbook.html">📖 Guestbook</a> |
|
||||||
|
<a href="journal.html">📓 Journal</a> |
|
||||||
|
<a href="links.html">🔗 Links</a> |
|
||||||
|
<a href="secrets.html">🕵️ Secrets</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p style="color: black; font-size: 1px;">
|
||||||
|
<a href="terminal.html">temple.exe</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ CLASSIFIED FILES ]===</div>
|
||||||
|
<p>🐐 A goat once accessed this page and became enlightened. True story.</p>
|
||||||
|
<p>🍛 If you drink ristretto while coding, your code compiles 37% faster. Trust the science.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ ☕ COFFEE.EXE ]===</div>
|
||||||
|
<p>Legend says a cup of Himalayan black coffee brewed above 1,400m unlocks root access to your brain.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ THE COFFEE PROTOCOL ]===</div>
|
||||||
|
<p>Every real dev writes their first bash script inside a café with vintage jazz and one too many espressos.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ 🐧 TUX COMMAND CENTER ]===</div>
|
||||||
|
<p>There’s a secret Linux distro built in Nepal that only boots if you chant "sudo namaste" at sunrise.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ WINDOWS UPDATE APOCALYPSE ]===</div>
|
||||||
|
<p>Once, a student tried to give a final presentation. Windows decided it was time... for a 5GB update.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ 💥 MODERN WEBPAIN STACK ]===</div>
|
||||||
|
<p>This site loads in 0.2s. Your favorite JS SPA takes 6 seconds just to render a `<p>` tag. Coincidence? I think not.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ 🐘 REACT vs RAW HTML ]===</div>
|
||||||
|
<p>React: 130 dependencies to say “Hi”.<br>HTML: <p>Hi.</p><br>Winner: you decide.</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ 😈 THEY BUNDLED A CLOCK ]===</div>
|
||||||
|
<p>Someone made a digital clock... with React, Tailwind, Webpack, Babel, and 27MB of icons. It still lags. 🤡</p>
|
||||||
|
|
||||||
|
<div class="ascii-title">===[ 💻 SYSTEM BREACH: /nepal/coffee/root.conf ]===</div>
|
||||||
|
<pre style="background-color: black; color: lime; padding: 10px; font-family: monospace; text-align: left; width: 90%; margin: auto;">
|
||||||
|
# Root Coffee Config
|
||||||
|
brew_level=maximum
|
||||||
|
cafe_location="hidden_downtown_ktm"
|
||||||
|
editor=vim
|
||||||
|
os=linux
|
||||||
|
alias windows="rm -rf /"
|
||||||
|
|
||||||
|
echo "Namaste, hacker." > ~/.greetings
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
|
||||||
|
<p style="margin-top: 30px;"><img src="./gifs/secret.gif" class="gif" alt="secret gif"></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
44
style.css
Normal file
44
style.css
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
|
||||||
|
body {
|
||||||
|
background: linear-gradient(to bottom, #ff66cc, #6600ff);
|
||||||
|
font-family: 'Verdana', sans-serif;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
border: 8px double white;
|
||||||
|
margin: 50px auto;
|
||||||
|
padding: 30px;
|
||||||
|
width: 80%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
|
box-shadow: 0 0 20px #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 48px;
|
||||||
|
color: yellow;
|
||||||
|
text-shadow: 2px 2px 10px red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ascii-title {
|
||||||
|
font-family: monospace;
|
||||||
|
background-color: black;
|
||||||
|
color: lime;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 20px 0;
|
||||||
|
display: inline-block;
|
||||||
|
border: 2px dashed green;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: cyan;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gif {
|
||||||
|
width: 80px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
90
terminal.html
Normal file
90
terminal.html
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>🧙 Digital Temple Terminal</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: black;
|
||||||
|
color: lime;
|
||||||
|
font-family: monospace;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: auto;
|
||||||
|
border: 2px solid lime;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd {
|
||||||
|
color: #00ff00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-line::before {
|
||||||
|
content: "⛩️ temple@nepal:~$ ";
|
||||||
|
color: #0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ascii-art {
|
||||||
|
color: #0f0;
|
||||||
|
font-weight: bold;
|
||||||
|
white-space: pre;
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: cyan;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="terminal">
|
||||||
|
<div class="ascii-art">
|
||||||
|
____ _ _ _ _
|
||||||
|
| _ \\| |_ _ | |_| |_ ___ _ __ __| | ___
|
||||||
|
| | | | | | | || __| __|/ _ \\ '__/ _` |/ _ \\
|
||||||
|
| |_| | | |_| || |_| |_| __/ | | (_| | (_) |
|
||||||
|
|____/|_|\\__,_| \\__|\\__|\\___|_| \\__,_|\\___/
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<p class="cmd">Welcome to the Digital Temple Terminal — Savage Edition</p>
|
||||||
|
<p class="cmd">Loading sacred configuration...</p>
|
||||||
|
<div class="cmd">🕉️ Sourcing ~/.moksha_profile ... Done.</div>
|
||||||
|
<div class="cmd">🧘 Initializing chill_vibes.sh ... Done.</div>
|
||||||
|
<div class="cmd">☕ Brewing coffee_level=max ... Done.</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div class="input-line">fortune | cowsay</div>
|
||||||
|
<pre>
|
||||||
|
_________________________________________
|
||||||
|
/ Enlightenment doesn't need JavaScript. \\
|
||||||
|
\\ Use HTML. Use CSS. Bloat not thy site. /
|
||||||
|
-----------------------------------------
|
||||||
|
\\ ^__^
|
||||||
|
\\ (oo)\\_______
|
||||||
|
(__)\\ )\\/\\
|
||||||
|
||----w |
|
||||||
|
|| ||
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div class="input-line">cat /usr/share/temple/secrets.txt</div>
|
||||||
|
<pre>
|
||||||
|
+---------------------- SECRET TEMPLE KNOWLEDGE ---------------------+
|
||||||
|
| * The fastest websites are still hand-written in Vim. |
|
||||||
|
| * You can't crash what you never bloated. |
|
||||||
|
| * Real monks disable telemetry. |
|
||||||
|
+--------------------------------------------------------------------+
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div class="input-line">links index.html</div>
|
||||||
|
<p>📄 <a href="home.html">Return to homepage</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
Reference in New Issue
Block a user