Update Portfolio Page

DeclanChidlow · Apr 30, 2024 · bea85e2 · bea85e2
1 parent da1a746
commit bea85e2
Show file tree

Hide file tree

Showing 20 changed files with 123 additions and 118 deletions.
diff --git a/config/global/styles/pages/blog.css b/config/global/styles/pages/blog.css
@@ -12,6 +12,10 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
+
+	.post:focus {
+		border-color: var(--blue);
+	}
 
 	h2 {
 		margin: 0;

diff --git a/config/global/styles/pages/portfolio.css b/config/global/styles/pages/portfolio.css
@@ -1,4 +1,4 @@
-.portfolio {
+.portfolio-items {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 2%;
@@ -10,6 +10,10 @@
 		padding: 0.5rem 0;
 	}
 
+	.item:focus {
+		border-color: var(--blue);
+	}
+
 	h3 {
 		margin: 0;
 	}
@@ -22,14 +26,18 @@
 	a {
 		text-decoration: none;
 	}
+
+	a:hover {
+		color: var(--blue);
+	}
 }
 
-.portfolio:not(:last-child) {
+.portfolio-items:not(:last-child) {
 	margin-bottom: 10rem;
 }
 
 @media (max-width: 1000px) {
-	.portfolio {
+	.portfolio-items {
 		flex-direction: column;
 
 		.item {

diff --git a/config/pages/404/404.md b/config/pages/404/404.md
@@ -1,6 +1,4 @@
-<h1 id="section">
-    Error
-</h1>
+<h1 id="section">Error</h1>
 
 <div>
 

diff --git a/config/pages/contact/contact.md b/config/pages/contact/contact.md
@@ -1,6 +1,4 @@
-<h1 id="section">
-    Contact
-</h1>
+<h1 id="section">Contact</h1>
 
 <div>
 Need to get in contact with me for whatever reason? The best ways to do so are:

diff --git a/config/pages/donate/donate.md b/config/pages/donate/donate.md
@@ -1,6 +1,4 @@
-<h1 id="section">
-    Donate
-</h1>
+<h1 id="section">Donate</h1>
 
 <div>
 

diff --git a/config/pages/portfolio/conf.toml b/config/pages/portfolio/conf.toml
@@ -13,8 +13,8 @@ from_str = "config/global/elements/navbar.html"
 style = "html"
 
 [[main.block]]
-from_str = "config/pages/portfolio/portfolio.md"
-style = "md"
+from_str = "config/pages/portfolio/portfolio.html"
+style = "html"
 
 [[main.block]]
 from_str = "config/global/elements/footer.html"

diff --git a/config/pages/portfolio/portfolio.html b/config/pages/portfolio/portfolio.html
@@ -0,0 +1,36 @@
+<h1 id="section">Portfolio</h1>
+
+<div>
+	<h2>Selected Works</h2>
+
+	<div class="portfolio-items">
+		<a class="item" href="/portfolio/Mutant_Remix">
+			<p>Website</p>
+			<h3>Mutant Remix</h3>
+		</a>
+
+		<a class="item" href="/portfolio/CapChord">
+			<p>Tech Support Business</p>
+			<h3>CapChord</h3>
+		</a>
+
+		<a class="item" href="/portfolio/Pam_Carters_Scriptural_Poetry">
+			<p>Poem Compilation</p>
+			<h3>Pam Carter's Scriptural Poetry</h3>
+		</a>
+	</div>
+
+	<h2>Even More Stuff</h2>
+
+	<div class="portfolio-items">
+		<a class="item" href="/portfolio/Photography">
+			<p>Photon Capture</p>
+			<h3>Photography</h3>
+		</a>
+
+		<a class="item" href="/portfolio/Meat_Typeface">
+			<p>Typeface</p>
+			<h3>Meat Typeface</h3>
+		</a>
+	</div>
+</div>
diff --git a/config/pages/portfolio/portfolio.md b/config/pages/portfolio/portfolio.md
diff --git a/config/pages/services/services.md b/config/pages/services/services.md
@@ -1,6 +1,4 @@
-<h1 id="section">
-   	Services
-</h1>
+<h1 id="section">Services</h1>
 
 <div>
 

diff --git a/docs/404.html b/docs/404.html
@@ -36,9 +36,7 @@
     </header>
 
     <main>
-    <h1 id="section">
-    Error
-</h1>
+    <h1 id="section">Error</h1>
 <div>
 <h2>Page Not Found</h2>
 <p>This page doesn't exist. Why not make it yourself?</p>

diff --git a/docs/contact.html b/docs/contact.html
@@ -39,9 +39,7 @@
     </header>
 
     <main>
-    <h1 id="section">
-    Contact
-</h1>
+    <h1 id="section">Contact</h1>
 <div>
 Need to get in contact with me for whatever reason? The best ways to do so are:
 <ul>

diff --git a/docs/donate.html b/docs/donate.html
@@ -39,9 +39,7 @@
     </header>
 
     <main>
-    <h1 id="section">
-    Donate
-</h1>
+    <h1 id="section">Donate</h1>
 <div>
 <p>I spend quite a bit of money and time doing stuff on the internet, but that isn't necessarily sustainable. So, if you're a fan of me, the stuff I post, the things I've made, or that which I host, then consider supporting me. It helps me keep the servers whirring and the code compiling.</p>
 <p>If you're donating for any specific project, then let me know so I can best allocate my resources.</p>

diff --git a/docs/portfolio.html b/docs/portfolio.html
@@ -39,38 +39,45 @@
     </header>
 
     <main>
-    <h1 id="section">
-    Portfolio
-</h1>
-<div>
-<h2>Selected Works</h2>
-<div class="portfolio">
-<div class="item">
-<p>Website</p>
-<h3><a href="/portfolio/Mutant_Remix">Mutant Remix</a></h3>
-</div>
-<div class="item">
-<p>Tech Support Business</p>
-<h3><a href="/portfolio/CapChord">CapChord</a></h3>
-</div>
-<div class="item">
-<p>Poem Compilation</p>
-<h3><a href="/portfolio/Poems_By_Pam">Poems by Pam</a></h3>
-</div>
-</div> 
-<h2>Even More Stuff</h2>
-<div class="portfolio">
-<div class="item">
-<p>Photon Capture</p>
-<h3><a href="/portfolio/Photography">Photography</a></h3>
-</div>
-<div class="item">
-<p>Typeface</p>
-<h3><a href="/portfolio/Meat_Typeface">Meat Typeface</a></h3>
-</div>
-</div>
-</div>
+
 
+    <h1 id="section">Portfolio</h1>
+
+    <div>
+    	<h2>Selected Works</h2>
+
+    	<div class="portfolio-items">
+    		<a class="item" href="/portfolio/Mutant_Remix">
+    			<p>Website</p>
+    			<h3>Mutant Remix</h3>
+    		</a>
+
+    		<a class="item" href="/portfolio/CapChord">
+    			<p>Tech Support Business</p>
+    			<h3>CapChord</h3>
+    		</a>
+
+    		<a class="item" href="/portfolio/Pam_Carters_Scriptural_Poetry">
+    			<p>Poem Compilation</p>
+    			<h3>Pam Carter's Scriptural Poetry</h3>
+    		</a>
+    	</div>
+
+    	<h2>Even More Stuff</h2>
+
+    	<div class="portfolio-items">
+    		<a class="item" href="/portfolio/Photography">
+    			<p>Photon Capture</p>
+    			<h3>Photography</h3>
+    		</a>
+
+    		<a class="item" href="/portfolio/Meat_Typeface">
+    			<p>Typeface</p>
+    			<h3>Meat Typeface</h3>
+    		</a>
+    	</div>
+    </div>
+
 
     </main>
     <footer>

diff --git a/docs/portfolio/Poems_By_Pam.html → ...tfolio/Pam_Carters_Scriptural_Poetry.html b/docs/portfolio/Poems_By_Pam.html → ...tfolio/Pam_Carters_Scriptural_Poetry.html
@@ -34,15 +34,15 @@
     <span id='section'>Portfolio</span><div id='postbody'>
 
     <style>:root{--header_background: var(--green)}</style><head>
-  <title>Poems By Pam | Vale.Rocks</title>
+  <title>Pam Carter's Scriptural Poetry | Vale.Rocks</title>
   <meta property="og:title" content="Poems By Pam"/>
   <meta property="article:section" content="Portfolio" />
 </head>
 <article>
 <header>
 	 Poem Compilation
 	<h1>
-		Poems By Pam
+		Pam Carter's Scriptural Poetry
 	</h1>
 </header>
 <div class="readable_width">

diff --git a/docs/portfolio/feed.rss b/docs/portfolio/feed.rss
@@ -109,8 +109,8 @@ I upload most of what I take to Unsplash for anyone to use, free of charge. My a
 
 </div>
 </article>
-]]></description></item><item><title>Poems_By_Pam.md</title><description><![CDATA[<head>
-  <title>Poems By Pam | Vale.Rocks</title>
+]]></description></item><item><title>Pam_Carters_Scriptural_Poetry.md</title><description><![CDATA[<head>
+  <title>Pam Carter's Scriptural Poetry | Vale.Rocks</title>
   <meta property="og:title" content="Poems By Pam"/>
   <meta property="article:section" content="Portfolio" />
 </head>
@@ -119,7 +119,7 @@ I upload most of what I take to Unsplash for anyone to use, free of charge. My a
 <header>
 	 Poem Compilation
 	<h1>
-		Poems By Pam
+		Pam Carter's Scriptural Poetry
 	</h1>
 </header>
 

diff --git a/docs/services.html b/docs/services.html
@@ -39,9 +39,7 @@
     </header>
 
     <main>
-    <h1 id="section">
-   	Services
-</h1>
+    <h1 id="section">Services</h1>
 <div>
 <p>I host a range of services from both a computer at my house and various servers around the interweb. The current and historical statuses of all my services are displayed <a href="https://status.vale.rocks">here</a>. Some of the stuff I host includes:</p>
 <div id="services">

diff --git a/docs/styles/pages/blog.css b/docs/styles/pages/blog.css
@@ -12,6 +12,10 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
+
+	.post:focus {
+		border-color: var(--blue);
+	}
 
 	h2 {
 		margin: 0;

diff --git a/docs/styles/pages/portfolio.css b/docs/styles/pages/portfolio.css
@@ -1,4 +1,4 @@
-.portfolio {
+.portfolio-items {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 2%;
@@ -10,6 +10,10 @@
 		padding: 0.5rem 0;
 	}
 
+	.item:focus {
+		border-color: var(--blue);
+	}
+
 	h3 {
 		margin: 0;
 	}
@@ -22,14 +26,18 @@
 	a {
 		text-decoration: none;
 	}
+
+	a:hover {
+		color: var(--blue);
+	}
 }
 
-.portfolio:not(:last-child) {
+.portfolio-items:not(:last-child) {
 	margin-bottom: 10rem;
 }
 
 @media (max-width: 1000px) {
-	.portfolio {
+	.portfolio-items {
 		flex-direction: column;
 
 		.item {

diff --git a/gen.sh b/gen.sh
@@ -44,9 +44,9 @@ cd portfolio
 portfolio_feeds=(
     "Mutant_Remix"
     "CapChord"
-    "Poems_By_Pam"
+    "Pam_Carters_Scriptural_Poetry"
+	"Photography"
     "Meat_Typeface"
-    "Photography"
 )
 for feed in "${portfolio_feeds[@]}"; do
     /home/vale/gitrepos/Adduce/target/release/adduce feed publish "$feed"