June 2024 redesign #1
36 changed files with 366 additions and 141 deletions
|
|
@ -55,6 +55,7 @@ main.blog.list {
|
|||
}
|
||||
.posts {
|
||||
grid-area: posts;
|
||||
.h-entry {max-width: 40rem;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,115 @@
|
|||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -152,9 +152,9 @@ layout = "custom_html"
|
|||
<section id="activity" class="h-feed">
|
||||
<header>
|
||||
<h2>Latest posts</h2>
|
||||
<p><a href="/posts">See more posts</a></p>
|
||||
<p><a href="/blog">See more posts</a></p>
|
||||
</header>
|
||||
{{< index/latest-posts>}}
|
||||
{{< index/latest-posts 7 >}}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
6
content/authors/Abdullah Tarawneh/_index.md
Normal file
6
content/authors/Abdullah Tarawneh/_index.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
title = "Abdullah Tarawneh"
|
||||
[[resources]]
|
||||
name = "avatar"
|
||||
src = "avatar.png"
|
||||
+++
|
||||
BIN
content/authors/Abdullah Tarawneh/avatar.png
Normal file
BIN
content/authors/Abdullah Tarawneh/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
|
|
@ -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 after right" data-pullquote="It's always “build your brand” or “showcase your portfolio” [...] 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 “build your brand” or “showcase your portfolio” [...] 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>
|
||||
|
|
@ -6,7 +6,7 @@ date = 2018-04-27
|
|||
tags = ["twitter", "social network", "social media", "analysis", "capitalism"]
|
||||
categories = ["Communication"]
|
||||
[[resources]]
|
||||
name = "cover"
|
||||
name = "featured"
|
||||
src = "failwhale.png"
|
||||
+++
|
||||
|
||||
|
|
|
|||
|
|
@ -18,5 +18,8 @@ layout = "custom_html"
|
|||
+++
|
||||
|
||||
<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>
|
||||
5
content/support/style.scss
Normal file
5
content/support/style.scss
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
main.support {
|
||||
.cta {
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -18,7 +18,7 @@ layout = "custom_html"
|
|||
<h2 class="section__title">Some of the things I can do for you...</h2>
|
||||
<div class="services">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -26,7 +26,7 @@ layout = "custom_html"
|
|||
</div>
|
||||
</section>
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -34,7 +34,7 @@ layout = "custom_html"
|
|||
</div>
|
||||
</section>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -14,9 +14,7 @@ name = "cover"
|
|||
src = "new-1280-home1.png"
|
||||
+++
|
||||
|
||||
|
||||
|
||||
<main id="go-fed">
|
||||
<main class="go-fed">
|
||||
<header class="page-header section">
|
||||
<div class="container">
|
||||
<img src="/images/logos/go-fed.png" alt="Go-Fed logo">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
#go-fed {
|
||||
main.go-fed {
|
||||
$gofed-light: #F38D7F;
|
||||
$gofed-dark: #740D00;
|
||||
$gofed-bg: #EAEAEA;
|
||||
|
|
@ -7,6 +7,9 @@
|
|||
$go-bg: #007D9C;
|
||||
$go-gopher: #79D4FD;
|
||||
overflow: hidden;
|
||||
|
||||
--max-container-width: 60rem;
|
||||
|
||||
.page-header {
|
||||
.container {
|
||||
display: grid;
|
||||
|
|
@ -131,4 +134,111 @@
|
|||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
15
hugo.toml
15
hugo.toml
|
|
@ -48,12 +48,12 @@ name = "Work"
|
|||
pageRef = "/work/"
|
||||
weight = 30
|
||||
|
||||
[[menu.main]]
|
||||
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>'
|
||||
name = "fedi"
|
||||
pageRef = "/fediverse/"
|
||||
weight = 40
|
||||
# [[menu.main]]
|
||||
# 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>'
|
||||
# name = "fedi"
|
||||
# pageRef = "/fediverse/"
|
||||
# weight = 40
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "blog"
|
||||
|
|
@ -79,4 +79,5 @@ email = "a@trwnh.com"
|
|||
[taxonomies]
|
||||
tag = "tags"
|
||||
category = "categories"
|
||||
series = "series"
|
||||
series = "series"
|
||||
author = "authors"
|
||||
|
|
@ -16,16 +16,16 @@
|
|||
{{ with .OutputFormats.Get "rss" -}}
|
||||
{{ printf `<link rel=%q type=%q href=%q title=%q>` .Rel .MediaType.Type .Permalink site.Title | safeHTML }}
|
||||
{{ end }}
|
||||
{{ partial "seo.html" . }}
|
||||
{{ partial "site/seo.html" . }}
|
||||
{{ block "head" . }}
|
||||
{{ end }}
|
||||
</head>
|
||||
<body>
|
||||
{{ block "body" . }}
|
||||
{{ partial "site-header.html" . }}
|
||||
{{ partial "site/header.html" . }}
|
||||
{{ block "main" . }}
|
||||
{{ end }}
|
||||
{{ partial "site-footer.html" .}}
|
||||
{{ partial "site/footer.html" .}}
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
{{ $paginator := .Paginate .RegularPages 10 }}
|
||||
|
||||
{{ range $paginator.Pages }}
|
||||
{{ partial "category/h-entry.html" .}}
|
||||
{{ partial "list/h-entry.summary.html" . }}
|
||||
{{ end }}
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,66 +1,27 @@
|
|||
{{ define "main" }}
|
||||
<main class="blog single">
|
||||
<div class="container">
|
||||
|
||||
<article class="post h-entry">
|
||||
<article class="h-entry hentry">
|
||||
<header>
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p class="summary">{{.Summary}}</p>
|
||||
{{ with .Params.cover }}
|
||||
<img class="cover" src="{{.}}">
|
||||
{{end}}
|
||||
<div class="container">
|
||||
<h1 class="p-name entry-title">{{ .Title }}</h1>
|
||||
<p class="p-summary entry-summary">{{.Summary}}</p>
|
||||
{{ partial "page/author.html" . }}
|
||||
{{ 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>
|
||||
<aside class="meta">
|
||||
<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">
|
||||
<section class="e-content entry-content">
|
||||
{{ .Content }}
|
||||
</section>
|
||||
<footer>
|
||||
{{- if .Params.series -}}
|
||||
<div class="post-series">
|
||||
{{- $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 class="container">
|
||||
{{ partial "page/series-nav.html" . }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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 |
|
|
@ -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
20
layouts/partials/list/h-entry.summary.html
Normal 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>
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
{{ $firstH1 :=
|
||||
(
|
||||
substr
|
||||
(
|
||||
delimit
|
||||
(
|
||||
findRE
|
||||
"^#{1} ([^{\n]+)"
|
||||
.RawContent
|
||||
1
|
||||
)
|
||||
""
|
||||
)
|
||||
2
|
||||
)
|
||||
}}
|
||||
6
layouts/partials/page/author.html
Normal file
6
layouts/partials/page/author.html
Normal 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
9
layouts/partials/page/categories.html
Normal 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
3
layouts/partials/page/date.html
Normal 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
10
layouts/partials/page/series-list.html
Normal 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
21
layouts/partials/page/series-nav.html
Normal 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
9
layouts/partials/page/tags-list.html
Normal 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
4
layouts/partials/page/toc.html
Normal 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
1
layouts/partials/page/wordcount.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<p class="wordcount"><span class="p-word-count word-count">{{.WordCount}}</span> words</p>
|
||||
|
|
@ -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 |
|
|
@ -2,7 +2,7 @@
|
|||
<hr>
|
||||
<div class="container">
|
||||
<h2>Tip me</h2>
|
||||
<p>(<a href="/contributions">why?</a>)</p>
|
||||
<p>(<a href="/support">why?</a>)</p>
|
||||
<ul>
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
{{ with where .Site.RegularPages "Section" "services" }}
|
||||
{{/* {{ with where .Site.RegularPages "Section" "services" }}
|
||||
<h3>Services</h3>
|
||||
{{ range . }}
|
||||
<a href="{{ .Permalink }}"><h4>{{ .Title }}</h4></a>
|
||||
<p>{{ .Summary }}</p>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }} */}}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
{{- $firstH1 := partial "name.html" . }}
|
||||
{{- $title := or .Title $firstH1 $.File.ContentBaseName }}
|
||||
|
||||
{{- $cover := ($.Resources.ByType "image").GetMatch "{*cover*,*thumbnail*,*featured*}" -}}
|
||||
{{ $icon := resources.GetMatch (default "" .Site.Params.icon) -}}
|
||||
|
||||
|
|
@ -15,8 +12,8 @@
|
|||
<meta property="og:title" name="twitter:title" itemprop="name" content="{{ . }}" />
|
||||
{{- end }}
|
||||
{{- else }}
|
||||
<title>{{ or .Params.name (print $title " - " .Site.Title) }}</title>
|
||||
<meta property="og:title" name="twitter:title" itemprop="name" content="{{ or .Params.name $title }}" />
|
||||
<title>{{ or .Params.name (print .Title " - " .Site.Title) }}</title>
|
||||
<meta property="og:title" name="twitter:title" itemprop="name" content="{{ or .Params.name .Title }}" />
|
||||
{{- end -}}
|
||||
|
||||
{{/*=== description ===*/}}
|
||||
|
|
@ -90,7 +87,7 @@
|
|||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "Article",
|
||||
"headline": {{ $title }},
|
||||
"headline": {{ .Title }},
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"name": {{ or .Params.author .Site.Params.author }},
|
||||
|
|
@ -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">
|
||||
<a href="{{ .Permalink }}">
|
||||
<h3>{{ .Title }}</h3>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<section class="section entries">
|
||||
<div class="container">
|
||||
{{ range .Data.Pages }}
|
||||
{{ partial "category/h-entry.html" . }}
|
||||
{{ partial "list/h-entry.summary.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue