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

June 2024 redesign #1

Merged
a merged 4 commits from branch2 into main 2024-06-03 23:22:37 +00:00
Conversation 0 Commits 4 Files changed 109 +366 -141
36 changed files with 366 additions and 141 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit fc9891025b - Show all commits

1
assets/scss/layouts/blog/list.scss
View file

@ -55,6 +55,7 @@ main.blog.list {
} }
.posts { .posts {
grid-area: posts; grid-area: posts;
.h-entry {max-width: 40rem;}
} }
} }
} }

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

@ -1,3 +1,115 @@
main.blog.single { main.blog.single {
--max-container-width: 80ch;
line-height: 1.6;
padding-bottom: 2rem;
article.h-entry {
> header {
background: var(--color-card-background);
color: var(--color-card-text);
padding-block: 1rem;
.entry-title {
margin-block-start: 1rem;
font-family: serif;
}
.entry-summary {
font-family: serif;
}
.h-card {
font-style: normal;
display: inline-block;
a {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.5rem;
align-items: center;
text-decoration: none;
}
img.logo {
width: 2rem;
height: 2rem;
border-radius: 100rem;
}
}
time.dt-published {
display: block;
}
#TableOfContents > ul {
padding-left: 1rem;
}
}
section.e-content {
display: grid;
grid-template-columns: 1em 1fr 1em;
padding-block: 1rem;
gap: 1rem 0;
max-width: 80ch;
margin: 0 auto;
@media (min-width: 55ch) {
grid-template-columns: minmax(1em, 1fr) minmax(45ch, 70ch) minmax(1em, 1fr);
}
> * {
grid-column: 2;
margin: 0;
}
> img, > figure {
grid-column: 1 / span 3;
width: 100%;
img {
width: 100%;
display: block;
}
figcaption {
padding: 1rem;
background: var(--color-card-background);
color: var(--color-card-text);
font-size: 0.8em;
}
}
> blockquote {
padding-inline-start: 0.25rem;
border-inline-start: 0.25rem solid var(--color-highlight);
p:only-child {margin: 0;}
}
.has-pullquote {
@mixin pullquote {
content: attr(data-pullquote);
font-family: serif;
display: block;
margin-block-end: 1rem;
font-size: 1.2rem;
color: var(--color-highlight);
}
&.left {
&.before:before,
&.after:after {
@include pullquote;
}
}
&.right {
&.before:before,
&.after:after {
@include pullquote;
}
}
@media (min-width: 40rem) {
&.left {
&.before:before,
&.after:after {
float: left;
margin-inline-end: 1rem;
max-width: 24ch;
}
}
&.right {
&.before:before,
&.after:after {
float: right;
margin-inline-start: 1rem;
max-width: 24ch;
}
}
}
}
}
}
} }

4
content/_index.html
View file

@ -152,9 +152,9 @@ layout = "custom_html"
<section id="activity" class="h-feed"> <section id="activity" class="h-feed">
<header> <header>
<h2>Latest posts</h2> <h2>Latest posts</h2>
<p><a href="/posts">See more posts</a></p> <p><a href="/blog">See more posts</a></p>
</header> </header>
{{< index/latest-posts>}} {{< index/latest-posts 7 >}}
</section> </section>
</div> </div>

6
content/authors/Abdullah Tarawneh/_index.md Normal file
View file

@ -0,0 +1,6 @@
+++
title = "Abdullah Tarawneh"
[[resources]]
name = "avatar"
src = "avatar.png"
+++

BIN
content/authors/Abdullah Tarawneh/avatar.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

2
content/blog/personal-websites/index.md
View file

@ -11,6 +11,6 @@ categories = ["Uncategorized"]
<p class="has-pullquote before right" data-pullquote="The current internet is highly commercialized and focused on promoting products or services.">There is shockingly little of the latter content among what I can find. Virtually everyone is offering their advice for the former. The personal has become the professional. And, well... can you blame people, really? The current internet is highly commercialized and focused on promoting products or services. Sure, a website is ostensibly about conveying information, but a lot of that information is intended to get you to do something -- usually something representing a financial transaction.</p> <p class="has-pullquote before right" data-pullquote="The current internet is highly commercialized and focused on promoting products or services.">There is shockingly little of the latter content among what I can find. Virtually everyone is offering their advice for the former. The personal has become the professional. And, well... can you blame people, really? The current internet is highly commercialized and focused on promoting products or services. Sure, a website is ostensibly about conveying information, but a lot of that information is intended to get you to do something -- usually something representing a financial transaction.</p>
<p class="has-pullquote after right" data-pullquote="It's always &ldquo;build your brand&rdquo; or &ldquo;showcase your portfolio&rdquo; [...] Everyone is always talking about the sales funnel or the call to action or whatever.">No one seems to have any tips or hints on how to make a truly personal website. It's always "build your brand" or "showcase your portfolio" or some other transparently profit-motivated initiative. Everyone is always talking about the sales funnel or the call to action or whatever. It's just <em>assumed</em> you are also like this.</p> <p class="has-pullquote before right" data-pullquote="It's always &ldquo;build your brand&rdquo; or &ldquo;showcase your portfolio&rdquo; [...] Everyone is always talking about the sales funnel or the call to action or whatever.">No one seems to have any tips or hints on how to make a truly personal website. It's always "build your brand" or "showcase your portfolio" or some other transparently profit-motivated initiative. Everyone is always talking about the sales funnel or the call to action or whatever. It's just <em>assumed</em> you are also like this.</p>
<p>How many websites are basically just "Hello I'm $NAME and I'm a $ROLE"? That doesn't really tell me much about a person. It doesn't really stand out at all. But what should you do instead? There's so little that you can take as an example. Perhaps a stroll through something like Neocities might help, but you'd have to look for quite a while.</p> <p>How many websites are basically just "Hello I'm $NAME and I'm a $ROLE"? That doesn't really tell me much about a person. It doesn't really stand out at all. But what should you do instead? There's so little that you can take as an example. Perhaps a stroll through something like Neocities might help, but you'd have to look for quite a while.</p>

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

@ -6,7 +6,7 @@ date = 2018-04-27
tags = ["twitter", "social network", "social media", "analysis", "capitalism"] tags = ["twitter", "social network", "social media", "analysis", "capitalism"]
categories = ["Communication"] categories = ["Communication"]
[[resources]] [[resources]]
name = "cover" name = "featured"
src = "failwhale.png" src = "failwhale.png"
+++ +++

5
content/support/index.html
View file

@ -18,5 +18,8 @@ layout = "custom_html"
+++ +++
<main class="support"> <main class="support">
<div class="container" style="max-width: 80ch">
<h1>Help me live</h1>
<p>Much like everyone else under capitalism, I need money to live. Most of the stuff I do is what you might consider "socially useful" but also "general unprofitable". Given our capitalist society, my "value" is judged by the latter criteria rather than the former.</p>
</div>
</main> </main>

5
content/support/style.scss Normal file
View file

@ -0,0 +1,5 @@
main.support {
.cta {
}
}

6
content/work/_index.html
View file

@ -18,7 +18,7 @@ layout = "custom_html"
<h2 class="section__title">Some of the things I can do for you...</h2> <h2 class="section__title">Some of the things I can do for you...</h2>
<div class="services"> <div class="services">
<section class="service"> <section class="service">
<h3 class="service__title"><a href="/services/software-documentation">Software and API docs</a></h3> <h3 class="service__title">Software and API docs</h3>
<p class="service__summary">Information architecture and technical writing, especially for software and APIs.</p> <p class="service__summary">Information architecture and technical writing, especially for software and APIs.</p>
<div class="service__icons"> <div class="service__icons">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><title>oui:documentation</title><path fill="currentColor" d="M9 3.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9 5v3h1v1H8V6H7V5z"/><path fill="currentColor" d="M13.855 14.147a1.3 1.3 0 0 1-.158-.246A2 2 0 0 1 13.5 13c0-.414.103-.713.197-.901a1.3 1.3 0 0 1 .158-.246l.003-.005A.5.5 0 0 0 14 11.5V.5a.5.5 0 0 0-.5-.5H3.461l-.083.005a3 3 0 0 0-1.102.298a2.26 2.26 0 0 0-.88.763C1.148 1.44 1 1.913 1 2.5V13c0 .463.117.843.318 1.145c.2.298.462.491.708.615a2.3 2.3 0 0 0 .94.24H3v-1l-.029-.002a1.3 1.3 0 0 1-.498-.133a.8.8 0 0 1-.323-.275C2.07 13.47 2 13.287 2 13s.07-.47.15-.59a.8.8 0 0 1 .324-.275A1.3 1.3 0 0 1 3 12h9.658c-.091.27-.158.605-.158 1s.067.73.158 1H8v1h5.5a.5.5 0 0 0 .359-.848zm-.001 0l.002.002zM2.724 1.197q.14-.068.276-.11C3 2.918 3.001 11 2.999 11h-.033a2 2 0 0 0-.283.03a2.3 2.3 0 0 0-.657.21L2 11.254V2.5c0-.413.102-.689.229-.879c.128-.193.304-.328.495-.424M4 11V1h9v10z"/><path fill="currentColor" d="M7 13H4v2.5a.5.5 0 0 0 .854.354l.646-.647l.646.647A.5.5 0 0 0 7 15.5z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><title>oui:documentation</title><path fill="currentColor" d="M9 3.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9 5v3h1v1H8V6H7V5z"/><path fill="currentColor" d="M13.855 14.147a1.3 1.3 0 0 1-.158-.246A2 2 0 0 1 13.5 13c0-.414.103-.713.197-.901a1.3 1.3 0 0 1 .158-.246l.003-.005A.5.5 0 0 0 14 11.5V.5a.5.5 0 0 0-.5-.5H3.461l-.083.005a3 3 0 0 0-1.102.298a2.26 2.26 0 0 0-.88.763C1.148 1.44 1 1.913 1 2.5V13c0 .463.117.843.318 1.145c.2.298.462.491.708.615a2.3 2.3 0 0 0 .94.24H3v-1l-.029-.002a1.3 1.3 0 0 1-.498-.133a.8.8 0 0 1-.323-.275C2.07 13.47 2 13.287 2 13s.07-.47.15-.59a.8.8 0 0 1 .324-.275A1.3 1.3 0 0 1 3 12h9.658c-.091.27-.158.605-.158 1s.067.73.158 1H8v1h5.5a.5.5 0 0 0 .359-.848zm-.001 0l.002.002zM2.724 1.197q.14-.068.276-.11C3 2.918 3.001 11 2.999 11h-.033a2 2 0 0 0-.283.03a2.3 2.3 0 0 0-.657.21L2 11.254V2.5c0-.413.102-.689.229-.879c.128-.193.304-.328.495-.424M4 11V1h9v10z"/><path fill="currentColor" d="M7 13H4v2.5a.5.5 0 0 0 .854.354l.646-.647l.646.647A.5.5 0 0 0 7 15.5z"/></svg>
@ -26,7 +26,7 @@ layout = "custom_html"
</div> </div>
</section> </section>
<section class="service"> <section class="service">
<h3 class="service__title"><a href="/services/static-websites">End-to-end static websites</a></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">Artisinally 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>
@ -34,7 +34,7 @@ layout = "custom_html"
</div> </div>
</section> </section>
<section class="service"> <section class="service">
<h3 class="service__title"><a href="/services/social-web-consultancy">Social Web consultancy</a></h3> <h3 class="service__title">Social Web consultancy</h3>
<p class="service__summary">Get help implementing open web standards and technologies such as ActivityPub.</p> <p class="service__summary">Get help implementing open web standards and technologies such as ActivityPub.</p>
<div class="service__icons"> <div class="service__icons">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><title>ph:fediverse-logo</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-56 88h-.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-1m-93.08-27.13l-1.85-46.38a28 28 0 0 0 10.12-6.13L113.72 129l-41.46 32.22a28 28 0 0 0-9.34-4.35M149.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.68M148 32a12 12 0 1 1-12 12a12 12 0 0 1 12-12m-21.68 29.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.94ZM40 84a12 12 0 1 1 12 12a12 12 0 0 1-12-12m16 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m100 28a12 12 0 1 1 12-12a12 12 0 0 1-12 12m56-88a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><title>ph:fediverse-logo</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-56 88h-.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-1m-93.08-27.13l-1.85-46.38a28 28 0 0 0 10.12-6.13L113.72 129l-41.46 32.22a28 28 0 0 0-9.34-4.35M149.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.68M148 32a12 12 0 1 1-12 12a12 12 0 0 1 12-12m-21.68 29.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.94ZM40 84a12 12 0 1 1 12 12a12 12 0 0 1-12-12m16 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m100 28a12 12 0 1 1 12-12a12 12 0 0 1-12 12m56-88a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>

4
content/work/go-fed/index.html
View file

@ -14,9 +14,7 @@ name = "cover"
src = "new-1280-home1.png" src = "new-1280-home1.png"
+++ +++
<main class="go-fed">
<main id="go-fed">
<header class="page-header section"> <header class="page-header section">
<div class="container"> <div class="container">
<img src="/images/logos/go-fed.png" alt="Go-Fed logo"> <img src="/images/logos/go-fed.png" alt="Go-Fed logo">

112
assets/scss/content/work/go-fed.scss → content/work/go-fed/style.scss
View file

@ -1,4 +1,4 @@
#go-fed { main.go-fed {
$gofed-light: #F38D7F; $gofed-light: #F38D7F;
$gofed-dark: #740D00; $gofed-dark: #740D00;
$gofed-bg: #EAEAEA; $gofed-bg: #EAEAEA;
@ -7,6 +7,9 @@
$go-bg: #007D9C; $go-bg: #007D9C;
$go-gopher: #79D4FD; $go-gopher: #79D4FD;
overflow: hidden; overflow: hidden;
--max-container-width: 60rem;
.page-header { .page-header {
.container { .container {
display: grid; display: grid;
@ -131,4 +134,111 @@
} }
.quote:before, .quote:after {color: $go-gopher} .quote:before, .quote:after {color: $go-gopher}
} }
.smartphone {
img {
width: 100%;
}
display: block;
position: relative;
max-width: 320px;
margin: auto;
border: 16px black solid;
border-top-width: 60px;
border-bottom-width: 80px;
border-radius: 36px;
background: black;
&:before {
content: '';
display: block;
width: 60px;
height: 5px;
position: absolute;
top: -30px;
left: 50%;
transform: translate(-50%, -50%);
background: #333;
border-radius: 10px;
}
&:after {
content: '';
display: block;
width: 20%;
aspect-ratio: 1;
position: absolute;
left: 50%;
bottom: -96px;
transform: translate(-50%, -50%);
background: #333;
border-radius: 50%;
}
}
.laptop {
img {
width: 100%;
}
display: block;
width: 100%;
border-radius: 6px;
border-style: solid;
border-color: black;
border-width: 12px;
background-color: black;
position: relative;
&:after {
content: '';
position: absolute;
width: calc(100% + 3em);
height: 7%;
left: -1.5em;
bottom: -9%;
background: #333;
border-radius: 0 0 100em 100em;
}
&:before {
content: '';
position: absolute;
width: 25%;
height: 2%;
left: 37.5%;
bottom: -4%;
background: #777;
z-index: 2;
}
margin-bottom: 3.7%;
}
.screenshot {
img {
width: 100%;
}
position: relative;
width: 100%;
&:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
&.pc {
img {padding: 1.1% 1.2%;}
margin-bottom: 21.25%;
&:after {
height: 140%;
background: url('/images/frames/pc.svg');
background-repeat: no-repeat;
}
}
&.macbook {
img {padding: 2.9% 11.75% 0;}
margin-bottom: 11.25%;
&:after {
height: 250%;
background: url('/images/frames/macbook.svg');
background-repeat: no-repeat;
}
}
}
} }

13
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 = "fedi"
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 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>'
name = "fedi" # name = "fedi"
pageRef = "/fediverse/" # pageRef = "/fediverse/"
weight = 40 # weight = 40
[[menu.main]] [[menu.main]]
identifier = "blog" identifier = "blog"
@ -80,3 +80,4 @@ email = "a@trwnh.com"
tag = "tags" tag = "tags"
category = "categories" category = "categories"
series = "series" series = "series"
author = "authors"

6
layouts/_default/baseof.html
View file

@ -16,16 +16,16 @@
{{ with .OutputFormats.Get "rss" -}} {{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel=%q type=%q href=%q title=%q>` .Rel .MediaType.Type .Permalink site.Title | safeHTML }} {{ printf `<link rel=%q type=%q href=%q title=%q>` .Rel .MediaType.Type .Permalink site.Title | safeHTML }}
{{ end }} {{ end }}
{{ partial "seo.html" . }} {{ partial "site/seo.html" . }}
{{ block "head" . }} {{ block "head" . }}
{{ end }} {{ end }}
</head> </head>
<body> <body>
{{ block "body" . }} {{ block "body" . }}
{{ partial "site-header.html" . }} {{ partial "site/header.html" . }}
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
{{ partial "site-footer.html" .}} {{ partial "site/footer.html" .}}
{{ end }} {{ end }}
</body> </body>
</html> </html>

2
layouts/blog/list.html
View file

@ -29,7 +29,7 @@
{{ $paginator := .Paginate .RegularPages 10 }} {{ $paginator := .Paginate .RegularPages 10 }}
{{ range $paginator.Pages }} {{ range $paginator.Pages }}
{{ partial "category/h-entry.html" .}} {{ partial "list/h-entry.summary.html" . }}
{{ end }} {{ end }}
{{ template "_internal/pagination.html" . }} {{ template "_internal/pagination.html" . }}
</section> </section>

69
layouts/blog/single.html
View file

@ -1,66 +1,27 @@
{{ define "main" }} {{ define "main" }}
<main class="blog single"> <main class="blog single">
<div class="container"> <article class="h-entry hentry">
<article class="post h-entry">
<header> <header>
<h1 class="title">{{ .Title }}</h1> <div class="container">
<p class="summary">{{.Summary}}</p> <h1 class="p-name entry-title">{{ .Title }}</h1>
{{ with .Params.cover }} <p class="p-summary entry-summary">{{.Summary}}</p>
<img class="cover" src="{{.}}"> {{ partial "page/author.html" . }}
{{end}} {{ partial "page/date.html" . }}
</header> {{ partial "page/wordcount.html" . }}
<aside class="meta"> {{ partial "page/categories.html" .}}
<datetime class="date"> {{ .Date.Format "Mon Jan 2, 2006" }} </datetime> {{ partial "page/tags-list.html" . }}
<p class="wordcount"> {{.WordCount}} words</p> {{ partial "page/series-list.html" . }}
{{ partial "page/toc.html" . }}
{{ with .Params.tags }}
<p class="tags-title">Keywords</p>
<ul class="tags">
{{ range . }}
<li><a href='{{"tags/" | absURL }}{{. | urlize}}'>{{.}}</a></li>
{{ end }}
</ul>
{{ end }}
{{- if .Params.series -}}
{{- with index (.GetTerms "series") 0 -}}
<div class="notice--info">
<p>This post is part of the <a href="{{ .Permalink }}" style="font-weight: bold">{{ .LinkTitle }}</a> series.</p>
</div> </div>
{{- end -}} </header>
{{- end -}} <section class="e-content entry-content">
{{ if ne .TableOfContents "<nav id=\"TableOfContents\"></nav>" }}
<p class="toc-title">Table of contents:</p>
{{ .TableOfContents }}
{{ end }}
</aside>
<section class="content">
{{ .Content }} {{ .Content }}
</section> </section>
<footer> <footer>
{{- if .Params.series -}} <div class="container">
<div class="post-series"> {{ partial "page/series-nav.html" . }}
{{- $series := or (where .Site.RegularPages.ByDate ".Params.series" "intersect" .Params.series) (where .Site.RegularPages.ByDate ".Params.series" "eq" .Params.series) -}}
{{- with $series -}}
<h3 id="series">This series</h3>
<ol>
{{- range . -}}
<li>
{{- if eq .File.UniqueID $.File.UniqueID -}}
<b>{{ .Title }}</b>
{{- else -}}
<a href="{{ .Permalink }}">{{ .Title }}</a>
{{- end -}}
</li>
{{- end -}}
</ol>
{{- end -}}
</div> </div>
{{- end -}}
</footer> </footer>
</article> </article>
</div>
</main> </main>
{{ end }} {{ end }}

18
layouts/partials/category/h-entry.html
View file

@ -1,18 +0,0 @@
<article class="h-entry">
<a href="{{.Permalink}}" class="u-url u-uid">
<h1 class="p-name">{{ .Title }}</h1>
</a>
<p class="p-summary">{{ .Summary }}</p>
<p>{{ .WordCount }} words posted on <time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-07:00" }}">{{ .Date.Format "2006 January 02" }}</time> {{with .Params.updated }}(updated on <time class="dt-updated updated" datetime="{{ .Lastmod.Format " 2006-01-02T15:04:05-07:00" }}">{{ .Date.Format "2006 January 02" }}</time>) {{ end }}by <span class="h-card vcard p-author">
<a class="u-url url p-name fn" href="{{ .Site.BaseURL }}" rel="author"><span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></a>
</span> {{ with .GetTerms "categories" }}into {{ range $k, $v := . }}{{- if $k }}, {{ end }}<a href="{{ .Permalink }}" rel="category" class="p-category">{{ .Title }}</a>{{ end }}{{ end }}</p>
{{ with .GetTerms "tags" }}
<ul class="tags">
{{ range . }}
<li>
<a href="{{ .Permalink }}" rel="tag">{{ .Title }}</a>
</li>
{{ end }}
</ul>
{{ end }}
</article>

6
layouts/partials/commit-icon.html
View file

@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" width=16 height=16 class="commit__icon">
<path fill-rule="evenodd"
d="M10.5 7.75a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0zm1.43.75a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 1 1 0-1.5h3.32a4.001 4.001 0 0 1 7.86 0h3.32a.75.75 0 1 1 0 1.5h-3.32z"
fill="currentColor"></path>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 445 B

5
layouts/partials/i18nlist.html
View file

@ -1,5 +0,0 @@
{{ if .IsTranslated }}
{{ range .Translations }}
<a href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a>
{{ end }}
{{ end }}

20
layouts/partials/list/h-entry.summary.html Normal file
View file

@ -0,0 +1,20 @@
<article class="h-entry">
<a href="{{.Permalink}}" class="u-url u-uid">
<h1 class="p-name">{{ .Title }}</h1>
</a>
<p class="p-summary">{{ .Summary }}</p>
<p>
{{ .WordCount }} words posted on
<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-07:00" }}">
{{ .Date.Format "2006 January 02" }}
</time> {{with .Params.updated -}}
(updated on <time class="dt-updated updated" datetime="{{ .Lastmod.Format " 2006-01-02T15:04:05-07:00" }}">
{{ .Date.Format "2006 January 02" }}
</time>) {{ end -}}
by <span class="h-card vcard p-author">
<a class="u-url url p-name fn" href="{{ .Site.BaseURL }}" rel="author">
<span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></a>
</span> {{ with .GetTerms "categories" }}into {{ range $k, $v := . }}{{- if $k }}, {{ end }}<a href="{{ .Permalink }}" rel="category" class="p-category">{{ .Title }}</a>{{ end }}{{ end }}
</p>
{{ partial "page/tags-list.html" . }}
</article>

16
layouts/partials/name.html
View file

@ -1,16 +0,0 @@
{{ $firstH1 :=
(
substr
(
delimit
(
findRE
"^#{1} ([^{\n]+)"
.RawContent
1
)
""
)
2
)
}}

6
layouts/partials/page/author.html Normal file
View file

@ -0,0 +1,6 @@
<address class="p-author h-card author vcard">
<a href="{{ .Site.BaseURL }}" 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">
<span class="p-name fn"><span class="p-given-name given-name">Abdullah</span> <span class="p-family-name family-name">Tarawneh</span></span>
</a>
</address>

9
layouts/partials/page/categories.html Normal file
View file

@ -0,0 +1,9 @@
{{ with .GetTerms "categories" }}
<p class="categories">
Categorized under
{{ range $k, $v := . }}
{{- if $k }}, {{ end }}
<a href='{{ .Permalink }}'>{{ .Title }}</a>
{{- end }}
</p>
{{ end }}

3
layouts/partials/page/date.html Normal file
View file

@ -0,0 +1,3 @@
<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
{{ .Date.Format "Monday, 2006 January 2" }}
</time>

10
layouts/partials/page/series-list.html Normal file
View file

@ -0,0 +1,10 @@
{{- with .GetTerms "series" -}}
<p>This post is part of the following series:</p>
<ul>
{{ range . }}
<li>
<a href="{{ .Permalink }}">{{ .Title }}</a>
</li>
{{ end }}
</ul>
{{- end -}}

21
layouts/partials/page/series-nav.html Normal file
View file

@ -0,0 +1,21 @@
{{ with .GetTerms "series" }}
<h2>More in the same series:</h2>
{{ range . }}
<nav>
<h3>{{ .Title }}</h3>
<ol>
{{ range .Pages.ByDate }}
{{ if eq .File.UniqueID $.File.UniqueID }}
<li class="active">
<a href="{{ .Permalink }}" aria-current="page">{{ .Title }}</a>
</li>
{{ else }}
<li>
<a href="{{ .Permalink }}">{{ .Title }}</a>
</li>
{{ end }}
{{ end }}
</ol>
</nav>
{{ end }}
{{ end }}

9
layouts/partials/page/tags-list.html Normal file
View file

@ -0,0 +1,9 @@
{{ with .GetTerms "tags" }}
<ul class="tags">
{{ range . }}
<li>
<a href='{{ .Permalink }}'>{{ .Title }}</a>
</li>
{{ end }}
</ul>
{{ end }}

4
layouts/partials/page/toc.html Normal file
View file

@ -0,0 +1,4 @@
{{ if ne .TableOfContents "<nav id=\"TableOfContents\"></nav>" }}
<p class="toc-title">Table of contents:</p>
{{ .TableOfContents }}
{{ end }}

1
layouts/partials/page/wordcount.html Normal file
View file

@ -0,0 +1 @@
<p class="wordcount"><span class="p-word-count word-count">{{.WordCount}}</span> words</p>

7
layouts/partials/pr-icon.html
View file

@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" class="pr__icon" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" width=16 height=16
class="iconify iconify--octicon">
<path fill-rule="evenodd"
d="M5 3.254V3.25v.005a.75.75 0 1 1 0-.005v.004zm.45 1.9a2.25 2.25 0 1 0-1.95.218v5.256a2.25 2.25 0 1 0 1.5 0V7.123A5.735 5.735 0 0 0 9.25 9h1.378a2.251 2.251 0 1 0 0-1.5H9.25a4.25 4.25 0 0 1-3.8-2.346zM12.75 9a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5zm-8.5 4.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5z"
fill="currentColor"></path>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 604 B

0
layouts/partials/breadcrumbs.html → layouts/partials/site/breadcrumbs.html
View file

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

@ -2,7 +2,7 @@
<hr> <hr>
<div class="container"> <div class="container">
<h2>Tip me</h2> <h2>Tip me</h2>
<p>(<a href="/contributions">why?</a>)</p> <p>(<a href="/support">why?</a>)</p>
<ul> <ul>
<li> <li>
<a href="https://liberapay.com/trwnh">liberapay.com/trwnh</a> <a href="https://liberapay.com/trwnh">liberapay.com/trwnh</a>
@ -27,13 +27,13 @@
<a href="/resume/abdullah-tarawneh_writing-samples.pdf">Writing samples (PDF)</a> <a href="/resume/abdullah-tarawneh_writing-samples.pdf">Writing samples (PDF)</a>
</li> </li>
</ul> </ul>
{{ with where .Site.RegularPages "Section" "services" }} {{/* {{ with where .Site.RegularPages "Section" "services" }}
<h3>Services</h3> <h3>Services</h3>
{{ range . }} {{ range . }}
<a href="{{ .Permalink }}"><h4>{{ .Title }}</h4></a> <a href="{{ .Permalink }}"><h4>{{ .Title }}</h4></a>
<p>{{ .Summary }}</p> <p>{{ .Summary }}</p>
{{ end }} {{ end }}
{{ end }} {{ end }} */}}
</div> </div>
</footer> </footer>

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

9
layouts/partials/seo.html → layouts/partials/site/seo.html
View file

@ -1,6 +1,3 @@
{{- $firstH1 := partial "name.html" . }}
{{- $title := or .Title $firstH1 $.File.ContentBaseName }}
{{- $cover := ($.Resources.ByType "image").GetMatch "{*cover*,*thumbnail*,*featured*}" -}} {{- $cover := ($.Resources.ByType "image").GetMatch "{*cover*,*thumbnail*,*featured*}" -}}
{{ $icon := resources.GetMatch (default "" .Site.Params.icon) -}} {{ $icon := resources.GetMatch (default "" .Site.Params.icon) -}}
@ -15,8 +12,8 @@
<meta property="og:title" name="twitter:title" itemprop="name" content="{{ . }}" /> <meta property="og:title" name="twitter:title" itemprop="name" content="{{ . }}" />
{{- end }} {{- end }}
{{- else }} {{- else }}
<title>{{ or .Params.name (print $title " - " .Site.Title) }}</title> <title>{{ or .Params.name (print .Title " - " .Site.Title) }}</title>
<meta property="og:title" name="twitter:title" itemprop="name" content="{{ or .Params.name $title }}" /> <meta property="og:title" name="twitter:title" itemprop="name" content="{{ or .Params.name .Title }}" />
{{- end -}} {{- end -}}
{{/*=== description ===*/}} {{/*=== description ===*/}}
@ -90,7 +87,7 @@
{ {
"@context": "http://schema.org", "@context": "http://schema.org",
"@type": "Article", "@type": "Article",
"headline": {{ $title }}, "headline": {{ .Title }},
"author": { "author": {
"@type": "Person", "@type": "Person",
"name": {{ or .Params.author .Site.Params.author }}, "name": {{ or .Params.author .Site.Params.author }},

2
layouts/shortcodes/index/latest-posts.html
View file

@ -1,4 +1,4 @@
{{ range first 5 (where .Site.RegularPages "Section" "blog") }} {{ range first ( or (.Get 0) 5 ) (where .Site.RegularPages "Section" "blog") }}
<article class="h-entry"> <article class="h-entry">
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
<h3>{{ .Title }}</h3> <h3>{{ .Title }}</h3>

2
layouts/taxonomy/category.html
View file

@ -17,7 +17,7 @@
<section class="section entries"> <section class="section entries">
<div class="container"> <div class="container">
{{ range .Data.Pages }} {{ range .Data.Pages }}
{{ partial "category/h-entry.html" . }} {{ partial "list/h-entry.summary.html" . }}
{{ end }} {{ end }}
</div> </div>
</section> </section>