jekyll build from Action d2cb798

parmjotsinghrobot · May 11, 2023 · 055a8cf · 055a8cf
commit 055a8cf
Show file tree

Hide file tree

Showing 46 changed files with 513 additions and 0 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/404.html b/404.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title></title>
+	<link rel="stylesheet" href="/assets/css/styles.css" />
+</head>
+<body><header><script>
+	/* Set the width of the side navigation to 250px */
+	function openNav() {
+		document.getElementById("sideNav").style.width = "200px";
+		document.getElementById("open-nav").style.right = "-100px";
+	}
+
+	/* Set the width of the side navigation to 0 */
+	function closeNav() {
+		document.getElementById("sideNav").style.width = "0";
+		document.getElementById("open-nav").style.right = "7px";
+	} 
+</script>
+<nav>
+	<div id="sideNav" class="sidenav">
+		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a><a href="/">
+	               	<div style="width: 24px;"> <!-- even spacing --></div>Home<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/about.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/about-icon.png" class="nav-links-icon"></div>About<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/blog.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/blog-icon.png" class="nav-links-icon"></div>Blog<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a></div>
+	<span onclick="openNav()" id="open-nav">Navigation</span>
+</nav>
+<div id="header-content"> 
+    	<h1 class="page-title"></h1>
+        <h2 class="page-summary"></h2>
+    </div>
+</header>
+<main>
+			<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>
+
+		</main><footer><div id="footer-links"><a href="/">
+					<div>Home</div>
+				</a><a href="/about.html">
+					<div>About</div>
+				</a><a href="/blog.html">
+					<div>Blog</div>
+				</a></div>
+	    <div id="blatant-advertising">
+	    	This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
+	    </div></footer>
+</body>
+</html>
diff --git a/about.html b/about.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>About me</title>
+	<link rel="stylesheet" href="/assets/css/styles.css" />
+</head>
+<body><header><script>
+	/* Set the width of the side navigation to 250px */
+	function openNav() {
+		document.getElementById("sideNav").style.width = "200px";
+		document.getElementById("open-nav").style.right = "-100px";
+	}
+
+	/* Set the width of the side navigation to 0 */
+	function closeNav() {
+		document.getElementById("sideNav").style.width = "0";
+		document.getElementById("open-nav").style.right = "7px";
+	} 
+</script>
+<nav>
+	<div id="sideNav" class="sidenav">
+		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a><a href="/">
+	               	<div style="width: 24px;"> <!-- even spacing --></div>Home<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/about.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/about-icon.png" class="nav-links-icon"></div>About<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/blog.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/blog-icon.png" class="nav-links-icon"></div>Blog<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a></div>
+	<span onclick="openNav()" id="open-nav">Navigation</span>
+</nav>
+<div id="header-content"> 
+    	<h1 class="page-title">About me</h1>
+        <h2 class="page-summary"></h2>
+    </div>
+</header>
+<main>
+			<h3 id="something-about-me">Something about me</h3>
+<p>I am a person who likes tinkering with stuff so much, that it breaks.
+I love tech, and how every small thing that you change can make it your own. I enjoy coding, browsing the web, and playing <a href="https://www.youtube.com/watch?v=hfLecAWFQIc">TrackMania</a> I love being creative, and enjoy taking on challenges. I also love learning new skills, and love using them. I enjoy doing things practically, but I don’t like theory. Who likes theory?</p>
+
+<p>I need to add more stuff.</p>
+
+		</main><footer><div id="footer-links"><a href="/">
+					<div>Home</div>
+				</a><a href="/about.html">
+					<div>About</div>
+				</a><a href="/blog.html">
+					<div>Blog</div>
+				</a></div>
+	    <div id="blatant-advertising">
+	    	This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
+	    </div></footer>
+</body>
+</html>
diff --git a/assets/css/styles.css b/assets/css/styles.css
diff --git a/assets/images/about-icon.png b/assets/images/about-icon.png
diff --git a/assets/images/blog-icon.png b/assets/images/blog-icon.png
diff --git a/assets/images/cross.png b/assets/images/cross.png
diff --git a/assets/images/dusk-gray.jpg b/assets/images/dusk-gray.jpg
diff --git a/assets/images/dusk.jpg b/assets/images/dusk.jpg
diff --git a/assets/images/gallery/example/tux-flag.jpg b/assets/images/gallery/example/tux-flag.jpg
diff --git a/assets/images/gallery/example/tux-old.jpg b/assets/images/gallery/example/tux-old.jpg
diff --git a/assets/images/gallery/example/tux-trollface.jpg b/assets/images/gallery/example/tux-trollface.jpg
diff --git a/assets/images/gallery/example/tux-unfaithful.jpg b/assets/images/gallery/example/tux-unfaithful.jpg
diff --git a/assets/images/gallery/example/tux.jpg b/assets/images/gallery/example/tux.jpg
diff --git a/assets/images/gallery/waiheke/20230102_104210.jpg b/assets/images/gallery/waiheke/20230102_104210.jpg
diff --git a/assets/images/gallery/waiheke/20230102_104215.jpg b/assets/images/gallery/waiheke/20230102_104215.jpg
diff --git a/assets/images/gallery/waiheke/20230102_104228.jpg b/assets/images/gallery/waiheke/20230102_104228.jpg
diff --git a/assets/images/gallery/waiheke/20230102_104240.jpg b/assets/images/gallery/waiheke/20230102_104240.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105058.jpg b/assets/images/gallery/waiheke/20230102_105058.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105107.jpg b/assets/images/gallery/waiheke/20230102_105107.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105119.jpg b/assets/images/gallery/waiheke/20230102_105119.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105331.jpg b/assets/images/gallery/waiheke/20230102_105331.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105420.jpg b/assets/images/gallery/waiheke/20230102_105420.jpg
diff --git a/assets/images/gallery/waiheke/20230102_105902.jpg b/assets/images/gallery/waiheke/20230102_105902.jpg
diff --git a/assets/images/gallery/waiheke/20230102_110738.jpg b/assets/images/gallery/waiheke/20230102_110738.jpg
diff --git a/assets/images/gallery/waiheke/20230102_110855.jpg b/assets/images/gallery/waiheke/20230102_110855.jpg
diff --git a/assets/images/gallery/waiheke/20230102_111440.jpg b/assets/images/gallery/waiheke/20230102_111440.jpg
diff --git a/assets/images/gallery/waiheke/20230102_111443.jpg b/assets/images/gallery/waiheke/20230102_111443.jpg
diff --git a/assets/images/gallery/waiheke/20230102_113631.jpg b/assets/images/gallery/waiheke/20230102_113631.jpg
diff --git a/assets/images/gallery/waiheke/20230102_122146.jpg b/assets/images/gallery/waiheke/20230102_122146.jpg
diff --git a/assets/images/gallery/waiheke/20230102_131056.jpg b/assets/images/gallery/waiheke/20230102_131056.jpg
diff --git a/assets/images/gallery/waiheke/20230102_131337.jpg b/assets/images/gallery/waiheke/20230102_131337.jpg
diff --git a/assets/images/gallery/waiheke/20230102_131428.jpg b/assets/images/gallery/waiheke/20230102_131428.jpg
diff --git a/assets/images/gallery/waiheke/20230102_131449.jpg b/assets/images/gallery/waiheke/20230102_131449.jpg
diff --git a/assets/images/gallery/waiheke/20230102_134542.jpg b/assets/images/gallery/waiheke/20230102_134542.jpg
diff --git a/assets/images/gallery/waiheke/20230102_140004.jpg b/assets/images/gallery/waiheke/20230102_140004.jpg
diff --git a/assets/images/gallery/waiheke/20230102_163305.jpg b/assets/images/gallery/waiheke/20230102_163305.jpg
diff --git a/assets/images/github-logo.png b/assets/images/github-logo.png
diff --git a/assets/images/noise.png b/assets/images/noise.png
diff --git a/assets/images/parmjot-pfp-square.jpg b/assets/images/parmjot-pfp-square.jpg
diff --git a/blog.html b/blog.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Blog</title>
+	<link rel="stylesheet" href="/assets/css/styles.css" />
+</head>
+<body><header><script>
+	/* Set the width of the side navigation to 250px */
+	function openNav() {
+		document.getElementById("sideNav").style.width = "200px";
+		document.getElementById("open-nav").style.right = "-100px";
+	}
+
+	/* Set the width of the side navigation to 0 */
+	function closeNav() {
+		document.getElementById("sideNav").style.width = "0";
+		document.getElementById("open-nav").style.right = "7px";
+	} 
+</script>
+<nav>
+	<div id="sideNav" class="sidenav">
+		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a><a href="/">
+	               	<div style="width: 24px;"> <!-- even spacing --></div>Home<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/about.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/about-icon.png" class="nav-links-icon"></div>About<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/blog.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/blog-icon.png" class="nav-links-icon"></div>Blog<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a></div>
+	<span onclick="openNav()" id="open-nav">Navigation</span>
+</nav>
+<div id="header-content"> 
+    	<h1 class="page-title">Blog</h1>
+        <h2 class="page-summary"></h2>
+    </div>
+</header>
+<div class="blog">
+			<main>
+				<h2 id="here-is-where-i-post-s-t-u-f-f">Here is where I post s t u f f</h2>
+
+				<hr>
+				<h2>Latest Posts</h2>
+				<ul><li>
+							<h3><a href="/blog/2023/01/02/touching-grass.html">Touching grass?!</a></h3><p>You guys wouldn’t believe it, but I actually touched grass today!
+<em>Yes, I actually published this post in April 2023, but we don’t talk about that.</em></p>
+
+
+						</li><li>
+							<h3><a href="/blog/2022/11/26/hello-world.html">Hello World!</a></h3><p>This is my blog, you’ll (probably) find a bunch of stuff here about my life and whatever else I choose to post.</p>
+
+
+						</li></ul>
+			</main>
+		</div><footer><div id="footer-links"><a href="/">
+					<div>Home</div>
+				</a><a href="/about.html">
+					<div>About</div>
+				</a><a href="/blog.html">
+					<div>Blog</div>
+				</a></div>
+	    <div id="blatant-advertising">
+	    	This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
+	    </div></footer>
+</body>
+</html>
diff --git a/blog/2022/11/26/hello-world.html b/blog/2022/11/26/hello-world.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Hello World!</title>
+	<link rel="stylesheet" href="/assets/css/styles.css" />
+</head>
+<body><header><script>
+	/* Set the width of the side navigation to 250px */
+	function openNav() {
+		document.getElementById("sideNav").style.width = "200px";
+		document.getElementById("open-nav").style.right = "-100px";
+	}
+
+	/* Set the width of the side navigation to 0 */
+	function closeNav() {
+		document.getElementById("sideNav").style.width = "0";
+		document.getElementById("open-nav").style.right = "7px";
+	} 
+</script>
+<nav>
+	<div id="sideNav" class="sidenav">
+		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a><a href="/">
+	               	<div style="width: 24px;"> <!-- even spacing --></div>Home<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/about.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/about-icon.png" class="nav-links-icon"></div>About<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/blog.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/blog-icon.png" class="nav-links-icon"></div>Blog<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a></div>
+	<span onclick="openNav()" id="open-nav">Navigation</span>
+</nav>
+<div id="header-content"> 
+    	<h1 class="page-title">Blog</h1>
+    	<div id="why"><!-- if anyone can fix this, they get their name in the footer of every website who uses this theme -->
+		    <a class="b2b-container" href="/blog.html">
+		    	<div class="b2b-icon-container">
+                	<img src="/assets/images/blog-icon.png">
+               	</div>
+				<div class="b2-blog">
+	            	<small>
+                    	Back to Blog
+                    </small>
+	            </div>
+		    </a>
+		</div>
+    </div>
+</header>
+<main>
+			<h2>Hello World!</h2>
+			<h5></h5>
+			<p>26 Nov 2022</p>
+			<article>
+				<p>This is my blog, you’ll (probably) find a bunch of stuff here about my life and whatever else I choose to post.</p>
+
+<blockquote>
+  <p>If you don’t see anything else here, you’re probably too early, or I’m not bothered to actually use this feature.</p>
+</blockquote>
+
+<p><img src="/assets/images/parmjot-pfp-square.jpg" alt="a picture of the author, Parmjot" /></p>
+
+			</article>
+		</main><footer><div id="footer-links"><a href="/">
+					<div>Home</div>
+				</a><a href="/about.html">
+					<div>About</div>
+				</a><a href="/blog.html">
+					<div>Blog</div>
+				</a></div>
+	    <div id="blatant-advertising">
+	    	This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
+	    </div></footer>
+</body>
+</html>
diff --git a/blog/2023/01/02/touching-grass.html b/blog/2023/01/02/touching-grass.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Touching grass?!</title>
+	<link rel="stylesheet" href="/assets/css/styles.css" />
+</head>
+<body><header><script>
+	/* Set the width of the side navigation to 250px */
+	function openNav() {
+		document.getElementById("sideNav").style.width = "200px";
+		document.getElementById("open-nav").style.right = "-100px";
+	}
+
+	/* Set the width of the side navigation to 0 */
+	function closeNav() {
+		document.getElementById("sideNav").style.width = "0";
+		document.getElementById("open-nav").style.right = "7px";
+	} 
+</script>
+<nav>
+	<div id="sideNav" class="sidenav">
+		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a><a href="/">
+	               	<div style="width: 24px;"> <!-- even spacing --></div>Home<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/about.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/about-icon.png" class="nav-links-icon"></div>About<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a><a href="/blog.html">
+	               	<div style="width: 24px;"> <!-- even spacing --><img src="/assets/images/blog-icon.png" class="nav-links-icon"></div>Blog<div style="width: 24px;"> <!-- even spacing --> </div>
+	            </a></div>
+	<span onclick="openNav()" id="open-nav">Navigation</span>
+</nav>
+<div id="header-content"> 
+    	<h1 class="page-title">Blog</h1>
+    	<div id="why"><!-- if anyone can fix this, they get their name in the footer of every website who uses this theme -->
+		    <a class="b2b-container" href="/blog.html">
+		    	<div class="b2b-icon-container">
+                	<img src="/assets/images/blog-icon.png">
+               	</div>
+				<div class="b2-blog">
+	            	<small>
+                    	Back to Blog
+                    </small>
+	            </div>
+		    </a>
+		</div>
+    </div>
+</header>
+<main>
+			<h2>Touching grass?!</h2>
+			<h5></h5>
+			<p>02 Jan 2023</p>
+			<article>
+				<p>You guys wouldn’t believe it, but I actually touched grass today!
+<em>Yes, I actually published this post in April 2023, but we don’t talk about that.</em></p>
+
+<p><img src="/assets/images/gallery/waiheke/20230102_105420.jpg" alt="Beach at Waiheke Island" /></p>
+
+<p>I just went to Waiheke Island, in Auckland, and took some pictures. Here are the pictures.</p>
+
+<p><em>Also I made this grid thing</em><!-- credit to Tim Van Damme at css-tricks.com -->
+<!-- https://css-tricks.com/adaptive-photo-layout-with-flexbox --></p>
+<div class="image-gallery">
+	<ul><li>
+			<img src="/assets/images/gallery/waiheke/20230102_104210.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_104215.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_104228.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_104240.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_105058.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_105107.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_105119.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_105331.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_105902.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_110738.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_110855.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_111440.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_111443.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_113631.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_122146.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_131056.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_131337.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_131428.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_131449.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_134542.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_140004.jpg" />
+		</li><li>
+			<img src="/assets/images/gallery/waiheke/20230102_163305.jpg" />
+		</li></ul>
+</div>
+
+			</article>
+		</main><footer><div id="footer-links"><a href="/">
+					<div>Home</div>
+				</a><a href="/about.html">
+					<div>About</div>
+				</a><a href="/blog.html">
+					<div>Blog</div>
+				</a></div>
+	    <div id="blatant-advertising">
+	    	This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
+	    </div></footer>
+</body>
+</html>
diff --git a/favicon.ico b/favicon.ico