krrishg/homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

my site

Browse Source
This commit is contained in:
Krrish Ghimire
2025-07-19 12:55:42 +05:45
commit dd3408c173
19 changed files with 522 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
404.html Normal file
View 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
View 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
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 KiB

BIN
gifs/guest.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
gifs/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
gifs/journal.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
gifs/link.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
gifs/project.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
gifs/secret.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

37
guestbook.html Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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: &lt;p&gt;Hi.&lt;/p&gt;<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
View 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
View 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>