Clean up and make more minimal

Removed dependence on fontawesome for three icons

hugo.toml

@@ -18,25 +18,11 @@ palette = "gruvbox-dark"
 title = "Ethan Marshall"
 description = "A programmer who, to preserve his sanity, took refuge in electrical engineering. What an idiot."
 
-[[params.socialLinks]]
+[params.socialLinks]
-icon = "fa-brands fa-github"
+github = "https://github.com/ejv2"
-title = "GitHub"
+steam = "https://steamcommunity.com/id/ejmv2"
-url = "https://github.com/ejv2"
+email = "/contact/"
-
+rss = "/blog/index.xml"
-[[params.socialLinks]]
-icon = "fa-brands fa-steam"
-title = "Steam"
-url = "https://steamcommunity.com/id/ejmv2"
-
-[[params.socialLinks]]
-icon = "fa-solid fa-envelope"
-title = "Email"
-url = "/contact"
-
-[[params.socialLinks]]
-icon = "fa-solid fa-rss"
-title = "RSS"
-url = "/blog/index.xml"
 
 [menu]
   [[menu.main]]

themes/risotto/assets/css/icons.css

@@ -0,0 +1,11 @@
+.brand-icons {
+	max-width: 15.5px;
+	max-height: 16px;
+	padding: 0px;
+	fill: var(--link);
+	display: inline-block;
+}
+
+.brand-icons:hover, .brand-icons:active {
+	fill: var(--hover);
+}

themes/risotto/assets/css/risotto.css

@@ -0,0 +1,7 @@
+/* Risotto Main Theme CSS File */
+/* Modified by Ethan Marshall - 2024 */
+
+body {
+    background-color: var(--bg);
+    color: var(--fg);
+}

themes/risotto/layouts/partials/about.html

@@ -8,9 +8,32 @@
 {{ end }}
 
 <ul class="aside__social-links">
-    {{ range $item := .Site.Params.socialLinks }}
 	<li>
-        <a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}"><i class="{{ $item.icon }}" aria-hidden="true"></i></a>&nbsp;
+		<a href="{{ .Site.Params.socialLinks.github }}" rel="me" aria-label="GitHub" title="GitHub">
+			<svg class="brand-icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+				<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
+			</svg>
+		</a>&nbsp;&nbsp;
+	</li>
+	<li>
+		<a href="{{ .Site.Params.socialLinks.steam }}" rel="me" aria-label="Steam" title="Steam">
+			<svg class="brand-icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+					<path d="M496 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5v1.2L176.6 279c-15.5-.9-30.7 3.4-43.5 12.1L0 236.1C10.2 108.4 117.1 8 247.6 8 384.8 8 496 119 496 256zM155.7 384.3l-30.5-12.6a52.8 52.8 0 0 0 27.2 25.8c26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3 .1-40.3-5.4-13-15.5-23.2-28.5-28.6-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zm173.8-129.9c-34.4 0-62.4-28-62.4-62.3s28-62.3 62.4-62.3 62.4 28 62.4 62.3-27.9 62.3-62.4 62.3zm.1-15.6c25.9 0 46.9-21 46.9-46.8 0-25.9-21-46.8-46.9-46.8s-46.9 21-46.9 46.8c.1 25.8 21.1 46.8 46.9 46.8z"/>
+			</svg>
+		</a>&nbsp;&nbsp;
+	</li>
+	<li>
+		<a href="{{ .Site.Params.socialLinks.email }}" rel="me" aria-label="Contact Me" title="Contact Me">
+			<svg class="brand-icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+				<path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
+			</svg>
+		</a>&nbsp;&nbsp;
+	</li>
+	<li>
+		<a href="{{ .Site.Params.socialLinks.rss }}" rel="me" aria-label="RSS" title="RSS">
+			<svg class="brand-icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+				<path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/>
+			</svg>
+		</a>&nbsp;&nbsp;
 	</li>
-    {{ end }}
 </ul>

themes/risotto/layouts/partials/head.html

@@ -8,13 +8,11 @@
 <!-- FontAwesome <https://fontawesome.com/> -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
-<!-- Academicons <https://jpswalsh.github.io/academicons/> -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.9.4/css/academicons.min.css" integrity="sha512-IW0nhlW5MgNydsXJO40En2EoCkTTjZhI3yuODrZIc8cQ4h1XcF53PsqDHa09NqnkXuIe0Oiyyj171BqZFwISBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-
 <!-- risotto theme -->
 <link rel="stylesheet" href="{{ printf "css/palettes/%s.css" (.Site.Params.theme.palette | default "base16-dark") | absURL }}">
-<link rel="stylesheet" href="{{ "css/risotto.css" | absURL }}">
+
-<link rel="stylesheet" href="{{ "css/custom.css" | absURL }}">
+{{ $css := resources.Match "css/*.css" | resources.Concat "out.css" }}
+<link rel="stylesheet" href="{{ $css.Permalink }}">
 
 <!-- favicon -->
 {{ if os.FileExists "static/favicon.ico" }}<link rel="icon" href="{{ "favicon.ico" | absURL }}">{{ end }}

themes/risotto/static/css/risotto.css

@@ -1,12 +0,0 @@
-@import 'colours.css';
-@import 'typography.css';
-@import 'layout.css';
-@import 'header.css';
-@import 'logo.css';
-@import 'about.css';
-@import 'footer.css';
-
-body {
-    background-color: var(--bg);
-    color: var(--fg);
-}