diff --git a/assets/scss/base/list.scss b/assets/scss/base/list.scss
index 4932e6d..3853c5e 100644
--- a/assets/scss/base/list.scss
+++ b/assets/scss/base/list.scss
@@ -1,8 +1,8 @@
.list {
.container {
display: grid;
- grid-template-columns: 1fr;
- gap: 1em;
+ grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
+ gap: 3em;
}
.list-item {
color: inherit;
@@ -17,14 +17,16 @@
margin: 0.5em 0;
}
&__summary {
- margin-bottom: 1.5em;
+ margin-bottom: 0.5em;
line-height: 1.4;
}
&__date {
-
+ display: block;
+ margin-bottom: 1em;
}
- &:hover {
- color: #0060ff;
+ &__readmore {
+ margin-bottom: 1em;
+ display: block;
}
}
}
\ No newline at end of file
diff --git a/assets/scss/base/page.scss b/assets/scss/base/page.scss
index 24d6479..d1fe5a0 100644
--- a/assets/scss/base/page.scss
+++ b/assets/scss/base/page.scss
@@ -9,7 +9,7 @@
grid-template-columns: minmax(45ch,65ch) 1fr;
grid-template-rows: auto auto;
grid-template-areas:
- "header ."
+ "header header"
"content meta";
}
.section {
@@ -59,7 +59,25 @@
}
ul {list-style: disc; margin: 1em 0;}
li {margin-bottom: 1em; line-height: 1.4; margin-left: 1em;}
- ol {list-style: number; margin: 1em 0;}
+ ol {list-style: decimal; margin: 1em 0;}
+ dl {margin: 1em 0; line-height: 1.4;}
+ dt {font-weight: 700;}
+ dd {margin-left: 1em;}
+ em {font-style: italic}
+ strong {font-weight: 700}
+ sup {
+ position: relative;
+ font-size: 0.8em;
+ a {position: relative; top: -0.5em;}
+ }
+ table {
+ text-align: center;
+ thead {
+ font-weight: 700;
+ }
+ th, td {border: 1px solid black; padding: 0.5em;}
+ }
+
}
.tags {
@@ -75,9 +93,24 @@
}
}
+.meta .container {height: 100%}
+
#TableOfContents {
- list-style: none;
+ position: sticky;
+ top: 2rem;
+ max-width: max-content;
+ font-size: 0.75em;
margin: 2em 0;
- li {margin-bottom: 0; margin-left: 1em;}
- a {color: inherit;}
+ ul {list-style: none; margin: 0;}
+ li {margin-bottom: 0; margin-left: 0;}
+ li li {margin-left: 1em;}
+ a {
+ color: inherit;
+ text-decoration: none;
+ transition: color 0.2s ease-in-out;
+ &:hover {
+ color: #0060ff;
+ text-decoration: underline;
+ }
+ }
}
\ No newline at end of file
diff --git a/assets/scss/index/cards.scss b/assets/scss/index/cards.scss
index 0f4e75a..ed2c243 100644
--- a/assets/scss/index/cards.scss
+++ b/assets/scss/index/cards.scss
@@ -19,4 +19,5 @@
}
.card p {
margin-bottom: 1em;
+ line-height: 1.4;
}
\ No newline at end of file
diff --git a/assets/scss/partials/site-footer.scss b/assets/scss/partials/site-footer.scss
index 4959a5e..89f0c71 100644
--- a/assets/scss/partials/site-footer.scss
+++ b/assets/scss/partials/site-footer.scss
@@ -2,7 +2,11 @@
background: #333;
color: white;
hr {display: none;}
- .container {padding: 2em 1em;}
+ .container {
+ padding: 2em 1em;
+ display: flex;
+ flex-flow: row wrap;
+ }
dt {font-weight: 700;}
dd {margin-bottom: 0.5em;}
a {color: inherit;}
diff --git a/content/blog/elements/index.md b/content/blog/elements/index.md
index f4116fc..cbaa9ad 100644
--- a/content/blog/elements/index.md
+++ b/content/blog/elements/index.md
@@ -1,7 +1,7 @@
---
title: "Elements"
summary: "Testing styles"
-draft: true
+draft: false
---
# h1
@@ -40,4 +40,27 @@ Lorem ipsum
et dolore
magna
aliqua.
-```
\ No newline at end of file
+```
+*emphasis*
+
+**strong**
+
+---
+
+Here is a table[^1].
+
+[^1]: Footnote
+
+| Syntax | Description |
+| ----------- | ----------- |
+| Header | Title |
+| Paragraph | Text |
+
+term
+: definition
+
+~~strikethrough~~
+
+- [x] Write the press release
+- [ ] Update the website
+- [ ] Contact the media
\ No newline at end of file
diff --git a/content/work/mastodon/cover.jpg b/content/work/mastodon/cover.jpg
deleted file mode 100644
index cf3f94d..0000000
Binary files a/content/work/mastodon/cover.jpg and /dev/null differ
diff --git a/content/work/mastodon/index.md b/content/work/mastodon/index.md
index ac1956d..175fe58 100644
--- a/content/work/mastodon/index.md
+++ b/content/work/mastodon/index.md
@@ -3,6 +3,7 @@ title: "Mastodon documentation revamp"
summary: "Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it."
date: "2020-01-04"
tags: ["mastodon", "documentation", "information architecture", "rest api"]
+cover: "/images/mastodocs.jpg"
---
## Overview
diff --git a/content/work/pixelfed/cover.jpg b/content/work/pixelfed/cover.jpg
deleted file mode 100644
index 0cd8efd..0000000
Binary files a/content/work/pixelfed/cover.jpg and /dev/null differ
diff --git a/content/work/pixelfed/index.md b/content/work/pixelfed/index.md
index 662b1da..58fcf38 100644
--- a/content/work/pixelfed/index.md
+++ b/content/work/pixelfed/index.md
@@ -3,6 +3,7 @@ title: "Pixelfed team member"
summary: "Turning a one-person project into an organized effort."
date: "2019-01-01"
tags: ["pixelfed", "project management", "product management", "github issues", "documentation"]
+cover: "/images/pixelfed.jpg"
---
## Overview
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 2a16d56..68083f2 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -11,12 +11,15 @@
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index a60ea4f..86aeb7b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -8,13 +8,16 @@
Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it.
-
![](/images/namecheap.jpg)
@@ -92,17 +92,17 @@
![](/images/khalil.jpg)
-
Khalil Saadiq
+
Khalil Saadiq,
former classmate
it's scary how much you know.
![](/images/gargron.jpg)
-
Eugen Rochko
+
Eugen Rochko,
Mastodon developer
bless you for being here to work on the docs btw. it's a big relief.
![](/images/dansup.jpg)
-
Daniel Supernault
+
Daniel Supernault,
Pixelfed developer
i don't trust anyone as much as you to shape the direction of the project.
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index 8f0d105..39ad4ae 100644
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -1,7 +1,7 @@
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content
index be92550..4178cce 100644
--- a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content
+++ b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content
@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;scroll-behavior:smooth}body{display:flex;flex-flow:column;min-height:100vh;position:relative}main{flex-grow:1}.section{padding:2em 0}@media(min-width:600px){.section{padding:3em 0}}@media(min-width:62em){.section{padding:4em 0}}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1em}.section-heading{font-size:1.2em;font-weight:400;line-height:1.2;text-align:center;max-width:18ch;margin:0 auto;margin-bottom:4em;padding-bottom:1em;border-bottom:2px solid rgba(0,0,0,.25)}.page-title{font-size:2.5em}.page{font-size:1em;max-width:960px;margin:0 auto}@media(min-width:600px){.page{font-size:1.25em}}@media(min-width:960px){.page{display:grid;grid-template-columns:minmax(45ch,65ch)1fr;grid-template-rows:auto auto;grid-template-areas:"header ." "content meta"}}.page .section{padding:1em 0;grid-area:content}.page .page-header{padding:2em 0;grid-area:header}.page .meta{grid-area:meta}.page .page-summary{margin:1em 0}.page .page-cover{width:100%}.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{line-height:1.2;margin-bottom:1rem}.page p{line-height:1.4;margin-bottom:1em}.page h1{font-size:2.49em}.page h2{font-size:2.07em}.page h3{font-size:1.728em}.page h4{font-size:1.44em}.page h5{font-size:1.2em}.page h6{font-size:1em}.page blockquote{font-size:1.5em;margin:1em 0;font-family:serif;border-left:.25rem solid #000;padding-left:.5em}@media(min-width:600px){.page blockquote{font-size:2em}}.page pre{font-family:monospace;background:#333;color:#fff;padding:1em;line-height:1.4;overflow-x:scroll;margin-bottom:1em}.page ul{list-style:disc;margin:1em 0}.page li{margin-bottom:1em;line-height:1.4;margin-left:1em}.page ol{list-style:number;margin:1em 0}.tags{display:flex;flex-flow:row wrap;gap:.25em}.tags li{list-style:disc;border-radius:4px;margin-left:1em;margin-bottom:0}.tags li a{color:inherit}#TableOfContents{list-style:none;margin:2em 0}#TableOfContents li{margin-bottom:0;margin-left:1em}#TableOfContents a{color:inherit}.list .container{display:grid;grid-template-columns:1fr;gap:1em}.list .list-item{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.list .list-item__image{width:100%;height:auto}.list .list-item__title{font-size:1.5em;margin:.5em 0}.list .list-item__summary{margin-bottom:1.5em;line-height:1.4}.list .list-item:hover{color:#0060ff}.hero .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1em}.hero img{width:100%;grid-row:1/3}.headline{font-size:clamp(1.4em,7vw,3em);max-width:11ch;line-height:1.2;align-self:end}.button{background:#0060ff;color:#fff;width:max-content;font-size:clamp(0.75em,2vw,1em);padding:.75em;display:flex;justify-content:center;text-decoration:none;border-radius:100em;font-weight:700}.cta{grid-column:1;grid-row:2;align-self:start}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:2em}.card{background:#fff}.card img{width:100%;height:auto}#process .card img{height:200px}.card h3{margin:1em 0;font-weight:700}.card p{margin-bottom:1em}.testimonials{display:flex;flex-flow:row wrap;gap:1em;justify-content:center}.testimonial{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:1em;margin-bottom:1em;flex-basis:18em}.avatar{margin-left:1em;width:2em;height:2em;border-radius:1em;background:#212121}.name{align-self:center}.bubble{background-color:#212121;color:#fff;padding:.5em;border-radius:.5em;position:relative;grid-column:span 2;height:80px;display:flex;justify-content:center;align-items:center;text-align:center}.bubble:after{content:'';position:absolute;top:0;left:2em;width:0;height:0;border:.5em solid transparent;border-bottom-color:#212121;border-top:0;margin-left:-.5em;margin-top:-.5em}.site-header a{text-decoration:none;color:inherit}.site-header .container{display:flex;flex-flow:row wrap;justify-content:space-between;padding:1em}.site-masthead{display:flex;align-items:center}.site-icon{width:44px;height:44px;border-radius:100em;margin-right:1em}.site-title{margin-bottom:0;line-height:1;font-size:1em}body{margin-bottom:64px;min-height:calc(100vh - 64px)}.site-nav{flex-grow:1;position:fixed;bottom:0;left:0;width:100vw;background:#212121;color:#fff;z-index:2}.site-nav ul{height:64px;max-width:960px;margin:0 auto;display:flex;justify-content:space-around}.site-nav ul li{flex:1;border-bottom:4px solid #212121}.site-nav ul li.active{font-weight:700;border-bottom:4px solid #0060ff}.site-nav ul li a{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%}.site-nav ul li a span{padding:.25em}.site-footer{background:#333;color:#fff}.site-footer hr{display:none}.site-footer .container{padding:2em 1em}.site-footer dt{font-weight:700}.site-footer dd{margin-bottom:.5em}.site-footer a{color:inherit}
\ No newline at end of file
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;scroll-behavior:smooth}body{display:flex;flex-flow:column;min-height:100vh;position:relative}main{flex-grow:1}.section{padding:2em 0}@media(min-width:600px){.section{padding:3em 0}}@media(min-width:62em){.section{padding:4em 0}}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1em}.section-heading{font-size:1.2em;font-weight:400;line-height:1.2;text-align:center;max-width:18ch;margin:0 auto;margin-bottom:4em;padding-bottom:1em;border-bottom:2px solid rgba(0,0,0,.25)}.page-title{font-size:2.5em}.page{font-size:1em;max-width:960px;margin:0 auto}@media(min-width:600px){.page{font-size:1.25em}}@media(min-width:960px){.page{display:grid;grid-template-columns:minmax(45ch,65ch)1fr;grid-template-rows:auto auto;grid-template-areas:"header header" "content meta"}}.page .section{padding:1em 0;grid-area:content}.page .page-header{padding:2em 0;grid-area:header}.page .meta{grid-area:meta}.page .page-summary{margin:1em 0}.page .page-cover{width:100%}.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{line-height:1.2;margin-bottom:1rem}.page p{line-height:1.4;margin-bottom:1em}.page h1{font-size:2.49em}.page h2{font-size:2.07em}.page h3{font-size:1.728em}.page h4{font-size:1.44em}.page h5{font-size:1.2em}.page h6{font-size:1em}.page blockquote{font-size:1.5em;margin:1em 0;font-family:serif;border-left:.25rem solid #000;padding-left:.5em}@media(min-width:600px){.page blockquote{font-size:2em}}.page pre{font-family:monospace;background:#333;color:#fff;padding:1em;line-height:1.4;overflow-x:scroll;margin-bottom:1em}.page ul{list-style:disc;margin:1em 0}.page li{margin-bottom:1em;line-height:1.4;margin-left:1em}.page ol{list-style:decimal;margin:1em 0}.page dl{margin:1em 0;line-height:1.4}.page dt{font-weight:700}.page dd{margin-left:1em}.page em{font-style:italic}.page strong{font-weight:700}.page sup{position:relative;font-size:.8em}.page sup a{position:relative;top:-.5em}.page table{text-align:center}.page table thead{font-weight:700}.page table th,.page table td{border:1px solid #000;padding:.5em}.tags{display:flex;flex-flow:row wrap;gap:.25em}.tags li{list-style:disc;border-radius:4px;margin-left:1em;margin-bottom:0}.tags li a{color:inherit}.meta .container{height:100%}#TableOfContents{position:sticky;top:2rem;max-width:max-content;font-size:.75em;margin:2em 0}#TableOfContents ul{list-style:none;margin:0}#TableOfContents li{margin-bottom:0;margin-left:0}#TableOfContents li li{margin-left:1em}#TableOfContents a{color:inherit;text-decoration:none;transition:color .2s ease-in-out}#TableOfContents a:hover{color:#0060ff;text-decoration:underline}.list .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:3em}.list .list-item{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.list .list-item__image{width:100%;height:auto}.list .list-item__title{font-size:1.5em;margin:.5em 0}.list .list-item__summary{margin-bottom:.5em;line-height:1.4}.list .list-item__date{display:block;margin-bottom:1em}.list .list-item__readmore{margin-bottom:1em;display:block}.hero .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1em}.hero img{width:100%;grid-row:1/3}.headline{font-size:clamp(1.4em,7vw,3em);max-width:11ch;line-height:1.2;align-self:end}.button{background:#0060ff;color:#fff;width:max-content;font-size:clamp(0.75em,2vw,1em);padding:.75em;display:flex;justify-content:center;text-decoration:none;border-radius:100em;font-weight:700}.cta{grid-column:1;grid-row:2;align-self:start}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:2em}.card{background:#fff}.card img{width:100%;height:auto}#process .card img{height:200px}.card h3{margin:1em 0;font-weight:700}.card p{margin-bottom:1em;line-height:1.4}.testimonials{display:flex;flex-flow:row wrap;gap:1em;justify-content:center}.testimonial{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:1em;margin-bottom:1em;flex-basis:18em}.avatar{margin-left:1em;width:2em;height:2em;border-radius:1em;background:#212121}.name{align-self:center}.bubble{background-color:#212121;color:#fff;padding:.5em;border-radius:.5em;position:relative;grid-column:span 2;height:80px;display:flex;justify-content:center;align-items:center;text-align:center}.bubble:after{content:'';position:absolute;top:0;left:2em;width:0;height:0;border:.5em solid transparent;border-bottom-color:#212121;border-top:0;margin-left:-.5em;margin-top:-.5em}.site-header a{text-decoration:none;color:inherit}.site-header .container{display:flex;flex-flow:row wrap;justify-content:space-between;padding:1em}.site-masthead{display:flex;align-items:center}.site-icon{width:44px;height:44px;border-radius:100em;margin-right:1em}.site-title{margin-bottom:0;line-height:1;font-size:1em}body{margin-bottom:64px;min-height:calc(100vh - 64px)}.site-nav{flex-grow:1;position:fixed;bottom:0;left:0;width:100vw;background:#212121;color:#fff;z-index:2}.site-nav ul{height:64px;max-width:960px;margin:0 auto;display:flex;justify-content:space-around}.site-nav ul li{flex:1;border-bottom:4px solid #212121}.site-nav ul li.active{font-weight:700;border-bottom:4px solid #0060ff}.site-nav ul li a{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%}.site-nav ul li a span{padding:.25em}.site-footer{background:#333;color:#fff}.site-footer hr{display:none}.site-footer .container{padding:2em 1em;display:flex;flex-flow:row wrap}.site-footer dt{font-weight:700}.site-footer dd{margin-bottom:.5em}.site-footer a{color:inherit}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json
index 0a4d91a..9ffff10 100644
--- a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json
+++ b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json
@@ -1 +1 @@
-{"Target":"scss/main.min.38ec2c33a877306d8370794aed7a2ff778484eed49da2c100f12c3180e387913.css","MediaType":"text/css","Data":{"Integrity":"sha256-OOwsM6h3MG2DcHlK7Xov93hITu1J2iwQDxLDGA44eRM="}}
\ No newline at end of file
+{"Target":"scss/main.min.69d4711fe0e0bb357457852f01b5350f97d301b6069516d46c11edae2910bda0.css","MediaType":"text/css","Data":{"Integrity":"sha256-adRxH+DguzV0V4UvAbU1D5fTAbYGlRbUbBHtrikQvaA="}}
\ No newline at end of file