diff --git a/assets/css/ghost/content.css b/assets/css/ghost/content.css index f90e9b0..05d60b2 100644 --- a/assets/css/ghost/content.css +++ b/assets/css/ghost/content.css @@ -141,6 +141,49 @@ } } +/* Index +/* ---------------------------------------------------------- */ + +.gh-card:not(:first-child) { + margin: 8vmin auto 0; +} + +.gh-card-image { + width: 100%; + max-height: 700px; + object-fit: cover; +} + +.gh-card-meta { + display: block; + margin: 0 0 0.625rem; + font-size: 0.875rem; + line-height: 1.2em; + letter-spacing: 0.5px; + text-transform: uppercase; + opacity: 0.8; +} + +.gh-card-content { + max-width: 720px; + margin: 0 auto; + text-align: center; + font-size: 1rem; +} + +.gh-card-content p { + margin: 0.3125rem 0; + padding: 0 2vmin; +} + +.gh-card-content > strong { + display: inline-block; + padding: 1px 0; + font-weight: 500; + box-shadow: 0 -1px 0 0 inset currentColor; + opacity: 0.5; +} + /* Cards /* ---------------------------------------------------------- */ @@ -382,3 +425,116 @@ .gh-content tbody tr:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + +/* Page +/* ---------------------------------------------------------- */ + +.gh-page-image { + margin: 4vmin 0 0 0; +} + +/* Post +/* ---------------------------------------------------------- */ + +.gh-header { + text-align: center; +} +.gh-header > :first-child { + margin: 0 0 0.625rem 0; +} +.gh-header > :not(:first-child) { + margin: 0.625rem 0; +} + +.gh-post-meta { + font-size: 0.875rem; + letter-spacing: 0.5px; + text-transform: uppercase; + opacity: 0.8; +} +.gh-post-meta > :after { + padding: 0.625rem; + content: "|"; +} +.gh-post-meta > :last-child:after { + content: ""; +} +.gh-post-meta .gh-post-meta-content-item:after { + content: ", "; +} +.gh-post-meta .gh-post-meta-content-item:last-child:after { + content: ""; +} + +.gh-feature-image { + width: 100%; + margin: 0.625rem 0 0 0; +} + +.gh-post-footer { + margin: 2.5rem 0; +} +.gh-post-footer .gh-post-comments-header-container { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.gh-post-footer .gh-post-comments-header-item { + text-transform: uppercase; + font-weight: bold; + font-size: 1.375rem; + letter-spacing: 0.5px; +} +.gh-post-footer .gh-post-comments-other { + display: flex; + flex-direction: row; +} +.gh-post-footer .gh-post-comments-other > * { + margin-left: 1.25rem; +} + +/* Author Archive +/* ---------------------------------------------------------- */ + +.gh-author-image { + height: 12vmin; + width: 12vmin; + margin: 0 auto 1.5em; + border-radius: 100%; + overflow: hidden; + object-fit: cover; +} + +.gh-author-meta { + margin: 2vmin 0 0 0; + font-size: 1.2em; +} + +.gh-author-links { + display: flex; + align-items: center; + justify-content: center; +} + +.gh-author-links a { + position: relative; + display: inline-flex; + align-items: center; + margin: 0 0.75vmin; +} + +.gh-author-links a + a:before { + display: block; + content: ""; + margin: 0 1.25vmin 0 0; + height: 1em; + width: 1px; + background: rgba(0, 0, 0, 0.3); + transform: rotate(20deg); +} + +@media (max-width: 700px) { + .gh-author-meta { + font-size: 1rem; + } +} diff --git a/assets/css/ghost/header.css b/assets/css/ghost/header.css index e2c8f70..50b0d9b 100644 --- a/assets/css/ghost/header.css +++ b/assets/css/ghost/header.css @@ -97,6 +97,26 @@ padding: 5px 0; } +.gh-head-actions a { + display: inline-flex; + align-items: center; + margin: 0; + padding: 10px; +} + +.gh-head-actions a svg { + height: 1.125rem; + fill: currentcolor; +} + +.gh-head-actions a:first-child svg { + margin-left: 20px; +} + +.gh-head-actions a:last-child svg { + height: 1.25rem; +} + /* Mobile Menu Trigger /* ---------------------------------------------------------- */ diff --git a/assets/css/main.css b/assets/css/main.css index af00c3f..64333bb 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -3,9 +3,6 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; -/* Base components */ -@import "screen.css"; - /* Ghost components */ @import "ghost/header.css"; @import "ghost/content.css"; diff --git a/assets/css/screen.css b/assets/css/screen.css deleted file mode 100644 index f132a66..0000000 --- a/assets/css/screen.css +++ /dev/null @@ -1,215 +0,0 @@ -.gh-page { - padding: 0 4vw; -} - -.gh-article { - padding: 8vmin 0; -} - -.gh-postfeed { - padding: 8vmin 0; -} - -/* TODO: To remove after header and footer are migrated to Tailwind */ -.gh-container { - width: 100%; - max-width: 1200px; - margin: 0 auto; -} - -.gh-head-actions a { - display: inline-flex; - align-items: center; - margin: 0; - padding: 10px; -} - -.gh-head-actions a svg { - height: 1.125rem; - fill: currentcolor; -} - -.gh-head-actions a:first-child svg { - margin-left: 20px; -} - -.gh-head-actions a:last-child svg { - height: 1.25rem; -} - -/* Index -/* ---------------------------------------------------------- */ - -.gh-card:not(:first-child) { - margin: 8vmin auto 0; -} - -.gh-card-image { - width: 100%; - max-height: 700px; - object-fit: cover; -} - -.gh-card-meta { - display: block; - margin: 0 0 0.625rem; - font-size: 0.875rem; - line-height: 1.2em; - letter-spacing: 0.5px; - text-transform: uppercase; - opacity: 0.8; -} - -.gh-card-content { - max-width: 720px; - margin: 0 auto; - text-align: center; - font-size: 1rem; -} - -.gh-card-content p { - margin: 0.3125rem 0; - padding: 0 2vmin; -} - -.gh-card-content > strong { - display: inline-block; - padding: 1px 0; - font-weight: 500; - box-shadow: 0 -1px 0 0 inset currentColor; - opacity: 0.5; -} - -/* Page -/* ---------------------------------------------------------- */ - -.gh-page-head { - margin: 0 auto; - padding: 8vmin 0 4vmin; - text-align: center; -} - -.gh-page-image { - margin: 4vmin 0 0 0; -} - -.gh-page-head > p { - max-width: 720px; - margin: 0.3em auto 0; - padding: 0 6vmin; - font-size: 1.3em; - line-height: 1.4em; - opacity: 0.5; -} - -@media (max-width: 700px) { - .gh-page-head > p { - font-size: 1rem; - } -} - -/* Post -/* ---------------------------------------------------------- */ - -.gh-header { - text-align: center; -} -.gh-header > :first-child { - margin: 0 0 0.625rem 0; -} -.gh-header > :not(:first-child) { - margin: 0.625rem 0; -} - -.gh-post-meta { - font-size: 0.875rem; - letter-spacing: 0.5px; - text-transform: uppercase; - opacity: 0.8; -} -.gh-post-meta > :after { - padding: 0.625rem; - content: "|"; -} -.gh-post-meta > :last-child:after { - content: ""; -} -.gh-post-meta .gh-post-meta-content-item:after { - content: ", "; -} -.gh-post-meta .gh-post-meta-content-item:last-child:after { - content: ""; -} - -.gh-feature-image { - width: 100%; - margin: 0.625rem 0 0 0; -} - -.gh-post-footer { - margin: 2.5rem 0; -} -.gh-post-footer .gh-post-comments-header-container { - display: flex; - flex-direction: row; - justify-content: space-between; -} -.gh-post-footer .gh-post-comments-header-item { - text-transform: uppercase; - font-weight: bold; - font-size: 1.375rem; - letter-spacing: 0.5px; -} -.gh-post-footer .gh-post-comments-other { - display: flex; - flex-direction: row; -} -.gh-post-footer .gh-post-comments-other > * { - margin-left: 1.25rem; -} - -/* Author Archive -/* ---------------------------------------------------------- */ - -.gh-author-image { - height: 12vmin; - width: 12vmin; - margin: 0 auto 1.5em; - border-radius: 100%; - overflow: hidden; - object-fit: cover; -} - -.gh-author-meta { - margin: 2vmin 0 0 0; - font-size: 1.2em; -} - -.gh-author-links { - display: flex; - align-items: center; - justify-content: center; -} - -.gh-author-links a { - position: relative; - display: inline-flex; - align-items: center; - margin: 0 0.75vmin; -} - -.gh-author-links a + a:before { - display: block; - content: ""; - margin: 0 1.25vmin 0 0; - height: 1em; - width: 1px; - background: rgba(0, 0, 0, 0.3); - transform: rotate(20deg); -} - -@media (max-width: 700px) { - .gh-author-meta { - font-size: 1rem; - } -} diff --git a/author.hbs b/author.hbs index 9f5f935..ee5c7ad 100644 --- a/author.hbs +++ b/author.hbs @@ -1,42 +1,40 @@ {{!< default}} -
{{bio}}
- {{/if}} +{{bio}}
+ {{/if}} - diff --git a/default.hbs b/default.hbs index 88daa45..64ec6dc 100644 --- a/default.hbs +++ b/default.hbs @@ -17,7 +17,7 @@