sites/abdullahtarawneh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: sites:0cb324d191fbff220e8c32fef0afd15114691d62
Branches Tags
sites:main
..
compare: sites:425a2d42d952a774aea9a203670d6d220a654446
Branches Tags
sites:main

4 commits
0cb324d191 ... 425a2d42d9

Author SHA1 Message Date
a
425a2d42d9 add: show multiple authors on blog article, add self link 2024-06-06 02:56:49 -05:00
a
76df0dca83 fix: consistent authors, actually use link colors 2024-06-06 02:18:20 -05:00
a
78d91e21c6 fix: remove aspect ratio 1 from work items 2024-06-06 01:49:32 -05:00
a
39067b32ec fix artisinally -> artisanally 2024-06-06 01:46:15 -05:00
24 changed files with 95 additions and 72 deletions
Show stats Expand all files Collapse all files

5
assets/scss/base/links.scss
View file

@ -3,14 +3,15 @@ a {
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {
transition: none; transition: none;
} }
color: inherit;
&:link { &:link {
color: var(--link-color); color: var(--color-link);
text-decoration-thickness: .125rem; text-decoration-thickness: .125rem;
text-underline-offset: 0.125em; text-underline-offset: 0.125em;
text-decoration-skip-ink: none; text-decoration-skip-ink: none;
} }
&:visited { &:visited {
color: var(--link-visited); color: var(--color-link-visited);
} }
&:focus { &:focus {
outline-offset: 0.5rem; outline-offset: 0.5rem;

16
assets/scss/layouts/blog/single.scss
View file

@ -16,19 +16,25 @@ main.blog.single {
} }
.h-card { .h-card {
font-style: normal; font-style: normal;
display: inline-block; display: block;
margin-block: 0.5rem;
a { a {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
gap: 0.5rem; gap: 0.5rem;
align-items: center; align-items: center;
text-decoration: none;
} }
img.logo { img.logo, .no-avatar {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 100rem; border-radius: 100rem;
} }
.no-avatar {
svg {
width: 100%;
height: 100%;
}
}
} }
time.dt-published { time.dt-published {
display: block; display: block;
@ -36,6 +42,10 @@ main.blog.single {
#TableOfContents > ul { #TableOfContents > ul {
padding-left: 1rem; padding-left: 1rem;
} }
a {
text-decoration: none;
color: inherit;
}
} }
section.e-content { section.e-content {
display: grid; display: grid;

3
assets/scss/layouts/partials/h-entry.scss → assets/scss/layouts/partials/page/tags-list.scss
View file

@ -10,9 +10,10 @@
} }
a { a {
background: var(--color-highlight-weak); background: var(--color-highlight-weak);
color: inherit;
text-decoration: none; text-decoration: none;
font-family: monospace; font-family: monospace;
padding: 0.25rem; padding: 0.5rem;
&:before { &:before {
content: '#'; content: '#';
} }

0
assets/scss/layouts/partials/breadcrumbs.scss → assets/scss/layouts/partials/site/breadcrumbs.scss
View file

5
assets/scss/layouts/partials/site-footer.scss → assets/scss/layouts/partials/site/site-footer.scss
View file

@ -7,5 +7,8 @@
color: var(--color-background); color: var(--color-background);
padding-block-start: var(--padding-block, 2rem); padding-block-start: var(--padding-block, 2rem);
padding-bottom: calc(var(--nav-height, 4rem) + var(--padding-block, 2rem)); padding-bottom: calc(var(--nav-height, 4rem) + var(--padding-block, 2rem));
a {word-wrap: break-word;} a {
word-wrap: break-word;
color: inherit;
}
} }

61
assets/scss/layouts/partials/site-header.scss → assets/scss/layouts/partials/site/site-header.scss
View file

@ -9,35 +9,35 @@
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
} }
.support { // .support {
--icon-size: 2rem; // --icon-size: 2rem;
svg { // svg {
font-size: var(--icon-size, 2rem); // font-size: var(--icon-size, 2rem);
} // }
span { // span {
display: none; // display: none;
} // }
padding: 1rem; // padding: 1rem;
display: grid; // display: grid;
place-items: center; // place-items: center;
background: var(--color-accent); // background: var(--color-accent);
color: var(--color-text); // color: var(--color-text);
text-decoration: none; // text-decoration: none;
&:hover { // &:hover {
background-color: var(--color-button-hover-background); // background-color: var(--color-button-hover-background);
color: var(--color-button-hover-text); // color: var(--color-button-hover-text);
} // }
border-radius: 0.75rem; // border-radius: 0.75rem;
@media (min-width: 400px) { // @media (min-width: 400px) {
span {display: unset;} // span {display: unset;}
grid-template-columns: var(--icon-size, 1rem) auto; // grid-template-columns: var(--icon-size, 1rem) auto;
width: unset; // width: unset;
gap: 1rem; // gap: 1rem;
padding-inline: 1rem; // padding-inline: 1rem;
} // }
} // }
@ -136,10 +136,13 @@
box-shadow: unset; box-shadow: unset;
padding-block-end: unset; padding-block-end: unset;
ul {gap: 1rem;} ul {gap: 1rem;}
a {
}
} }
.container { .container {
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr;
grid-template-areas: "mast nav button"; grid-template-areas: "mast nav";
gap: 1rem; gap: 1rem;
} }

9
assets/scss/main.scss
View file

@ -5,19 +5,18 @@
@import "base/links.scss"; @import "base/links.scss";
@import "libraries/photoswipe.scss"; @import "libraries/photoswipe.scss";
@import "layouts/partials/site-header.scss"; @import "layouts/partials/site/site-header.scss";
@import "layouts/partials/site-footer.scss"; @import "layouts/partials/site/site-footer.scss";
@import "layouts/partials/breadcrumbs.scss"; @import "layouts/partials/site/breadcrumbs.scss";
@import "layouts/_default/single.scss"; @import "layouts/_default/single.scss";
@import "layouts/_default/list.scss"; @import "layouts/_default/list.scss";
@import "layouts/index.scss"; @import "layouts/index.scss";
@import "layouts/blog/list.scss"; @import "layouts/blog/list.scss";
@import "layouts/blog/single.scss"; @import "layouts/blog/single.scss";
@import "layouts/partials/h-entry.scss"; @import "layouts/partials/page/tags-list.scss";
@import "layouts/taxonomy/category.scss"; @import "layouts/taxonomy/category.scss";
@import "layouts/taxonomy/author.scss"; @import "layouts/taxonomy/author.scss";

2
content/blog/liberapay-pleroma/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "Liberapay: Add Pleroma support" title = "Liberapay: Add Pleroma support"
summary = "Pleroma is compatible with the Mastodon API, but uses a different URL format. This pull request creates a Pleroma identity provider within Liberapay that takes this difference into account." summary = "Pleroma is compatible with the Mastodon API, but uses a different URL format. This pull request creates a Pleroma identity provider within Liberapay that takes this difference into account."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2019-11-13 date = 2019-11-13
tags = ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"] tags = ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"]
categories = ["Code"] categories = ["Code"]

2
content/blog/mastomods/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "MastoMods" title = "MastoMods"
summary = "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter." summary = "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2019-02-18 date = 2019-02-18
tags = ["mastomods", "mastodon", "css", "userstyles", "tweaks"] tags = ["mastomods", "mastodon", "css", "userstyles", "tweaks"]
categories = ["Code"] categories = ["Code"]

2
content/blog/no-right-to-profit/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "You don't have a right to profit." title = "You don't have a right to profit."
summary = "People will go to ridiculous lengths in the name of protecting the “right” to profit. Let’s be real here. No one has a “right” to profit." summary = "People will go to ridiculous lengths in the name of protecting the “right” to profit. Let’s be real here. No one has a “right” to profit."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2015-07-08 date = 2015-07-08
tags = ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"] tags = ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"]
categories = ["Uncategorized"] categories = ["Uncategorized"]

2
content/blog/obs-edit-transform/index.md
View file

@ -2,7 +2,7 @@
title = "OBS Studio: Ctrl+E to Edit Transform" title = "OBS Studio: Ctrl+E to Edit Transform"
summary = "I added a shortcut to edit transforms on a source in OBS Studio." summary = "I added a shortcut to edit transforms on a source in OBS Studio."
date = 2017-04-30 date = 2017-04-30
authors = ["Abdullah Tarawneh"] authors = ["a"]
tags = ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"] tags = ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"]
categories = ["Code"] categories = ["Code"]
aliases = [ aliases = [

2
content/blog/photobucketgrabber/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "PhotoBucketGrabber" title = "PhotoBucketGrabber"
summary = "[OBSOLETE] Download all your photos from PhotoBucket using this Python script." summary = "[OBSOLETE] Download all your photos from PhotoBucket using this Python script."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2019-03-17 date = 2019-03-17
tags = ["python", "photobucket", "automation", "scripting", "archive", "export", "download"] tags = ["python", "photobucket", "automation", "scripting", "archive", "export", "download"]
categories = ["Code"] categories = ["Code"]

2
content/blog/rip-grooveshark/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "RIP Grooveshark." title = "RIP Grooveshark."
summary = "I last used Grooveshark earlier today. I refreshed the page and found that it was dead. [...] I find myself feeling about Grooveshark similarly as when I found out that Megaupload had been shut down, and that many of my files were lost forever." summary = "I last used Grooveshark earlier today. I refreshed the page and found that it was dead. [...] I find myself feeling about Grooveshark similarly as when I found out that Megaupload had been shut down, and that many of my files were lost forever."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2015-05-01 date = 2015-05-01
tags = ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"] tags = ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"]
categories = ["Uncategorized"] categories = ["Uncategorized"]

2
content/blog/salatime/index.md
View file

@ -2,7 +2,7 @@
title = "salatime" title = "salatime"
summary = "[OBSOLETE] Basic terminal script to print out daily prayer times for Birmingham, AL." summary = "[OBSOLETE] Basic terminal script to print out daily prayer times for Birmingham, AL."
date = 2019-05-09 date = 2019-05-09
authors = ["Abdullah Tarawneh"] authors = ["a"]
tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"] tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"]
categories = ["Code"] categories = ["Code"]
aliases = [ aliases = [

2
content/blog/twitter-not-social/index.md
View file

@ -1,7 +1,7 @@
+++ +++
title = "Twitter is no longer a social network." title = "Twitter is no longer a social network."
summary = "That service that started out as a way to send status updates to your friends has been replaced by Twitter, a bloated, lumbering mess trying to force-feed you a stale diet of whatever Content™ floats to the top of the river of shit." summary = "That service that started out as a way to send status updates to your friends has been replaced by Twitter, a bloated, lumbering mess trying to force-feed you a stale diet of whatever Content™ floats to the top of the river of shit."
authors = ["Abdullah Tarawneh"] authors = ["a"]
date = 2018-04-27 date = 2018-04-27
tags = ["twitter", "social network", "social media", "analysis", "capitalism"] tags = ["twitter", "social network", "social media", "analysis", "capitalism"]
categories = ["Communication"] categories = ["Communication"]

2
content/services/static-websites/index.md
View file

@ -1,4 +1,4 @@
+++ +++
title = "End-to-end static website design and development" title = "End-to-end static website design and development"
summary = "Artisinally hand-crafted websites that are sure to perform well without sacrificing on UX." summary = "Artisanally hand-crafted websites that are sure to perform well without sacrificing on UX."
+++ +++

2
content/work/_index.html
View file

@ -27,7 +27,7 @@ layout = "custom_html"
</section> </section>
<section class="service"> <section class="service">
<h3 class="service__title">End-to-end static websites</h3> <h3 class="service__title">End-to-end static websites</h3>
<p class="service__summary">Artisinally hand-crafted websites that are sure to perform well without sacrificing UX.</p> <p class="service__summary">Artisanally hand-crafted websites that are sure to perform well without sacrificing UX.</p>
<div class="service__icons"> <div class="service__icons">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>hugeicons:web-design-01</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M13 13h4m-4 4h2M7 6h.009M11 6h.009M9 9v12.5" color="currentColor"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>hugeicons:web-design-01</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M13 13h4m-4 4h2M7 6h.009M11 6h.009M9 9v12.5" color="currentColor"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" style="margin-block-start: 3px"><title>hugeicons:web-design-02</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="M20 10.128c0-3.832 0-5.747-1.172-6.938S15.771 2 12 2h-2C6.229 2 4.343 2 3.172 3.19S2 6.296 2 10.128s0 5.747 1.172 6.938c.47.477 1.054.763 1.828.934"/><path d="M22 17.5c0-1.875 0-2.812-.477-3.47a2.5 2.5 0 0 0-.553-.553C20.312 13 19.375 13 17.5 13h-5c-1.875 0-2.812 0-3.47.477a2.5 2.5 0 0 0-.553.553C8 14.689 8 15.626 8 17.5s0 2.812.477 3.47a2.5 2.5 0 0 0 .554.553C9.688 22 10.625 22 12.5 22h5c1.875 0 2.812 0 3.47-.477a2.5 2.5 0 0 0 .553-.553C22 20.312 22 19.375 22 17.5"/><path d="m16.5 16l.92.793c.387.333.58.5.58.707s-.193.374-.58.707L16.5 19m-3-3l-.92.793c-.387.333-.58.5-.58.707s.193.374.58.707l.92.793M2.5 6h17"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" style="margin-block-start: 3px"><title>hugeicons:web-design-02</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="M20 10.128c0-3.832 0-5.747-1.172-6.938S15.771 2 12 2h-2C6.229 2 4.343 2 3.172 3.19S2 6.296 2 10.128s0 5.747 1.172 6.938c.47.477 1.054.763 1.828.934"/><path d="M22 17.5c0-1.875 0-2.812-.477-3.47a2.5 2.5 0 0 0-.553-.553C20.312 13 19.375 13 17.5 13h-5c-1.875 0-2.812 0-3.47.477a2.5 2.5 0 0 0-.553.553C8 14.689 8 15.626 8 17.5s0 2.812.477 3.47a2.5 2.5 0 0 0 .554.553C9.688 22 10.625 22 12.5 22h5c1.875 0 2.812 0 3.47-.477a2.5 2.5 0 0 0 .553-.553C22 20.312 22 19.375 22 17.5"/><path d="m16.5 16l.92.793c.387.333.58.5.58.707s-.193.374-.58.707L16.5 19m-3-3l-.92.793c-.387.333-.58.5-.58.707s.193.374.58.707l.92.793M2.5 6h17"/></g></svg>

2
content/work/style.scss
View file

@ -205,7 +205,6 @@ main.work {
"summary"; "summary";
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
border-radius: var(--border-radius, 1rem); border-radius: var(--border-radius, 1rem);
aspect-ratio: 1;
&__link { &__link {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
@ -293,7 +292,6 @@ main.work {
padding: 2rem; padding: 2rem;
border: 4px dashed green; border: 4px dashed green;
border-radius: var(--border-radius, 1rem); border-radius: var(--border-radius, 1rem);
aspect-ratio: 1;
place-items: center; place-items: center;
} }
#hire-me { #hire-me {

12
hugo.toml
View file

@ -48,12 +48,12 @@ name = "Work"
pageRef = "/work/" pageRef = "/work/"
weight = 30 weight = 30
# [[menu.main]] [[menu.main]]
# identifier = "fedi" identifier = "support"
# pre = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><title>ph:fediverse-logo-fill</title><path fill="currentColor" d="M212 96a27.8 27.8 0 0 0-10.51 2L171 59.94A28 28 0 1 0 120 44a29 29 0 0 0 .15 2.94L73.68 66.3a28 28 0 1 0-28.6 44.83l1.85 46.38a28 28 0 1 0 32.74 41.42L128 212.47a28 28 0 1 0 49.13-18.79l27.21-42.75A28 28 0 1 0 212 96m-140.81 8.36L113.72 129l-41.46 32.22a28 28 0 0 0-9.34-4.35l-1.85-46.38a28 28 0 0 0 10.12-6.13M149.57 72a27.8 27.8 0 0 0 8.94-2L189 108.06a27.9 27.9 0 0 0-4.18 9.22l-46.57 2.22ZM82.09 173.85L124 141.26l15.94 47.83a28.2 28.2 0 0 0-7.6 8L84 183.53a28 28 0 0 0-1.91-9.68M156 184h-.89l-16.18-48.53l46.65-2.22a27.9 27.9 0 0 0 5.28 9L163.65 185a28 28 0 0 0-7.65-1M126.32 61.7a28.4 28.4 0 0 0 7.68 6.54l-11.3 47.45l-43.47-25.17A28 28 0 0 0 80 84a29 29 0 0 0-.15-2.94Z"/></svg>' pre = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>'
# name = "fedi" name = "fund"
# pageRef = "/fediverse/" pageRef = "/support/"
# weight = 40 weight = 40
[[menu.main]] [[menu.main]]
identifier = "blog" identifier = "blog"

4
layouts/_default/baseof.html
View file

@ -22,10 +22,10 @@
</head> </head>
<body> <body>
{{ block "body" . }} {{ block "body" . }}
{{ partial "site/header.html" . }} {{ partial "site/site-header.html" . }}
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
{{ partial "site/footer.html" .}} {{ partial "site/site-footer.html" .}}
{{ end }} {{ end }}
</body> </body>
</html> </html>

18
layouts/partials/page/author.html
View file

@ -1,6 +1,16 @@
{{ with .GetTerms "authors" }}
{{ range . }}
<address class="p-author h-card author vcard"> <address class="p-author h-card author vcard">
<a href="{{ .Site.BaseURL }}" class="u-url u-uid url uid" rel="author"> <a href="{{ .Permalink }}" class="u-url u-uid url uid" rel="author">
<img class="u-photo u-logo photo logo" src="{{.Site.BaseURL}}images/people/avatar.png" width=16 height=16 alt="a"> {{ with .Resources.GetMatch "avatar" }}
<span class="p-name fn"><span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></span> <img class="u-photo u-logo photo logo" src="{{.Permalink }}" width=16 height=16 alt="">
{{ else }}
<div class="no-avatar">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>mdi:person</title><path fill="currentColor" d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4"/></svg>
</div>
{{ end }}
<span class="p-name fn">{{ .Title }}</span>
</a> </a>
</address> </address>
{{ end }}
{{ end }}

8
layouts/partials/page/date.html
View file

@ -1,3 +1,5 @@
<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}"> <a href="{{ .Permalink }}" class="u-url u-uid" rel="self">
{{ .Date.Format "Monday, 2006 January 2" }} <time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
</time> {{ .Date.Format "Monday, 2006 January 2" }}
</time>
</a>

0
layouts/partials/site/footer.html → layouts/partials/site/site-footer.html
View file

4
layouts/partials/site/header.html → layouts/partials/site/site-header.html
View file

@ -4,10 +4,6 @@
<img class="site-icon" width=32 src="/images/people/avatar.png" alt=""> <img class="site-icon" width=32 src="/images/people/avatar.png" alt="">
<p class="site-title">hi, i'm a.</p> <p class="site-title">hi, i'm a.</p>
</a> </a>
<a href="/support" class="support">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>
<span>support me</span>
</a>
<nav class="site-nav" aria-label="Main navigation"> <nav class="site-nav" aria-label="Main navigation">
<ul> <ul>
{{ $currentPage := . }} {{ $currentPage := . }}