pullquotes and figures

assets/scss/base/components.scss

@@ -10,4 +10,20 @@
 	border-radius: 100em;
 	font-weight: 700;
 
+}
+
+.has-pullquote{
+	&:before {
+	content: attr(data-pullquote);
+	font-size: 1em;
+	line-height: 1.2;
+	float: right;
+	margin: 1em;
+	margin-top: 0;
+	font-family: serif;
+	max-width: 200px;
+	background: #ddd;
+	color: black;
+	padding: 1em;
+	}
 }

assets/scss/base/page.scss

@@ -75,6 +75,18 @@
 		}
 		th, td {border: 1px solid black; padding: 0.5em;}
 	}
+	figure {
+		img {width: 100%;}
+		figcaption {
+			background: #212121;
+			color: white;
+			font-style: italic;
+			padding: 1em;
+			font-size: 0.8em;
+			line-height: 1.2;
+		}
+		margin-bottom: 1em;
+	}
 
 }
 

config.toml

@@ -7,6 +7,7 @@ unsafe = true
 
 [taxonomies]
 tag = "tags"
+category = "category"
 
 [menu]
 

content/blog/elements/index.md

@@ -4,6 +4,7 @@ summary: "Testing styles"
 author: "Abdullah Tarawneh"
 date: "1970-01-01"
 tags: ["test"]
+category: "Blog"
 cover: ""
 draft: false
 ---

content/blog/twitter-not-social/index.md

@@ -0,0 +1,63 @@
+---
+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."
+author: "Abdullah Tarawneh"
+date: "2018-04-27"
+tags: ["twitter", "social", "network", "media", "analysis", "capitalism"]
+category: "Blog"
+cover: ""
+draft: false
+---
+
+<blockquote>"We are not a social network. We do not benefit from social graphs," Dorsey said. "People come to us when they're interested in events happening in the world or with a niche interest. We've been biasing a lot more of the service towards interest and topics."</blockquote>
+
+<p>Perhaps this is something many of us suspected, as we stared at our timelines, watching them devolve steadily from 2014 onward. But for the first time ever, here it is, in written form, straight from the CEO, staring right back at us.</p>
+
+<p>An admittance that Twitter, the social network, is dead.</p>
+
+<blockquote>"We are not a social network."</blockquote>
+
+<p>What are "we", then?</p>
+
+<blockquote>"We do not benefit from social graphs."</blockquote>
+
+<p>What does this mean for the social graphs we've all built over the past decade?</p>
+
+<blockquote>"We've been biasing a lot more of the service towards interest and topics."</blockquote>
+
+<p>What does this mean for those of us who used Twitter as a conversational platform and not as a source for "topics"?</p>
+
+<p>Twitter, the social network, is dead.</p>
+
+<hr>
+
+<p>Thanks, Jack. Twitter the social network is dead. 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.</p>
+
+<figure>
+<img src="failwhale.png" />
+<figcaption>Pictured above: a whale being lifted out of sludgy waters, which, aside from being reminiscent of a more whimiscal Twitter dot com from 2008, is also an apt metaphor for massively-viral content being surfaced from what is otherwise a toxic environment.</figcaption>
+</figure>
+
+<p class="has-pullquote" data-pullquote="[Twitter] gave up on being an open, conversational platform, and they are now a content aggregator.">The short and bitter truth is that Twitter found out, regrettably, that being a conversational platform is not monetizable or profitable. It just took about four years for them to finally admit that they gave up on being an open, conversational platform and they are now a content aggregator.</p>
+
+<p>Now, anyone looking for a conversational platform is not going to find it on Twitter. How can there be conversation when you can't even be sure of the visibility of your messages? I, for one, have already mostly abandoned this network-that-is-not-a-network-anymore, as have several others.</p>
+
+<p>In a world where the big "social networks" are trying very hard to no longer be social networks  &mdash;  with Facebook trying to be your news feed and Twitter trying much the same before pivoting to surfacing viral content &mdash;  there is a big void for people who still want to <em>communicate</em>. To be <em>social</em>, among their <em>network</em> of friends.</p>
+
+<p class="has-pullquote" data-pullquote="We think it's ridiculous for things to be open and accessible and free, because we're used to everything being locked down and user-hostile.">At least for me, I'm filling that void with Mastodon, which &mdash; *gasp* &mdash; doesn't try to be something that it's not. Just a way to keep up with other people, with no ads and no algorithmic shuffling &mdash; just your friends' statuses, in reverse-chronological order.</p>
+
+<p>And even though Mastodon has only been usable for barely over a year, it's growing and improving quickly enough that I feel comfortable enough to use it full-time. It's absolutely refreshing to have a laid-back conversational hangout again. You can find me at <a href="https://mastodon.social/@trwnh">https://mastodon.social/@trwnh</a> for now &mdash; and if you want to learn more, go to <a href="https://joinmastodon.org">https://joinmastodon.org</a> and read about how it works.</p>
+
+<p>It's probably going to be a bit of a shock at first, and hard to understand if you're used to being a product. But it makes way more sense when you do get it. Because we've been conditioned by the past decade to view everything through the lens of capital and profit; we've grown dependent on corporations to provide our platforms, for their benefit and not for ours. We're just a metric for them, another pair of eyeballs to view ads.</p>
+
+<p class="has-pullquote" data-pullquote="[E]verything used to be open and free, before it was encircled and carved up by corporations for profit.">We think it's ridiculous for things to be open and accessible and free, because we're used to everything being locked down and user-hostile. It's absolutely heartbreaking &mdash; the darkest timeline. But not inevitably so. We have an actual chance to redeem ourselves, however slim. And that starts with realizing where we came from &mdash; how everything used to be open and free, before it was encircled and carved up by corporations for profit. You can email anyone, on any service. You can call/text anyone, on any carrier. But NOT on the internet. That's sad.</p>
+
+<p>Our phone networks are free.<br>
+Our email networks are free.<br>
+Our browsers are free.<br>
+Our World Wide Web is free, with some challenges and attacks.<br>
+Our internet platforms are not free. They are fiefdoms and empires.</p>
+
+<p>Is this what we've sunk to? To give away our social interactions and let other people make money off of it? To surrender our discourse, our very zeitgeist, to entities that couldn't care less about any of that? To lock our public participation behind an advertising paywall?</p>
+
+<p>It doesn't have to be this way.</p>

content/code/certbot-namecheap/index.md

@@ -4,6 +4,7 @@ summary: "A manual auth hook for Certbot, implementing the DNS-01 challenge with
 author: "Abdullah Tarawneh"
 date: "2019-10-30"
 tags: ["namecheap", "certbot", "dns-01", "python", "letsencrypt"]
+category: "Code"
 cover: "/images/namecheap.jpg"
 ---
 

content/code/liberapay-pleroma/index.md

@@ -4,6 +4,7 @@ summary: "Pleroma is compatible with the Mastodon API, but uses a different URL
 author: "Abdullah Tarawneh"
 date: "2019-11-13"
 tags: ["mastodon", "api", "pleroma", "liberapay", "contribution", "pull request", "github"]
+category: "Code"
 cover: "/images/liberapay-pleroma.jpg"
 ---
 

content/code/mastomods/index.md

@@ -4,6 +4,7 @@ summary: "CSS tweaks and modifications for Mastodon, a libre micro-blogging soci
 author: "Abdullah Tarawneh"
 date: "2019-02-18"
 tags: ["mastomods", "mastodon", "css", "userstyles", "tweaks"]
+category: "Code"
 cover: "/images/mastomods.jpg"
 ---
 

content/code/obs-edit-transform/index.md

@@ -4,6 +4,7 @@ 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/obs-transform.jpg"
 ---
 

content/code/photobucketgrabber/index.md

@@ -4,6 +4,7 @@ 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: "/images/photobucketgrabber.jpg"
 ---
 

content/code/salatime/index.md

@@ -4,6 +4,7 @@ summary: "Basic terminal script to print out daily prayer times for Birmingham,
 date: "2019-05-09"
 author: "Abdullah Tarawneh"
 tags: ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer", "time"]
+category: "Code"
 cover: "/images/salatime.jpg"
 ---
 

content/work/mastodon/index.md

@@ -4,6 +4,7 @@ summary: "Reorganizing the documentation for the Mastodon Project, while also re
 author: "Abdullah Tarawneh"
 date: "2020-01-04"
 tags: ["mastodon", "documentation", "information architecture", "rest api"]
+category: "Work"
 cover: "/images/mastodocs.jpg"
 ---
 

content/work/pixelfed/index.md

@@ -4,6 +4,7 @@ summary: "Turning a one-person project into an organized effort."
 author: "Abdullah Tarawneh"
 date: "2019-01-06"
 tags: ["pixelfed", "project management", "product management", "github issues", "documentation"]
+category: "Work"
 cover: "/images/pixelfed.jpg"
 ---
 

layouts/_default/baseof.html

@@ -79,8 +79,8 @@
 		{{ with.Params.author }}<meta property="og:article:author" content="{{ . }}" />
 		<meta property="article:author" content="{{ . }}" /> 
 		<meta name="author" content="{{ . }}" />{{ end }}
-		{{ with.Params.category }}<meta name="news_keywords" content="{{ index . 0 }}" />
-		<meta property="article:section" content="{{ index . 0 }}" />{{ end }}
+		{{ with.Params.category }}<meta name="news_keywords" content="{{ . }}" />
+		<meta property="article:section" content="{{ . }}" />{{ end }}
 		<meta property="og:article:published_time" content={{ .Date.Format "2006-01-02T15:04:05Z0700" | safeHTML }} /> 
 		<meta property="article:published_time" content={{ .Date.Format "2006-01-02T15:04:05Z0700" | safeHTML }} />
 		<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ .Site.BaseURL }}sitemap.xml" /> 

layouts/_default/single.html

@@ -15,7 +15,7 @@
 			<div class="container">
 				<datetime class="date"> {{ .Date.Format "Mon Jan 2, 2006" }} </datetime>
 				<p class="wordcount"> {{.WordCount}} words</p>
-				<!--
+
 				{{ with .Params.tags }}
 				<p>Keywords:</p>
 				<ul class="tags">
@@ -24,7 +24,7 @@
 					{{ end }}
 				</ul>
 				{{ end }}
-				-->
+
 				{{ .TableOfContents }}
 			</div>
 		</aside>

resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -1 +1 @@
-{"Target":"scss/main.min.a33c5b7ac92a7c94b1f59dc550d96f946860187f3f8709040328040d6af77a50.css","MediaType":"text/css","Data":{"Integrity":"sha256-ozxbeskqfJSx9Z3FUNlvlGhgGH8/hwkEAygEDWr3elA="}}
+{"Target":"scss/main.min.7742c22665b3262aabb40e4995c079643065779074f9955d5d91385a4f8735d9.css","MediaType":"text/css","Data":{"Integrity":"sha256-d0LCJmWzJiqrtA5JlcB5ZDBld5B0+ZVdXZE4Wk+HNdk="}}