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 @@
{{ range .Pages }} - - + {{ end }}
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 @@

{{ .Title }}

{{.Summary}}

- + {{ with .Params.cover }} + + {{end}}
diff --git a/layouts/index.html b/layouts/index.html index 2376982..97635e3 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -52,13 +52,13 @@

Mastodon
Documentation Revamp

Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it.

- Read more + Read more

Pixelfed
Project Management

After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort.

- Read more + Read more
@@ -92,17 +92,17 @@
-

Khalil Saadiq

+

Khalil Saadiq,
former classmate

it's scary how much you know.
-

Eugen Rochko

+

Eugen Rochko,
Mastodon developer

bless you for being here to work on the docs btw. it's a big relief.
-

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