add img shortcode, content update

assets/scss/base/page.scss

@@ -88,6 +88,11 @@
 		margin-bottom: 1em;
 	}
 
+	img {
+		width: 100%;
+		margin-bottom: 1em;
+	}
+
 }
 
 .tags {
@@ -100,6 +105,7 @@
 		margin-left: 1em;
 		margin-bottom: 0;
 		a {color: inherit;}
+		a:hover {color: white}
 	}
 }
 

content/work/pixelfed/index.md

@@ -12,9 +12,13 @@ cover: "/images/pixelfed.jpg"
 
 ## Being invited to the team
 
-I made that masterpost issue with every bug and missing feature from the initial beta release, with a big checklist and organized into areas of interest.
+In June 2018, I made a [masterpost issue](https://github.com/pixelfed/pixelfed/issues/73) including every bug and missing feature from the initial beta release, with a big checklist and organized into areas of interest.
 
-dansup saw that and decided to invite me to join the pixelfed organization on github.
+{{< img src="masterpost.jpg" alt="Masterpost of missing functionality and issues from the beta launch" >}}
+
+Additionally, I reported many bugs and contributed some fixes for some months.
+
+dansup decided to invite me to join the Pixelfed organization on Github on January 6, 2019.
 
 ## Responsibilities
 
@@ -22,12 +26,16 @@ dansup saw that and decided to invite me to join the pixelfed organization on gi
 
 I implemented the current issue tagging system.
 
-Issues have tags by area, Milestone by rough version target, Project by which feature they pertain to
+Issues are assigned tags by the domain they inhabit, a Milestone by rough version target, and a Project by which feature they pertain to. 
 
 ### Design consultancy
 
 dansup does a lot of experimenting with building out mock features, and I'm there to tell him which ones are good ideas and which ones are bad ideas.
 
+> i don't trust anyone as much as you to shape the direction of the project.
+>
+> -- dansup, Pixelfed developer
+
 ### Release planning
 
 0.x betas each usually focus on one feature and related development around it. When the focus changes, a new 0.x beta will be tagged. We have a few more betas left, for circles, and for polish. If it weren't for me, dansup would have tagged 1.0 already and media attention would have been lackluster.

layouts/shortcodes/img.html

@@ -0,0 +1,48 @@
+{{/* get file that matches the filename as specified as src="" in shortcode */}}
+{{ $src := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
+
+{{/* set image sizes, these are hardcoded for now, x dictates that images are resized to this width */}}
+
+{{ $tinyw := default "500x" }}
+{{ $smallw := default "800x" }}
+{{ $mediumw := default "1200x" }}
+{{ $largew := default "1500x" }}
+
+{{/* resize the src image to the given sizes */}}
+
+{{ .Scratch.Set "tiny" ($src.Resize $tinyw) }}
+{{ .Scratch.Set "small" ($src.Resize $smallw) }}
+{{ .Scratch.Set "medium" ($src.Resize $mediumw) }}
+{{ .Scratch.Set "large" ($src.Resize $largew) }}
+
+{{/* add the processed images to the scratch */}}
+
+{{ $tiny := .Scratch.Get "tiny" }}
+{{ $small := .Scratch.Get "small" }}
+{{ $medium := .Scratch.Get "medium" }}
+{{ $large := .Scratch.Get "large" }}
+
+{{/* only use images smaller than or equal to the src (original) image size, as Hugo will upscale small images */}}
+{{/* set the sizes attribute to (min-width: 35em) 1200px, 100vw unless overridden in shortcode */}}
+
+<img 
+  {{ with .Get "sizes" }}sizes='{{.}}'{{ else }}sizes="(min-width: 35em) 1200px, 100vw"{{ end }}
+  srcset='
+  {{ if ge $src.Width "500" }}
+    {{ with $tiny.RelPermalink }}{{.}} 500w{{ end }}
+  {{ end }}
+  {{ if ge $src.Width "800" }}
+    {{ with $small.RelPermalink }}, {{.}} 800w{{ end }}
+  {{ end }}
+  {{ if ge $src.Width "1200" }}
+    {{ with $medium.RelPermalink }}, {{.}} 1200w{{ end }}
+  {{ end }}
+  {{ if ge $src.Width "1500" }}
+    {{ with $large.RelPermalink }}, {{.}} 1500w {{ end }}
+  {{ end }}'
+  {{ if .Get (print $medium) }}
+    src="{{ $medium.RelPermalink }}" 
+  {{ else }}
+    src="{{ $src.RelPermalink }}" 
+  {{ end }}
+  {{ with .Get "alt" }}alt="{{.}}"{{ else }}alt=""{{ end }}>

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

@@ -1 +1 @@
-{"Target":"scss/main.min.878bf37b72d490338682258d8e342d9a19acef0ebd44a3f43b554ef16e7d6f3a.css","MediaType":"text/css","Data":{"Integrity":"sha256-h4vze3LUkDOGgiWNjjQtmhms7w69RKP0O1VO8W59bzo="}}
+{"Target":"scss/main.min.4044a131c8c069d1e97efa9abecaf57f8420e46740ff530c7e4d2e2b9b6cde38.css","MediaType":"text/css","Data":{"Integrity":"sha256-QEShMcjAadHpfvqavsr1f4Qg5GdA/1MMfk0uK5ts3jg="}}