Skip to content

Commit b53b91e

Browse files
Apoo711Apoo711
committed
deploy: 059c0ab 
0 parents  commit b53b91e

33 files changed

Lines changed: 2060 additions & 0 deletions

‎.nojekyll‎

Whitespace-only changes.

‎404.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Page Not Found (404) - Aryan Gupta</title>
7+
<link rel="stylesheet" href="/css/base.css">
8+
<link rel="stylesheet" href="/css/layout.css">
9+
<link rel="stylesheet" href="/css/components.css">
10+
<link rel="stylesheet" href="/css/navigation.css"> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
11+
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
12+
</head>
13+
<body>
14+
<div id="tsparticles"></div>
15+
16+
<section id="custom-404-page">
17+
<div class="error-text-content">
18+
<h1 class="error-code">404</h1>
19+
<p class="error-tagline">YOU SEEM TO BE LOST...</p>
20+
<p class="error-description">
21+
The page you're looking for might have been abducted by aliens, moved to a different galaxy,
22+
or perhaps it never existed in this dimension. Don't worry though, it happens to the best of us!
23+
</p>
24+
<p class="redirect-message">
25+
We'll try to beam you back to the homepage in <strong id="countdown-timer">10</strong> seconds...
26+
</p>
27+
<a href="/" class="error-page-link take-me-home">TAKE ME HOME</a>
28+
</div>
29+
<div class="error-image-container">
30+
31+
<img src="/images/satellite.png" alt="Lost in space illustration" class="error-page-image-new">
32+
</div>
33+
</section>
34+
35+
36+
<script>
37+
document.addEventListener('DOMContentLoaded', function() {
38+
let countdownElement = document.getElementById('countdown-timer');
39+
if (countdownElement) {
40+
let seconds = parseInt(countdownElement.textContent) || 10;
41+
let countdownInterval = setInterval(function() {
42+
seconds--;
43+
countdownElement.textContent = seconds;
44+
if (seconds <= 0) {
45+
clearInterval(countdownInterval);
46+
window.location.href = '/'; // Redirect to homepage
47+
}
48+
}, 1000); // Update every second
49+
}
50+
});
51+
</script>
52+
53+
<script src="https://cdn.jsdelivr.net/npm/tsparticles@2.12.0/tsparticles.bundle.min.js"></script>
54+
<script src="/js/particles-config.js"></script>
55+
</body>
56+
</html>

‎blog/2025/first-post/index.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>My First Blog Post!</title>
5+
<link rel="stylesheet" href="/css/okaidia.css">
6+
<link rel="stylesheet" href="/css/base.css">
7+
<link rel="stylesheet" href="/css/layout.css">
8+
<link rel="stylesheet" href="/css/components.css">
9+
<link rel="stylesheet" href="/css/navigation.css">
10+
<link rel="stylesheet" href="/css/style.css">
11+
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" ... />
13+
</head>
14+
<body>
15+
<div id="tsparticles"></div>
16+
<header>
17+
<nav>
18+
<div class="logo"><a href="/">AG</a></div>
19+
<ul class="nav-links">
20+
<li><a href="/#about"><i class="fa-solid fa-user"></i> About</a></li>
21+
<li><a href="/#projects"><i class="fa-solid fa-diagram-project"></i> Projects</a></li>
22+
<li><a href="/vce/"><i class="fa-solid fa-book-open"></i> VCE Resources</a></li>
23+
<li><a href="/#contact"><i class="fa-solid fa-envelope"></i> Contact</a></li>
24+
<li><a href="/blog/"><i class="fa-solid fa-blog"></i> Blogs</a></li>
25+
</ul>
26+
</nav>
27+
</header>
28+
29+
<main>
30+
31+
<article class="blog-post-full">
32+
<h1>My First Blog Post!</h1>
33+
34+
<p class="post-meta">
35+
Published on <time datetime="2025-05-05">May 5, 2025</time>
36+
</p>
37+
38+
<hr style="border: none; border-top: 1px solid #444; margin: 30px auto; width: 70%;">
39+
40+
41+
<h2>Welcome</h2>
42+
<p>This is content written in <strong>Markdown</strong>. Eleventy converts this to HTML.</p>
43+
<p>You can create lists:</p>
44+
<ul>
45+
<li>Item 1</li>
46+
<li>Item 2</li>
47+
</ul>
48+
<p>Add code blocks:</p>
49+
<pre class="language-js"><code class="language-js">console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Hello, Eleventy!'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
50+
51+
</article>
52+
53+
<p style="margin-top: 40px; text-align: center;">
54+
<a href="/blog/">&larr; Back to Blog List</a>
55+
</p>
56+
</main>
57+
58+
<footer>
59+
<p>&copy; 2025 Aryan Gupta. All rights reserved.</p>
60+
</footer>
61+
62+
<script src="https://cdn.jsdelivr.net/npm/tsparticles@2.12.0/tsparticles.bundle.min.js"></script>
63+
<script src="/js/particles-config.js"></script>
64+
<script src="/js/main.js"></script>
65+
</body>
66+
</html>

‎blog/index.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Blog</title>
5+
<link rel="stylesheet" href="/css/okaidia.css">
6+
<link rel="stylesheet" href="/css/base.css">
7+
<link rel="stylesheet" href="/css/layout.css">
8+
<link rel="stylesheet" href="/css/components.css">
9+
<link rel="stylesheet" href="/css/navigation.css">
10+
<link rel="stylesheet" href="/css/style.css">
11+
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" ... />
13+
</head>
14+
<body>
15+
<div id="tsparticles"></div>
16+
<header>
17+
<nav>
18+
<div class="logo"><a href="/">AG</a></div>
19+
<ul class="nav-links">
20+
<li><a href="/#about"><i class="fa-solid fa-user"></i> About</a></li>
21+
<li><a href="/#projects"><i class="fa-solid fa-diagram-project"></i> Projects</a></li>
22+
<li><a href="/vce/"><i class="fa-solid fa-book-open"></i> VCE Resources</a></li>
23+
<li><a href="/#contact"><i class="fa-solid fa-envelope"></i> Contact</a></li>
24+
<li><a href="/blog/"><i class="fa-solid fa-blog"></i> Blogs</a></li>
25+
</ul>
26+
</nav>
27+
</header>
28+
29+
<main>
30+
<section id="blog-list">
31+
<h2>Blog</h2>
32+
<p style="text-align: center; margin-bottom: 40px;">
33+
Welcome! Here I might share thoughts on projects, technology, VCE experiences, or anything else I find interesting.
34+
</p>
35+
<hr style="border: none; border-top: 1px solid #444; margin: 40px auto; width: 70%;">
36+
<p><div class="blog-post-list">
37+
<article class="blog-post-item">
38+
<h3><a href="/blog/2025/first-post/">My First Blog Post!</a></h3></p>
39+
<p><p class="post-meta">
40+
Published on <time datetime="2025-05-05">May 5, 2025</time>
41+
</p></p>
42+
<p><p class="post-excerpt">This is a custom, concise summary of my first blog post, designed to grab the reader's attention on the blog listing page.</p></p>
43+
<p><a href="/blog/2025/first-post/" class="read-more-link">Read More →</a>
44+
</article></div></p>
45+
</section>
46+
</main>
47+
48+
<footer>
49+
<p>&copy; 2025 Aryan Gupta. All rights reserved.</p>
50+
</footer>
51+
52+
<script src="https://cdn.jsdelivr.net/npm/tsparticles@2.12.0/tsparticles.bundle.min.js"></script>
53+
<script src="/js/particles-config.js"></script>
54+
<script src="/js/main.js"></script>
55+
</body>
56+
</html>

‎css/base.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* --- Basic Reset & Defaults --- */
2+
* {
3+
box-sizing: border-box; /* Makes padding/border calculation more intuitive */
4+
margin: 0;
5+
padding: 0;
6+
}
7+
8+
body {
9+
font-family: 'Poppins', sans-serif; /* Assuming you added Poppins font */
10+
line-height: 1.6;
11+
background-color: #0f0f24; /* << Dark blue/purple background */
12+
color: #dcdcdc; /* << Light grey default text */
13+
padding-top: 60px;
14+
}

0 commit comments

Comments
 (0)