Compare commits
4 commits
0cb324d191
...
425a2d42d9
Author | SHA1 | Date | |
---|---|---|---|
|
425a2d42d9 | ||
|
76df0dca83 | ||
|
78d91e21c6 | ||
|
39067b32ec |
|
@ -3,14 +3,15 @@ a {
|
|||
@media (prefers-reduced-motion) {
|
||||
transition: none;
|
||||
}
|
||||
color: inherit;
|
||||
&:link {
|
||||
color: var(--link-color);
|
||||
color: var(--color-link);
|
||||
text-decoration-thickness: .125rem;
|
||||
text-underline-offset: 0.125em;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
&:visited {
|
||||
color: var(--link-visited);
|
||||
color: var(--color-link-visited);
|
||||
}
|
||||
&:focus {
|
||||
outline-offset: 0.5rem;
|
||||
|
|
|
@ -16,19 +16,25 @@ main.blog.single {
|
|||
}
|
||||
.h-card {
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
display: block;
|
||||
margin-block: 0.5rem;
|
||||
a {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
img.logo {
|
||||
img.logo, .no-avatar {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 100rem;
|
||||
}
|
||||
.no-avatar {
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
time.dt-published {
|
||||
display: block;
|
||||
|
@ -36,6 +42,10 @@ main.blog.single {
|
|||
#TableOfContents > ul {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
section.e-content {
|
||||
display: grid;
|
||||
|
|
|
@ -10,9 +10,10 @@
|
|||
}
|
||||
a {
|
||||
background: var(--color-highlight-weak);
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-family: monospace;
|
||||
padding: 0.25rem;
|
||||
padding: 0.5rem;
|
||||
&:before {
|
||||
content: '#';
|
||||
}
|
|
@ -7,5 +7,8 @@
|
|||
color: var(--color-background);
|
||||
padding-block-start: var(--padding-block, 2rem);
|
||||
padding-bottom: calc(var(--nav-height, 4rem) + var(--padding-block, 2rem));
|
||||
a {word-wrap: break-word;}
|
||||
a {
|
||||
word-wrap: break-word;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
|
@ -9,35 +9,35 @@
|
|||
grid-template-columns: 1fr auto;
|
||||
}
|
||||
|
||||
.support {
|
||||
--icon-size: 2rem;
|
||||
svg {
|
||||
font-size: var(--icon-size, 2rem);
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
// .support {
|
||||
// --icon-size: 2rem;
|
||||
// svg {
|
||||
// font-size: var(--icon-size, 2rem);
|
||||
// }
|
||||
// span {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
padding: 1rem;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background: var(--color-accent);
|
||||
color: var(--color-text);
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
background-color: var(--color-button-hover-background);
|
||||
color: var(--color-button-hover-text);
|
||||
}
|
||||
border-radius: 0.75rem;
|
||||
// padding: 1rem;
|
||||
// display: grid;
|
||||
// place-items: center;
|
||||
// background: var(--color-accent);
|
||||
// color: var(--color-text);
|
||||
// text-decoration: none;
|
||||
// &:hover {
|
||||
// background-color: var(--color-button-hover-background);
|
||||
// color: var(--color-button-hover-text);
|
||||
// }
|
||||
// border-radius: 0.75rem;
|
||||
|
||||
@media (min-width: 400px) {
|
||||
span {display: unset;}
|
||||
grid-template-columns: var(--icon-size, 1rem) auto;
|
||||
width: unset;
|
||||
gap: 1rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
}
|
||||
// @media (min-width: 400px) {
|
||||
// span {display: unset;}
|
||||
// grid-template-columns: var(--icon-size, 1rem) auto;
|
||||
// width: unset;
|
||||
// gap: 1rem;
|
||||
// padding-inline: 1rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
@ -136,10 +136,13 @@
|
|||
box-shadow: unset;
|
||||
padding-block-end: unset;
|
||||
ul {gap: 1rem;}
|
||||
a {
|
||||
|
||||
}
|
||||
}
|
||||
.container {
|
||||
grid-template-columns: auto 1fr auto;
|
||||
grid-template-areas: "mast nav button";
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-areas: "mast nav";
|
||||
gap: 1rem;
|
||||
}
|
||||
|
|
@ -5,19 +5,18 @@
|
|||
@import "base/links.scss";
|
||||
@import "libraries/photoswipe.scss";
|
||||
|
||||
@import "layouts/partials/site-header.scss";
|
||||
@import "layouts/partials/site-footer.scss";
|
||||
@import "layouts/partials/breadcrumbs.scss";
|
||||
@import "layouts/partials/site/site-header.scss";
|
||||
@import "layouts/partials/site/site-footer.scss";
|
||||
@import "layouts/partials/site/breadcrumbs.scss";
|
||||
|
||||
@import "layouts/_default/single.scss";
|
||||
@import "layouts/_default/list.scss";
|
||||
|
||||
|
||||
@import "layouts/index.scss";
|
||||
@import "layouts/blog/list.scss";
|
||||
@import "layouts/blog/single.scss";
|
||||
|
||||
@import "layouts/partials/h-entry.scss";
|
||||
@import "layouts/partials/page/tags-list.scss";
|
||||
|
||||
@import "layouts/taxonomy/category.scss";
|
||||
@import "layouts/taxonomy/author.scss";
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "Liberapay: Add Pleroma support"
|
||||
summary = "Pleroma is compatible with the Mastodon API, but uses a different URL format. This pull request creates a Pleroma identity provider within Liberapay that takes this difference into account."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2019-11-13
|
||||
tags = ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"]
|
||||
categories = ["Code"]
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "MastoMods"
|
||||
summary = "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2019-02-18
|
||||
tags = ["mastomods", "mastodon", "css", "userstyles", "tweaks"]
|
||||
categories = ["Code"]
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "You don't have a right to profit."
|
||||
summary = "People will go to ridiculous lengths in the name of protecting the “right” to profit. Let’s be real here. No one has a “right” to profit."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2015-07-08
|
||||
tags = ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"]
|
||||
categories = ["Uncategorized"]
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
title = "OBS Studio: Ctrl+E to Edit Transform"
|
||||
summary = "I added a shortcut to edit transforms on a source in OBS Studio."
|
||||
date = 2017-04-30
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
tags = ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"]
|
||||
categories = ["Code"]
|
||||
aliases = [
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "PhotoBucketGrabber"
|
||||
summary = "[OBSOLETE] Download all your photos from PhotoBucket using this Python script."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2019-03-17
|
||||
tags = ["python", "photobucket", "automation", "scripting", "archive", "export", "download"]
|
||||
categories = ["Code"]
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "RIP Grooveshark."
|
||||
summary = "I last used Grooveshark earlier today. I refreshed the page and found that it was dead. [...] I find myself feeling about Grooveshark similarly as when I found out that Megaupload had been shut down, and that many of my files were lost forever."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2015-05-01
|
||||
tags = ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"]
|
||||
categories = ["Uncategorized"]
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
title = "salatime"
|
||||
summary = "[OBSOLETE] Basic terminal script to print out daily prayer times for Birmingham, AL."
|
||||
date = 2019-05-09
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"]
|
||||
categories = ["Code"]
|
||||
aliases = [
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "Twitter is no longer a social network."
|
||||
summary = "That service that started out as a way to send status updates to your friends has been replaced by Twitter, a bloated, lumbering mess trying to force-feed you a stale diet of whatever Content™ floats to the top of the river of shit."
|
||||
authors = ["Abdullah Tarawneh"]
|
||||
authors = ["a"]
|
||||
date = 2018-04-27
|
||||
tags = ["twitter", "social network", "social media", "analysis", "capitalism"]
|
||||
categories = ["Communication"]
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
+++
|
||||
title = "End-to-end static website design and development"
|
||||
summary = "Artisinally hand-crafted websites that are sure to perform well without sacrificing on UX."
|
||||
summary = "Artisanally hand-crafted websites that are sure to perform well without sacrificing on UX."
|
||||
+++
|
|
@ -27,7 +27,7 @@ layout = "custom_html"
|
|||
</section>
|
||||
<section class="service">
|
||||
<h3 class="service__title">End-to-end static websites</h3>
|
||||
<p class="service__summary">Artisinally hand-crafted websites that are sure to perform well without sacrificing UX.</p>
|
||||
<p class="service__summary">Artisanally hand-crafted websites that are sure to perform well without sacrificing UX.</p>
|
||||
<div class="service__icons">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>hugeicons:web-design-01</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M13 13h4m-4 4h2M7 6h.009M11 6h.009M9 9v12.5" color="currentColor"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" style="margin-block-start: 3px"><title>hugeicons:web-design-02</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="M20 10.128c0-3.832 0-5.747-1.172-6.938S15.771 2 12 2h-2C6.229 2 4.343 2 3.172 3.19S2 6.296 2 10.128s0 5.747 1.172 6.938c.47.477 1.054.763 1.828.934"/><path d="M22 17.5c0-1.875 0-2.812-.477-3.47a2.5 2.5 0 0 0-.553-.553C20.312 13 19.375 13 17.5 13h-5c-1.875 0-2.812 0-3.47.477a2.5 2.5 0 0 0-.553.553C8 14.689 8 15.626 8 17.5s0 2.812.477 3.47a2.5 2.5 0 0 0 .554.553C9.688 22 10.625 22 12.5 22h5c1.875 0 2.812 0 3.47-.477a2.5 2.5 0 0 0 .553-.553C22 20.312 22 19.375 22 17.5"/><path d="m16.5 16l.92.793c.387.333.58.5.58.707s-.193.374-.58.707L16.5 19m-3-3l-.92.793c-.387.333-.58.5-.58.707s.193.374.58.707l.92.793M2.5 6h17"/></g></svg>
|
||||
|
|
|
@ -205,7 +205,6 @@ main.work {
|
|||
"summary";
|
||||
grid-template-rows: auto 1fr;
|
||||
border-radius: var(--border-radius, 1rem);
|
||||
aspect-ratio: 1;
|
||||
&__link {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
|
@ -293,7 +292,6 @@ main.work {
|
|||
padding: 2rem;
|
||||
border: 4px dashed green;
|
||||
border-radius: var(--border-radius, 1rem);
|
||||
aspect-ratio: 1;
|
||||
place-items: center;
|
||||
}
|
||||
#hire-me {
|
||||
|
|
12
hugo.toml
12
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 = "support"
|
||||
pre = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>'
|
||||
name = "fund"
|
||||
pageRef = "/support/"
|
||||
weight = 40
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "blog"
|
||||
|
|
|
@ -22,10 +22,10 @@
|
|||
</head>
|
||||
<body>
|
||||
{{ block "body" . }}
|
||||
{{ partial "site/header.html" . }}
|
||||
{{ partial "site/site-header.html" . }}
|
||||
{{ block "main" . }}
|
||||
{{ end }}
|
||||
{{ partial "site/footer.html" .}}
|
||||
{{ partial "site/site-footer.html" .}}
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,6 +1,16 @@
|
|||
{{ with .GetTerms "authors" }}
|
||||
{{ range . }}
|
||||
<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 href="{{ .Permalink }}" class="u-url u-uid url uid" rel="author">
|
||||
{{ with .Resources.GetMatch "avatar" }}
|
||||
<img class="u-photo u-logo photo logo" src="{{.Permalink }}" width=16 height=16 alt="">
|
||||
{{ else }}
|
||||
<div class="no-avatar">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>mdi:person</title><path fill="currentColor" d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4"/></svg>
|
||||
</div>
|
||||
{{ end }}
|
||||
<span class="p-name fn">{{ .Title }}</span>
|
||||
</a>
|
||||
</address>
|
||||
</address>
|
||||
{{ end }}
|
||||
{{ end }}
|
|
@ -1,3 +1,5 @@
|
|||
<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
|
||||
{{ .Date.Format "Monday, 2006 January 2" }}
|
||||
</time>
|
||||
<a href="{{ .Permalink }}" class="u-url u-uid" rel="self">
|
||||
<time class="dt-published published" datetime="{{ .Date.Format " 2006-01-02T15:04:05-0700" }}">
|
||||
{{ .Date.Format "Monday, 2006 January 2" }}
|
||||
</time>
|
||||
</a>
|
|
@ -4,10 +4,6 @@
|
|||
<img class="site-icon" width=32 src="/images/people/avatar.png" alt="">
|
||||
<p class="site-title">hi, i'm a.</p>
|
||||
</a>
|
||||
<a href="/support" class="support">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><title>tabler:tip-jar</title><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 10h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2-7v1m0 6v1"/><path d="M17 4v1.882c0 .685.387 1.312 1 1.618s1 .933 1 1.618V18a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9.118c0-.685.387-1.312 1-1.618s1-.933 1-1.618V4M6 4h12z"/></g></svg>
|
||||
<span>support me</span>
|
||||
</a>
|
||||
<nav class="site-nav" aria-label="Main navigation">
|
||||
<ul>
|
||||
{{ $currentPage := . }}
|
Loading…
Reference in a new issue