diff --git a/assets/scss/components/intro.scss b/assets/scss/components/intro.scss index 6b5a3e2..c593f6e 100644 --- a/assets/scss/components/intro.scss +++ b/assets/scss/components/intro.scss @@ -1,12 +1,14 @@ #work #intro { --headerHeight: 4em; --navHeight: 4em; - background-color: rgb(80, 102, 124); color: #fff; padding: 0; display: flex; flex: 1; + background-image: url('/images/backgrounds/ffflux1.svg'); + background-size: cover; + background-position: center; .container { display: grid; grid-template-rows: auto auto 1fr; diff --git a/assets/scss/components/table-of-contents.scss b/assets/scss/components/table-of-contents.scss new file mode 100644 index 0000000..e98b09c --- /dev/null +++ b/assets/scss/components/table-of-contents.scss @@ -0,0 +1,41 @@ +/* === ordered: true === */ + +#TableOfContents ol { + /* + each list gets a new counter + */ + counter-reset: item; + margin-inline-start: 0; + list-style: none; +} +#TableOfContents ol li:before { + /* + the counter is added as a pseudo-element, + and nested counters are joined by a dot + */ + content: counters(item, ".") " "; + counter-increment: item; + /* ensure the counters align visually */ + font-family: monospace; + font-weight: bold; + margin-inline-end: 1em; +} +#TableOfContents > ol > li { + /* + top-level items wrap after the number, + in order to add some visual separation + */ + display: flex; + flex-flow: column; +} + +/* === ordered: false === */ + +#TableOfContents ul { + list-style: none; + margin-left: 0; +} + +#TableOfContents ul ul { + margin-left: 1em; +} \ No newline at end of file diff --git a/assets/scss/layouts/_default/single.scss b/assets/scss/layouts/_default/single.scss index e69de29..d227493 100644 --- a/assets/scss/layouts/_default/single.scss +++ b/assets/scss/layouts/_default/single.scss @@ -0,0 +1,46 @@ +.page .title { + font-family: serif; + margin-top: 2em; +} + +.page .summary { + font-size: 1.25em; + font-family: serif; +} + +.page .wordcount { + margin: 0; +} + +.page .tags-title { + font-variant: small-caps; + font-weight: bold; + margin: 0.5em 0; +} + +.page .tags { + display: flex; + flex-flow: row wrap; + gap: 0.5em; + list-style: none; + margin-left: 0; + li { + margin: 0; + } + a { + display: block; + padding: 0.5rem; + background: #cde; + border-radius: 6px; + &:before { + content: "#" + } + } + +} + +.page .toc-title { + margin-block-end: 0.5em; + font-weight: bold; + font-variant: small-caps; +} \ No newline at end of file diff --git a/assets/scss/layouts/blog/single.scss b/assets/scss/layouts/blog/single.scss index 792d6ae..53387c4 100644 --- a/assets/scss/layouts/blog/single.scss +++ b/assets/scss/layouts/blog/single.scss @@ -38,6 +38,13 @@ } } +.blog .toc-title { + margin-block-end: 0.5em; + font-weight: 900; + text-transform: uppercase; + color: var(--ui-text-muted); +} + .blog .post .content { margin-block: 4em; } diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 925ee82..7f29a5f 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -27,6 +27,8 @@ @import "layouts/blog/single.scss"; @import "layouts/blog/list.scss"; +@import "components/table-of-contents"; + @import "layouts/index.scss"; @import "content/work.scss"; @import "content/code.scss"; diff --git a/content/blog/no-right-to-profit/index.md b/content/blog/no-right-to-profit/index.md index f70a88e..c2e1803 100644 --- a/content/blog/no-right-to-profit/index.md +++ b/content/blog/no-right-to-profit/index.md @@ -1,12 +1,11 @@ ---- -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." -author: "Abdullah Tarawneh" -date: "2015-07-08" -tags: ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"] -category: "Blog" -cover: "" ---- ++++ +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." +author = "Abdullah Tarawneh" +date = "2015-07-08" +tags = ["capitalism", "profit", "music", "music industry", "piracy", "distribution", "access"] +categories = ["Blog"] ++++

These days, you see a lot of ridiculous things like copyright claims on the download pages of free software, because they contain the word “download”. A lot of these stupid actions are done in the name of “protecting the artists”. People will go to ridiculous lengths in the name of protecting the “right” to profit.

diff --git a/content/blog/personal-websites/index.md b/content/blog/personal-websites/index.md index 5f4c7a9..e148747 100644 --- a/content/blog/personal-websites/index.md +++ b/content/blog/personal-websites/index.md @@ -4,7 +4,7 @@ summary = "When I say personal website, I do not mean a page or portfolio for po author = "Abdullah Tarawneh" date = "2023-03-18" tags = ["personal websites", "portfolios", "services", "branding", "marketing", "capitalism"] -category = "Blog" +categories = ["Blog"] +++

A lot of resources and materials that are readily available for helping you make a so-called personal website generally assume that you are trying to get hired or get clients. To me, this is a strange interpretation of "personal". I would describe such websites as professional websites instead. When I say personal website, I do not mean a page or portfolio for potential employers or clients to hire you. I mean a place to be yourself and to express yourself to others. I want advice on self-reflection and introspection and knowing yourself -- how to identify and how to introduce yourself; how to be genuinely engaging. Stuff that gets to the heart of who you are.

diff --git a/content/blog/rip-grooveshark/index.md b/content/blog/rip-grooveshark/index.md index b538a3c..6a51d43 100644 --- a/content/blog/rip-grooveshark/index.md +++ b/content/blog/rip-grooveshark/index.md @@ -1,12 +1,11 @@ ---- -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." -author: "Abdullah Tarawneh" -date: "2015-05-01" -tags: ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"] -category: "Blog" -cover: "" ---- ++++ +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." +author = "Abdullah Tarawneh" +date = "2015-05-01" +tags = ["grooveshark", "music", "music industry", "culture", "user generated content", "capitalism", "copyright"] +categories = ["Blog"] ++++ I last used Grooveshark earlier today. I refreshed the page and found that it was dead. Grooveshark has finally shut down. UMG et al have won. Effective immediately, the Grooveshark service no longer works, all music has been wiped entirely from the site, user data has been lost, curated playlists are inaccessible, VIP users are unable to get refunds, all social media accounts have been deleted, and the grooveshark.com website shows only an apology that admits wrongdoing and directs users to whymusicmatters.org, the RIAA’s website. diff --git a/content/blog/twitter-not-social/index.md b/content/blog/twitter-not-social/index.md index 9e19498..ee39b46 100644 --- a/content/blog/twitter-not-social/index.md +++ b/content/blog/twitter-not-social/index.md @@ -4,7 +4,7 @@ summary = "That service that started out as a way to send status updates to your author = "Abdullah Tarawneh" date = "2018-04-27" tags = ["twitter", "social network", "social media", "analysis", "capitalism"] -category = "Blog" +categories = ["Blog"] [[resources]] name = 'cover' src = 'failwhale.png' diff --git a/content/code/certbot-namecheap/index.md b/content/code/certbot-namecheap/index.md index 58d9096..ba7a988 100644 --- a/content/code/certbot-namecheap/index.md +++ b/content/code/certbot-namecheap/index.md @@ -1,12 +1,11 @@ ---- -title: "Certbot DNS-01 hook for Namecheap" -summary: "A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains. Written in Python." -author: "Abdullah Tarawneh" -date: "2019-10-30" -tags: ["namecheap", "certbot", "dns-01", "python", "letsencrypt"] -category: "Code" -cover: "/code/certbot-namecheap/cover.png" ---- ++++ +title = "Certbot DNS-01 hook for Namecheap" +summary = "A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains. Written in Python." +author = "Abdullah Tarawneh" +date = "2019-10-30" +tags = ["namecheap", "certbot", "dns-01", "python", "letsencrypt"] +categories = ["Code"] ++++ ## The problem diff --git a/content/code/liberapay-pleroma/index.md b/content/code/liberapay-pleroma/index.md index ff9dce9..759c06f 100644 --- a/content/code/liberapay-pleroma/index.md +++ b/content/code/liberapay-pleroma/index.md @@ -1,12 +1,14 @@ ---- -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." -author: "Abdullah Tarawneh" -date: "2019-11-13" -tags: ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"] -category: "Code" -cover: "/images/cover/liberapay-pleroma.jpg" ---- ++++ +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." +author = "Abdullah Tarawneh" +date = "2019-11-13" +tags = ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"] +categories = ["Code"] +[[resources]] +name = "cover" +src = "/images/cover/liberapay-pleroma.jpg" ++++ pleroma is compatible with mastodon api. only difference is url format: diff --git a/content/code/mastomods/index.md b/content/code/mastomods/index.md index aa6de98..fdd9b7d 100644 --- a/content/code/mastomods/index.md +++ b/content/code/mastomods/index.md @@ -1,12 +1,14 @@ ---- -title: "MastoMods" -summary: "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter." -author: "Abdullah Tarawneh" -date: "2019-02-18" -tags: ["mastomods", "mastodon", "css", "userstyles", "tweaks"] -category: "Code" -cover: "/images/cover/mastomods.jpg" ---- ++++ +title = "MastoMods" +summary = "CSS tweaks and modifications for Mastodon, a libre micro-blogging social server similar to Twitter." +author = "Abdullah Tarawneh" +date = "2019-02-18" +tags = ["mastomods", "mastodon", "css", "userstyles", "tweaks"] +categories = ["Code"] +[[resources]] +name = "cover" +src = "/images/cover/mastomods.jpg" ++++ This work is heavily based on (and an extension of) my earlier work on Mastodon Flat CSS, and its child theme Linernotes Mastodon Themes. I grew tired of having to maintain what was essentially the same code in multiple different places, so this repo was created to be a more modular way of managing code snippets after I learned enough about how importing works. diff --git a/content/code/obs-edit-transform/index.md b/content/code/obs-edit-transform/index.md index e14c765..d2cf0c2 100644 --- a/content/code/obs-edit-transform/index.md +++ b/content/code/obs-edit-transform/index.md @@ -1,12 +1,14 @@ ---- -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" -author: "Abdullah Tarawneh" -tags: ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"] -category: "Code" -cover: "/images/cover/obs-transform.jpg" ---- ++++ +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" +author = "Abdullah Tarawneh" +tags = ["obs", "open broadcaster software", "obs studio", "keyboard shortcut", "edit transform", "pull request", "github"] +categories = ["Code"] +[[resources]] +name = "cover" +src = "/images/cover/obs-transform.jpg" ++++ Editing was very easy in OBS Classic, and I could not find the option for stretching a source to bounds in OBS Studio, so the "Edit Transform" dialogue should be more user-facing. Giving it a keyboard shortcut denotes that it is important enough to have a shortcut, as opposed to the myriad options with no shortcut. diff --git a/content/code/photobucketgrabber/index.md b/content/code/photobucketgrabber/index.md index 72f9279..f8f83b6 100644 --- a/content/code/photobucketgrabber/index.md +++ b/content/code/photobucketgrabber/index.md @@ -1,12 +1,11 @@ ---- -title: "PhotoBucketGrabber" -summary: "Download all your photos from PhotoBucket using this Python script." -author: "Abdullah Tarawneh" -date: "2019-03-17" -tags: ["python", "photobucket", "automation", "scripting", "archive", "export", "download"] -category: "Code" -cover: "/code/photobucketgrabber/cover.png" ---- ++++ +title = "PhotoBucketGrabber" +summary = "Download all your photos from PhotoBucket using this Python script." +author = "Abdullah Tarawneh" +date = "2019-03-17" +tags = ["python", "photobucket", "automation", "scripting", "archive", "export", "download"] +categories = ["Code"] ++++ ## The problem diff --git a/content/code/salatime/index.md b/content/code/salatime/index.md index 3b4f49d..2405b6a 100644 --- a/content/code/salatime/index.md +++ b/content/code/salatime/index.md @@ -1,12 +1,14 @@ ---- -title: "salatime" -summary: "Basic terminal script to print out daily prayer times for Birmingham, AL." -date: "2019-05-09" -author: "Abdullah Tarawneh" -tags: ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"] -category: "Code" -cover: "/images/cover/salatime.jpg" ---- ++++ +title = "salatime" +summary = "Basic terminal script to print out daily prayer times for Birmingham, AL." +date = "2019-05-09" +author = "Abdullah Tarawneh" +tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"] +categories = ["Code"] +[[resources]] +name = "cover" +src = "/images/cover/salatime.jpg" ++++ ## The problem diff --git a/content/design/motarawneh/index.md b/content/design/motarawneh/index.md index 063a487..e9a0dba 100644 --- a/content/design/motarawneh/index.md +++ b/content/design/motarawneh/index.md @@ -4,7 +4,7 @@ summary = "A personal website for Mo Tarawneh, inaugural chairperson of the UN C author = "Abdullah Tarawneh" date = "2020-03-17" tags = ["website", "web", "responsive", "design"] -category = "Design" +categories = ["Design"] draft = true [[resources]] name = 'cover' diff --git a/content/work/eqin/index.md b/content/work/eqin/index.md index c8ac417..2332e45 100644 --- a/content/work/eqin/index.md +++ b/content/work/eqin/index.md @@ -1,16 +1,16 @@ ---- -title: "Director of Technology at Equality Initiative" -summary: "3 years helping a non-profit manage all technical aspects, from website to email." -author: "Abdullah Tarawneh" -date: "2014-02-20" -start: "Feb 2014" -end: "Feb 2017" -at: "Equality Initiative" -position: "Director of Technology" -tags: ["nonprofit"] -category: "Work" -cover: "/images/cover/eqin.jpg" ---- ++++ +title = "Director of Technology at Equality Initiative" +summary = "3 years helping a non-profit manage all technical aspects, from website to email." +author = "Abdullah Tarawneh" +date = "2014-02-20" +start = "Feb 2014" +end = "Feb 2017" +at = "Equality Initiative" +position = "Director of Technology" +tags = ["nonprofit"] +categories = ["Work"] +src = "/images/cover/eqin.jpg" ++++ ## Building and maintaining a website diff --git a/content/work/go-fed/index.html b/content/work/go-fed/index.html index 8c28965..a0356f5 100644 --- a/content/work/go-fed/index.html +++ b/content/work/go-fed/index.html @@ -1,16 +1,18 @@ ---- -title: Go-Fed Site Redesign -summary: Taking Go-Fed's website from "yep, it has color" to "woo, looking super nice! :D" -author: "Abdullah Tarawneh" -date: "2020-12-27" -start: "Dec 2020" -end: "Dec 2020" -at: "Go-Fed" -position: "Website Remake" -tags: ["go-fed", "redesign", "website", "web", "responsive"] -category: "Work" -cover: "/images/cover/go-fed.png" ---- ++++ +title = "Go-Fed Site Redesign" +summary = "Taking Go-Fed's website from 'yep, it has color' to 'woo, looking super nice! :D'" +author = "Abdullah Tarawneh" +date = "2020-12-27" +start = "Dec 2020" +end = "Dec 2020" +at = "Go-Fed" +position = "Website Remake" +tags = ["go-fed", "redesign", "website", "web", "responsive"] +categories = ["Work", "Design"] +[[resources]] +name = "cover" +src = "/images/cover/go-fed.png" ++++ diff --git a/content/work/mastodon/index.html b/content/work/mastodon/index.html index 70e1c24..957b855 100644 --- a/content/work/mastodon/index.html +++ b/content/work/mastodon/index.html @@ -8,7 +8,7 @@ end = "Jan 2020" at = "Mastodon" position = "Information Architect / Documentation Specialist" tags = ["mastodon", "documentation", "information architecture", "rest api"] -category = "Work" +categories = ["Work"] +++
diff --git a/content/work/pixelfed/index.md b/content/work/pixelfed/index.md index aef7d79..f3106af 100644 --- a/content/work/pixelfed/index.md +++ b/content/work/pixelfed/index.md @@ -1,16 +1,18 @@ ---- -title: "Pixelfed team member" -summary: "After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort." -author: "Abdullah Tarawneh" -date: "2019-01-06" -start: "Jan 2019" -end: "current" -at: "Pixelfed" -position: "Product/Project Manager" -tags: ["pixelfed", "project management", "product management", "github issues", "documentation"] -category: "Work" -cover: "/images/cover/pixelfed.jpg" ---- ++++ +title = "Pixelfed team member" +summary = "After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort." +author = "Abdullah Tarawneh" +date = "2019-01-06" +start = "Jan 2019" +end = "current" +at = "Pixelfed" +position = "Product/Project Manager" +tags = ["pixelfed", "project management", "product management", "github issues", "documentation"] +categories = ["Work"] +[[resources]] +name = "cover" +src = "/images/cover/pixelfed.jpg" ++++ ## Overview diff --git a/content/work/trilogy/index.html b/content/work/trilogy/index.html index 6947382..01075cd 100644 --- a/content/work/trilogy/index.html +++ b/content/work/trilogy/index.html @@ -1,16 +1,16 @@ ---- -title: "Senior Technical Writer at Trilogy" -summary: "Managing knowledge bases for numerous products owned by Trilogy." -author: "Abdullah Tarawneh" -date: "2021-05-16" -start: "May 2021" -end: "Dec 2021" -at: "Trilogy" -position: "Senior Technical Writer / Product Knowledge Curator" -tags: ["technical writing", "senior role", "customer support", "product knowledge", "knowledge base", "curator", "curation"] -category: "Work" -cover: "/images/cover/trilogy.png" ---- ++++ +title = "Senior Technical Writer at Trilogy" +summary = "Managing knowledge bases for numerous products owned by Trilogy." +author = "Abdullah Tarawneh" +date = "2021-05-16" +start = "May 2021" +end = "Dec 2021" +at = "Trilogy" +position = "Senior Technical Writer / Product Knowledge Curator" +tags = ["technical writing", "senior role", "customer support", "product knowledge", "knowledge base", "curator", "curation"] +category = "Work" +cover = "/images/cover/trilogy.png" ++++
diff --git a/content/work/uab/index.md b/content/work/uab/index.md index 2389c60..6d2301a 100644 --- a/content/work/uab/index.md +++ b/content/work/uab/index.md @@ -1,13 +1,12 @@ ---- -title: "" -summary: "B.S. Biomedical Engineering
B.S. Computer Science
Minor, Mathematics
Science and Technology Honors Program" -author: "Abdullah Tarawneh" -date: "2018-12-15" -start: "" -end: "Fall 2018" -at: "UAB" -position: "Graduated from The University of Alabama at Birmingham" -tags: [] -category: "Work" -cover: "" ---- \ No newline at end of file ++++ +title = "" +summary = "B.S. Biomedical Engineering
B.S. Computer Science
Minor, Mathematics
Science and Technology Honors Program" +author = "Abdullah Tarawneh" +date = "2018-12-15" +start = "" +end = "Fall 2018" +at = "UAB" +position = "Graduated from The University of Alabama at Birmingham" +tags = [] +categories = ["Work"] ++++ \ No newline at end of file diff --git a/hugo.toml b/hugo.toml index 79049e0..4a364ee 100644 --- a/hugo.toml +++ b/hugo.toml @@ -6,14 +6,15 @@ enableGitInfo = true [markup.tableOfContents] startLevel = 2 endLevel = 6 -ordered = true +ordered = false [markup.goldmark.renderer] unsafe = true [taxonomies] tag = "tags" -category = "category" +categories = "categories" +series = "series" [menu] diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index c022dfd..8942d27 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -11,8 +11,8 @@ {{ $style := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }} {{ $js := resources.Get "js/main.js" | minify | minify | fingerprint }} - - + + {{ partial "seo.html" . }} {{ block "head" . }} {{ end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 0ee3054..51ccd12 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -16,10 +16,10 @@
{{ range .Pages }}
-
{{ .Content }} diff --git a/layouts/blog/list.html b/layouts/blog/list.html index 827689a..8de9fe5 100644 --- a/layouts/blog/list.html +++ b/layouts/blog/list.html @@ -9,7 +9,7 @@
{{ range .Pages }}
- + {{ with .Params.cover }} {{end}} diff --git a/layouts/blog/single.html b/layouts/blog/single.html index 1c8164b..7165a3a 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -22,8 +22,11 @@ {{ end }} {{ end }} - + + {{ if ne .TableOfContents "" }} +

Table of contents:

{{ .TableOfContents }} + {{ end }}
{{ .Content }} diff --git a/layouts/partials/i18nlist.html b/layouts/partials/i18nlist.html index 50cc351..61e7081 100644 --- a/layouts/partials/i18nlist.html +++ b/layouts/partials/i18nlist.html @@ -1,5 +1,5 @@ {{ if .IsTranslated }} {{ range .Translations }} - {{ .Language.LanguageName }} + {{ .Language.LanguageName }} {{ end }} {{ end }} diff --git a/layouts/taxonomy/tag.html b/layouts/taxonomy/tag.html index 53d3731..f4e8080 100644 --- a/layouts/taxonomy/tag.html +++ b/layouts/taxonomy/tag.html @@ -1,5 +1,10 @@ {{ define "main" }}
+
+
+

Content tagged {{.Name}}

+
+
    diff --git a/layouts/work/single.html b/layouts/work/single.html index 7624b09..c731a23 100644 --- a/layouts/work/single.html +++ b/layouts/work/single.html @@ -4,7 +4,7 @@ {{ $style := . | toCSS | minify | fingerprint }} {{ end }} @@ -13,7 +13,7 @@ {{ $js := . | minify | minify | fingerprint }} {{ end }}