June 2024 redesign #1

Merged
a merged 4 commits from branch2 into main 2024-06-03 23:22:37 +00:00
36 changed files with 366 additions and 141 deletions
Showing only changes of commit fc9891025b - Show all commits

View file

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

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;
}
}
}
}
}
}
} }

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>

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

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>

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"
+++ +++

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>

View file

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

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>

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">

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;
}
}
}
} }

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"

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>

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>

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" . }}
{{ partial "page/wordcount.html" . }}
{{ partial "page/categories.html" .}}
{{ partial "page/tags-list.html" . }}
{{ partial "page/series-list.html" . }}
{{ partial "page/toc.html" . }}
</div>
</header> </header>
<aside class="meta"> <section class="e-content entry-content">
<datetime class="date"> {{ .Date.Format "Mon Jan 2, 2006" }} </datetime>
<p class="wordcount"> {{.WordCount}} words</p>
{{ 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>
{{- end -}}
{{- end -}}
{{ 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 }}

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>

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>

Before

Width:  |  Height:  |  Size: 445 B

View file

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

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>

View file

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

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>

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 }}

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>

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 -}}

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 }}

View file

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

View file

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

View file

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

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>

Before

Width:  |  Height:  |  Size: 604 B

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>

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 }},

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>

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>