diff --git a/404.md b/404.md deleted file mode 100644 index 588955888b..0000000000 --- a/404.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -layout: error -permalink: 404.html ---- - -# Page Not Found - -Try visiting the [blog home page]({{ baseurl }}/) or [elementary.io](https://elementary.io){: onclick="plausible('Link: Homepage')" } to find what you’re looking for. If it's an older post, you can try the old [Tumblr](https://elementaryos.tumblr.com/){: #tumblr onclick="plausible('Link: Tumblr')"}. - - - diff --git a/Gemfile b/Gemfile index 2b46ce503a..1d08f0ba5d 100644 --- a/Gemfile +++ b/Gemfile @@ -1,10 +1,4 @@ source 'https://rubygems.org' -gem 'github-pages', group: :jekyll_plugins do - gem 'jekyll-feed' - gem 'jekyll-paginate' - gem 'jekyll-redirect-from' - gem 'jekyll-sitemap' - gem 'kramdown' - gem 'rouge' -end +gem 'jekyll-theme-elementary-blog', "~> 1.0" +gem 'github-pages', group: :jekyll_plugins diff --git a/_config.yaml b/_config.yaml index db5a39ce9b..0c40440d1d 100644 --- a/_config.yaml +++ b/_config.yaml @@ -1,8 +1,11 @@ +--- + title: "elementary Blog" description: "We design and develop the fast, open, and privacy-respecting replacement for Windows and macOS" permalink: /:title/ theme-color: "#64baff" gravatar: eaa3cc978770998ea2bd4382935bf0f4 +theme: jekyll-theme-elementary-blog facebook: elementaryos mastodon: elementary @@ -40,21 +43,5 @@ authors: anonymous: name: "Unknown Author" -plugins: - - jekyll-feed - - jekyll-paginate - - jekyll-redirect-from - - jekyll-sitemap - -paginate: 7 -paginate_path: "/archive/:num/" - -markdown: kramdown -kramdown: - syntax_highlighter: rouge - syntax_highlighter_opts: - block: - line_numbers: true - future: false # Allows us to stage posts exclude: [README.md, Gemfile, Gemfile.lock, vendor] diff --git a/_includes/appcenter.html b/_includes/appcenter.html deleted file mode 100644 index dc8e24b8e7..0000000000 --- a/_includes/appcenter.html +++ /dev/null @@ -1,9 +0,0 @@ -{% if include.rdnn %} - {% assign rdnn = include.rdnn %} -{% else %} - {% assign rdnn = page.rdnn %} -{% endif %} - - diff --git a/_includes/byline.html b/_includes/byline.html deleted file mode 100644 index b210f4d551..0000000000 --- a/_includes/byline.html +++ /dev/null @@ -1,36 +0,0 @@ -{% if site.authors[include.author].name %} - {% assign author=site.authors[include.author] %} -{% else %} - {% assign author=site.authors["anonymous"] %} -{% endif %} - -{% assign date=include.date %} - -
-
- Avatar for {{ author.name }} -
-
- {% if include.link == true %}{% endif %} - {{ author.name }} - {% if include.link == true %}{% endif %} - {% if author.description and page.layout == 'post' %} - {{ author.description }} - {% endif %} -
- - {% if include.content %} - {% include read-time.html content=include.content %} - {% endif %} -
- diff --git a/_includes/featured.html b/_includes/featured.html deleted file mode 100644 index 4ce5f3424b..0000000000 --- a/_includes/featured.html +++ /dev/null @@ -1,27 +0,0 @@ -{% assign post = include.post %} - - - {% if post.image %} - - {% endif %} - -
-

{% include title.html title=post.title %}

- {% if post.description %} -

- {% include title.html title=post.description %} - {% if include.post.redirect_to %} →{% endif %} -

- {% endif %} - - {% include byline.html author=post.author date=post.date content=post.content %} -
- - {% unless post.image %} -
-

{{ post.excerpt | strip_html | truncatewords: 40 }}

- Read more… -
- {% endunless %} -
- diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100644 index 301c058edc..0000000000 --- a/_includes/footer.html +++ /dev/null @@ -1,11 +0,0 @@ - diff --git a/_includes/head.html b/_includes/head.html deleted file mode 100644 index 69fb2df69a..0000000000 --- a/_includes/head.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - {% if page.title %}{{ page.title }} ⋅ {% endif %}{{ site.title }} - - - - - - - - - - - - - - - - - - {% if page.image %} - {% assign prefix = page.image | slice: 0, 4 %} - {% if prefix == "http" %} - {% assign image = page.image %} - {% else %} - {% assign image = page.image | prepend: site.baseurl | prepend: site.url %} - {% endif %} - - - {% else %} - - - {% endif %} - - - - - - - - - - {% if jekyll.environment == "production" and site.url == "https://blog.elementary.io" %} - - - {% endif %} - diff --git a/_includes/license.html b/_includes/license.html deleted file mode 100644 index d9ea703507..0000000000 --- a/_includes/license.html +++ /dev/null @@ -1,9 +0,0 @@ -
- - Some rights reserved - - {% include svg/creative-commons.svg %} - {% include svg/creative-commons-by.svg %} - {% include svg/creative-commons-sa.svg %} -
- diff --git a/_includes/medium.html b/_includes/medium.html deleted file mode 100644 index 1fec7ef904..0000000000 --- a/_includes/medium.html +++ /dev/null @@ -1,8 +0,0 @@ -
-
-
-

Looking for More?

-

While we're migrating posts to the elementary blog, some older stories are still only on the official elementary Medium publication. Head over there to read more. -

-
- diff --git a/_includes/nav.html b/_includes/nav.html deleted file mode 100644 index 820294b767..0000000000 --- a/_includes/nav.html +++ /dev/null @@ -1,51 +0,0 @@ -
- - -
diff --git a/_includes/outdated.html b/_includes/outdated.html deleted file mode 100644 index 9947744384..0000000000 --- a/_includes/outdated.html +++ /dev/null @@ -1,14 +0,0 @@ -{% assign post = include.post %} -{% assign postSecs = post.date | date: '%s' %} -{% assign nowSecs = 'now' | date: '%s' %} -{% assign ageSecs = nowSecs | minus: postSecs %} - -{% unless post.tags contains "evergreen" %} - {% comment%} Two years in seconds {% endcomment %} - {% comment %} TODO: more dynamic age? i.e. "three years ago" or "five years ago", etc.? {% endcomment %} - {% if ageSecs > 63072000 %} - - {% endif %} -{% endunless %} diff --git a/_includes/read-time.html b/_includes/read-time.html deleted file mode 100644 index e58aef3863..0000000000 --- a/_includes/read-time.html +++ /dev/null @@ -1,5 +0,0 @@ - - {% assign words = include.content | strip_html | number_of_words %} - {{ words | divided_by: 200 | plus: 1 }} min read - - diff --git a/_includes/scripts.html b/_includes/scripts.html deleted file mode 100644 index 7a784fdf5c..0000000000 --- a/_includes/scripts.html +++ /dev/null @@ -1,16 +0,0 @@ - - diff --git a/_includes/social.html b/_includes/social.html deleted file mode 100644 index c0aaf7566b..0000000000 --- a/_includes/social.html +++ /dev/null @@ -1,102 +0,0 @@ -
-

Join the Discussion on Social Media

- - {% if page.twitter or page.mastodon or page.reddit or page.facebook %} -
-

Official Posts

- - {% if page.twitter %} - - Twitter - - {% endif %} - - {% if page.mastodon %} - - Mastodon - - {% endif %} - - {% if page.reddit %} - - Reddit - - {% endif %} - - {% if page.facebook %} - - Facebook - - {% endif %} -
- {% endif %} - -
-

Share

- {% assign share-url = page.url | prepend: site.baseurl | prepend: site.url %} - - - Twitter - - - - Reddit - - - - Facebook - - - - Permalink - -
-
- diff --git a/_includes/spotlight.html b/_includes/spotlight.html deleted file mode 100644 index 200abc00d7..0000000000 --- a/_includes/spotlight.html +++ /dev/null @@ -1,15 +0,0 @@ - diff --git a/_includes/svg/appcenter.svg b/_includes/svg/appcenter.svg deleted file mode 100644 index d154585fed..0000000000 --- a/_includes/svg/appcenter.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - image/svg+xml - - - - - - - - - diff --git a/_includes/svg/creative-commons-by.svg b/_includes/svg/creative-commons-by.svg deleted file mode 100644 index 0a8d6f7a16..0000000000 --- a/_includes/svg/creative-commons-by.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/creative-commons-sa.svg b/_includes/svg/creative-commons-sa.svg deleted file mode 100644 index 3021614495..0000000000 --- a/_includes/svg/creative-commons-sa.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/creative-commons.svg b/_includes/svg/creative-commons.svg deleted file mode 100644 index b748f3ab99..0000000000 --- a/_includes/svg/creative-commons.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/elementary.svg b/_includes/svg/elementary.svg deleted file mode 100644 index 782ff6eeb0..0000000000 --- a/_includes/svg/elementary.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/_includes/svg/facebook.svg b/_includes/svg/facebook.svg deleted file mode 100644 index 40d4f1c26e..0000000000 --- a/_includes/svg/facebook.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/github.svg b/_includes/svg/github.svg deleted file mode 100644 index 7870c06dc2..0000000000 --- a/_includes/svg/github.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/logomark.svg b/_includes/svg/logomark.svg deleted file mode 100644 index 32db10af1a..0000000000 --- a/_includes/svg/logomark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/mastodon.svg b/_includes/svg/mastodon.svg deleted file mode 100644 index bb7c4285b7..0000000000 --- a/_includes/svg/mastodon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/patreon.svg b/_includes/svg/patreon.svg deleted file mode 100644 index 1990957145..0000000000 --- a/_includes/svg/patreon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/paypal.svg b/_includes/svg/paypal.svg deleted file mode 100644 index ecf00b6d3b..0000000000 --- a/_includes/svg/paypal.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/reddit.svg b/_includes/svg/reddit.svg deleted file mode 100644 index 262d0a7f85..0000000000 --- a/_includes/svg/reddit.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/rss-square.svg b/_includes/svg/rss-square.svg deleted file mode 100644 index ff9a15a632..0000000000 --- a/_includes/svg/rss-square.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/shopping-cart.svg b/_includes/svg/shopping-cart.svg deleted file mode 100644 index d409917d20..0000000000 --- a/_includes/svg/shopping-cart.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/slack.svg b/_includes/svg/slack.svg deleted file mode 100644 index ee293d671e..0000000000 --- a/_includes/svg/slack.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/stack-exchange.svg b/_includes/svg/stack-exchange.svg deleted file mode 100644 index 3889ae2348..0000000000 --- a/_includes/svg/stack-exchange.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/svg/twitter.svg b/_includes/svg/twitter.svg deleted file mode 100644 index f0ed9c5fcf..0000000000 --- a/_includes/svg/twitter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/_includes/tags.html b/_includes/tags.html deleted file mode 100644 index 14e5c447cd..0000000000 --- a/_includes/tags.html +++ /dev/null @@ -1,7 +0,0 @@ - - diff --git a/_includes/thanks.html b/_includes/thanks.html deleted file mode 100644 index e850b7dfe7..0000000000 --- a/_includes/thanks.html +++ /dev/null @@ -1,93 +0,0 @@ -{% unless page.thanks %} -
-
- -

Thank You

-

Thanks to all of our supporters, backers, and customers! Your contributions make elementary possible. If you’d like to help build and improve elementary OS, don’t hesitate to Get Involved.

- - -
-{% endunless %} - -{% if page.sponsor.name %} - -{% endif %} diff --git a/_includes/title.html b/_includes/title.html deleted file mode 100644 index d0075aa19d..0000000000 --- a/_includes/title.html +++ /dev/null @@ -1,12 +0,0 @@ -{% comment %} -Adds a non-breaking space before the final word in titles to prevent widows. -{% endcomment %} - -{% assign words = include.title | split: " " %} -{% if words.size > 2 %} - {% for word in words %}{% if forloop.last %} {% else %} {% endif %}{{ word }}{% endfor %} -{% else %} - {% for word in words %} - {{ word }} - {% endfor %} -{% endif %} diff --git a/_includes/twitter-card.html b/_includes/twitter-card.html deleted file mode 100644 index 0445040561..0000000000 --- a/_includes/twitter-card.html +++ /dev/null @@ -1,24 +0,0 @@ -{% assign profile = include.account | prepend: "https://twitter.com/" %} -{% assign permalink = include.id | prepend: "/status/" | prepend: profile %} - -
-
- - - - -
- -

{{ include.contents }}

- - -
diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index a5edfcd379..0000000000 --- a/_layouts/default.html +++ /dev/null @@ -1,14 +0,0 @@ - - - {% include head.html %} - - {% include nav.html %} -
- {{ content | replace: ' - {{ content }} - - diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100644 index 523e284107..0000000000 --- a/_layouts/post.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -layout: default ---- - -{% include outdated.html post=page %} - -
- {% if page.hidden %} - - {% endif %} -
-

{% include title.html title=page.title %}

- {% if page.description %} -

{% include title.html title=page.description %}

- {% endif %} - - {% include byline.html author=page.author date=page.date content=page.content link=true %} - {% include tags.html %} -
- -
- {{ content }} -
- - {% include thanks.html %} -
- -{% include license.html %} -{% include social.html %} - -

Up Next

- -{% if page.next %} - {% unless page.next.hidden %} - {% include featured.html post=page.next %} - {% endunless %} -{% endif %} - -{% if page.previous %} - {% unless page.previous.hidden %} - {% include featured.html post=page.previous %} - {% endunless %} -{% endif %} - diff --git a/_layouts/tagfeed.json b/_layouts/tagfeed.json deleted file mode 100644 index 16bd9c08ab..0000000000 --- a/_layouts/tagfeed.json +++ /dev/null @@ -1,51 +0,0 @@ ---- -layout: uglify ---- -{ - "lastBuildDate": "{{ site.time | date_to_rfc822 }}", - "generator": "Jekyll v{{ jekyll.version }}", - "posts": [ - {% assign counter = 0 %} - {% for post in site.posts %} - {% unless post.hidden %} - {% assign counter = counter | plus: 1 %} - {% unless counter > 3 %} - { - "url": "{{ post.url | prepend: site.baseurl | prepend: site.url }}", - "title": {{ post.title | jsonify }}, - "pubDate": "{{ post.date | date_to_rfc822 }}", - {% if post.description %} - "description": {{ post.description | jsonify }}, - {% endif %} - "author": { - {% if site.authors[post.author].name %} - {% assign author=site.authors[post.author] %} - {% endif %} - {% if author.gravatar %} - "gravatar": "{{ author.gravatar }}", - "name": "{{ author.name }}" - {% else %} - "gravatar": "{{ site.gravatar }}", - "name": "elementary" - {% endif %} - }, - {% if post.image %} - {% assign prefix = post.image | slice: 0, 4 %} - {% if prefix == "http" %} - {% assign image = post.image %} - {% else %} - {% assign image = post.image | prepend: site.baseurl | prepend: site.url %} - {% endif %} - "image": "{{ image }}", - {% else %} - "excerpt": "{{ post.excerpt | strip_html | truncatewords: 40 | jsonify }}", - {% endif %} - {% assign words = post.content | strip_html | number_of_words %} - "read_time": "{{ words | divided_by: 200 | plus: 1 }} min read" - } - {% unless counter >= 3 %},{% endunless %} - {% endunless %} - {% endunless %} - {% endfor %} - ] -} diff --git a/_layouts/uglify.html b/_layouts/uglify.html deleted file mode 100644 index b14110b40a..0000000000 --- a/_layouts/uglify.html +++ /dev/null @@ -1,4 +0,0 @@ ---- -layout: null ---- -{{ content | strip | strip_newlines }} diff --git a/_sass/_byline.scss b/_sass/_byline.scss deleted file mode 100644 index 966a8fb6d8..0000000000 --- a/_sass/_byline.scss +++ /dev/null @@ -1,84 +0,0 @@ -.byline { - font-family: var(--ui-font); - font-size: 0.8em; - line-height: 1.5em; - margin: 1.5em auto; - max-width: var(--content-width); - - .avatar { - background-color: var(--slate-500); - border: none; - border-radius: 50%; - color: transparent; - float: left; - height: 48px; - margin-right: 0.5em; - overflow: hidden; - position: relative; - vertical-align: middle; - width: 48px; - - &::before { - content: ""; - border-radius: 50%; - box-shadow: - inset 0 0 0 1px rgba(0, 0, 0, 0.35), - inset 0 0 0 2px rgba(255, 255, 255, 0.1), - inset 0 2px 0 0 rgba(255, 255, 255, 0.45), - inset 0 -2px 0 0 rgba(255, 255, 255, 0.15), - 0 1px 3px 0 rgba(0, 0, 0, 0.12), - 0 1px 2px 0 rgba(0, 0, 0, 0.24); - height: 100%; - position: absolute; - width: 100%; - - @media (prefers-color-scheme: dark) { - box-shadow: - inset 0 0 0 1px black, - inset 0 0 0 2px rgba(255, 255, 255, 0.05), - inset 0 2px 0 0 rgba(255, 255, 255, 0.22), - inset 0 -2px 0 0 rgba(255, 255, 255, 0.07), - 0 1px 3px 0 rgba(0, 0, 0, 0.24), - 0 1px 2px 0 rgba(0, 0, 0, 0.48); - } - } - } - - a { - color: inherit; - opacity: 1; - text-decoration: none; - - &:hover { - color: var(--accent-color); - text-decoration: underline; - } - } - - .name { - font-weight: 600; - opacity: 0.8; - } - - .description { - opacity: 0.67; - - &::before { - content: " | "; - } - } - - time, - .read-time { - opacity: 0.8; - font-size: 0.9em; - line-height: 1em; - } - - .read-time::before { - display: inline-block; - margin: 0 0.25em; - content: " · "; - } -} - diff --git a/_sass/_code.scss b/_sass/_code.scss deleted file mode 100644 index 4bb37575aa..0000000000 --- a/_sass/_code.scss +++ /dev/null @@ -1,196 +0,0 @@ -// Solarized Code Highlighting -// Adapted from https://gist.github.com/nicolashery/5765395 - -code { - background-color: var(--secondary-bg-color); - border-radius: 0.25em; - font-size: 0.85em; - padding: 0.2em; -} - -.highlighter-rouge { - margin: 2em auto; - text-align: center; - - > .highlight { - border-radius: 0.25em; - box-shadow: - 0 0 0 1px rgba(0, 0, 0, 0.05), - 0 3px 3px rgba(0, 0, 0, 0.22); - line-height: 1; - } -} - -.highlight { - code { - padding: 0; - } - - table { - border-spacing: 0; - margin: auto; - } -} - -.rouge-code { - padding-left: 0.25em; - padding-right: 1em; -} - - -.highlight { - display: inline-block; - font-size: 0.85em; - line-height: 1.33em; - margin: auto; - overflow: auto; - text-align: left; - background-color: var(--solarized-base3); - color: var(--solarized-base01); - - .gl { - background-color: var(--solarized-base2); - padding: 0 0.5em; - text-align: right; - } - - .c, - .c1, - .cm, - .sb { - color: var(--solarized-base1); - } - - .err, - .g, - .ge, - .go, - .gp, - .gs, - .gt, - .l, - .ld, - .n, - .na, - .nl, - .nn, - .nx, - .p, - .py, - .sd, - .sh, - .w { - color: var(--solarized-base01); - } - - .gd, - .il, - .m, - .mf, - .mh, - .mi, - .mo, - .s, - .s1, - .s2, - .sc, - .si, - .ss, - .sx { - color: var(--solarized-cyan); - } - - .bp, - .kd, - .kr, - .nc, - .nd, - .nf, - .nt, - .nv, - .vc, - .vg, - .vi { - color: var(--solarized-blue); - } - - .cp, - .cs, - .gi, - .k, - .kn, - .kp, - .o, - .ow { - color: var(--solarized-green); - } - - .gh, - .gu, - .kc, - .ne, - .ni, - .no, - .se, - .x { - color: var(--solarized-orange); - } - - .gr, - .kt, - .sr { - color: var(--solarized-red); - } - - .nb { - color: var(--solarized-yellow); - } - - .ge { - font-style: italic; - } - - .gs { - font-weight: bold; - } -} - -@media (prefers-color-scheme: dark) { - .highlight { - background-color: var(--solarized-base03); - color: var(--solarized-base1); - - .gl { - background-color: var(--solarized-base02); - } - - .c, - .c1, - .cm, - .sb { - color: var(--solarized-base01); - } - - .err, - .g, - .ge, - .go, - .gp, - .gs, - .gt, - .l, - .ld, - .n, - .na, - .nl, - .nn, - .nx, - .p, - .py, - .sd, - .sh, - .w { - color: var(--solarized-base1); - } - } -} diff --git a/_sass/_colors.scss b/_sass/_colors.scss deleted file mode 100644 index afbc5fb134..0000000000 --- a/_sass/_colors.scss +++ /dev/null @@ -1,94 +0,0 @@ -:root { - --strawberry-100: #ff8c82; - --strawberry-300: #ed5353; - --strawberry-500: #c6262e; - --strawberry-700: #a10705; - --strawberry-900: #7a0000; - - --orange-100: #ffc27d; - --orange-300: #ffa154; - --orange-500: #f37329; - --orange-700: #cc3b02; - --orange-900: #a62100; - - --banana-100: #fff394; - --banana-300: #ffe16b; - --banana-500: #f9c440; - --banana-700: #d48e15; - --banana-900: #ad5f00; - - --lime-100: #d1ff82; - --lime-300: #9bdb4d; - --lime-500: #68b723; - --lime-700: #3a9104; - --lime-900: #206b00; - - --blueberry-100: #8cd5ff; - --blueberry-300: #64baff; - --blueberry-500: #3689e6; - --blueberry-700: #0d52bf; - --blueberry-900: #002e99; - - --grape-100: #e4c6fa; - --grape-300: #cd9ef7; - --grape-500: #a56de2; - --grape-700: #7239b3; - --grape-900: #452981; - - --cocoa-100: #a3907c; - --cocoa-300: #8a715e; - --cocoa-500: #715344; - --cocoa-700: #57392d; - --cocoa-900: #3d211b; - - --silver-100: #fafafa; - --silver-300: #d4d4d4; - --silver-500: #abacae; - --silver-700: #7e8087; - --silver-900: #555761; - - --slate-100: #95a3ab; - --slate-300: #667885; - --slate-500: #485a6c; - --slate-700: #273445; - --slate-900: #0e141f; - - --black-100: #666666; - --black-300: #4d4d4d; - --black-500: #333333; - --black-700: #1a1a1a; - --black-900: #000000; - - --solarized-base01: #586e75; - --solarized-base02: #073642; - --solarized-base03: #002b36; - --solarized-base1: #93a1a1; - --solarized-base2: #eee8d5; - --solarized-base3: #fdf6e3; - --solarized-blue: #268bd2; - --solarized-cyan: #2aa198; - --solarized-green: #859900; - --solarized-orange: #cb4b16; - --solarized-red: #dc322f; - --solarized-yellow: #b58900; - - --bg-color: white; - --fg-color: var(--black-500); - --accent-color: var(--blueberry-700); - --header-bg-color: var(--blueberry-300); - --header-fg-color: var(--silver-100); - --secondary-bg-color: #f5f5f5; // Instead of making up a Silver 200 - --secondary-fg-color: var(--black-300); - --warning-bg-color: var(--banana-300); - --warning-fg-color: var(--black-900); -} - -@media (prefers-color-scheme: dark) { - :root { - --bg-color: var(--black-700); - --fg-color: var(--silver-300); - --accent-color: var(--blueberry-300); - --secondary-bg-color: var(--black-500); - --secondary-fg-color: var(--silver-300); - } -} diff --git a/_sass/_featured.scss b/_sass/_featured.scss deleted file mode 100644 index a190d5830f..0000000000 --- a/_sass/_featured.scss +++ /dev/null @@ -1,149 +0,0 @@ -.featured { - border-radius: 0.5rem; - color: inherit; - display: block; - font-size: 0; - opacity: 1; - padding: 1rem; - text-decoration: none; - transition: background-color 250ms ease, color 250ms ease; - - &:hover { - background: var(--secondary-bg-color); - } - - header { - display: inline-block; - font-size: 1rem; - padding-left: 1em; - vertical-align: middle; - width: 100%; - - @media (min-width: 600px) { - width: 50%; - } - - - @media (min-width: 800px) { - width: 33.33%; - } - - h2 { - margin-top: 0; - } - - .byline { - max-width: 100%; - } - } - - .excerpt { - display: inline-block; - font-size: 1rem; - padding: 0 1rem; - vertical-align: middle; - width: 100%; - - @media (min-width: 600px) { - width: 50%; - } - - @media (min-width: 800px) { - width: 66.66%; - } - - span { - font-family: var(--ui-font); - font-size: 0.8em; - opacity: 0.75; - } - } - - .featured-image { - background-color: var(--silver-100); - background-origin: border-box; - background-position: 50%; - background-size: cover; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; - box-shadow: - inset 0 0 0 1px rgba(255, 255, 255, 0.05), - inset 0 1px 0 0 rgba(255, 255, 255, 0.2), - inset 0 -1px 0 0 rgba(255, 255, 255, 0.1), - 0 1px 3px rgba(0, 0, 0, 0.05), - 0 1px 2px rgba(0, 0, 0, 0.1); - display: inline-block; - height: 320px; - margin-bottom: 1rem; - overflow: hidden; - position: relative; - vertical-align: middle; - width: 100%; - - @media (min-width: 600px) { - margin-bottom: 0; - width: 50%; - } - - @media (min-width: 800px) { - width: calc(66.66% - 0.66rem); - } - - @media (prefers-color-scheme: dark) { - background-color: var(--silver-900); - border: 1px solid black; - box-shadow: - inset 0 0 0 1px rgba(255, 255, 255, 0.02), - inset 0 1px 0 0 rgba(255, 255, 255, 0.1), - inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), - 0 1px 3px rgba(0, 0, 0, 0.1), - 0 1px 2px rgba(0, 0, 0, 0.2); - } - - img { - left: 50%; - max-width: 100%; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - } - } -} - -@media (min-width: 800px) { - .latest { - font-size: 0; - margin-top: 2rem; - - .featured { - padding: 1rem; - - &:nth-child(n+2) { - display: inline-block; - vertical-align: top; - width: 33.33%; - - header { - font-size: 0.8rem; - padding: 0; - width: 100%; - - h3 { - margin-top: -1em; - } - } - - .excerpt { - padding: 0; - width: 100%; - } - - .featured-image { - height: 200px; - margin-bottom: 0.5rem; - width: 100%; - } - } - } - } -} diff --git a/_sass/_figures.scss b/_sass/_figures.scss deleted file mode 100644 index 7b76ca85cf..0000000000 --- a/_sass/_figures.scss +++ /dev/null @@ -1,150 +0,0 @@ -figure { - font-size: 0; // fix whitespace causing percentage issues - margin: 2rem 0; - position: relative; - text-align: center; - - article & p { - max-width: 100%; // Fix Markdown wrapping images in `

` and setting max-width - } - - * { - margin: 0; - max-width: 100%; - } - - img, - video { - display: inline; - transition: transform 250ms ease; - vertical-align: middle; - - &:active, - &:focus { - outline: none; - position: relative; // Fixes z-index issues on transform - z-index: 1; - } - } - - .highlighter-rouge { - font-size: 1rem; - margin-bottom: 0; - } - - &.embed { - margin-left: auto; - margin-right: auto; - max-width: 100%; - padding-top: 56.25%; // 16:9 - position: relative; - width: var(--content-width); - - iframe { - border: none; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - } - - figcaption { - font-family: var(--ui-font); - font-size: 0.8rem; - margin: 1em auto 4em; - opacity: 0.67; - text-align: center; - } - - &.third { - img, - video { - cursor: zoom-in; - margin: 1%; - max-width: 31.33%; - - &:focus { - cursor: zoom-out; - } - - &:nth-child(3n+1):active, - &:nth-child(3n+1):focus { - transform: translateX(100%) scale(3); - } - - &:nth-child(3n+2):active, - &:nth-child(3n+2):focus { - transform: translateX(0) scale(3); - } - - &:nth-child(3n+3):active, - &:nth-child(3n+3):focus { - transform: translateX(-100%) scale(3); - } - } - } - - &.half { - img, - video { - cursor: zoom-in; - margin: 1%; - max-width: 48%; - - &:focus { - cursor: zoom-out; - } - - &:nth-child(odd):active, - &:nth-child(odd):focus { - transform: translateX(50%) scale(2); - } - - &:nth-child(even):active, - &:nth-child(even):focus { - transform: translateX(-50%) scale(2); - } - } - } - - &.full-bleed { - img, - video { - left: 50%; - max-width: 100vw; - position: relative; - transform: translateX(-50%); - width: 100vw; - } - } - - &.constrained { - img, - video { - width: var(--content-width); - } - } - - &.circle { - img, - video { - border-radius: 50%; - } - } - - &.card { - img, - video { - background-color: var(--silver-100); - box-shadow: - 0 0 0 1px rgba(0, 0, 0, 0.05), - 0 3px 3px rgba(0, 0, 0, 0.22); - - @media (prefers-color-scheme: dark) { - background-color: var(--silver-900); - } - } - } -} diff --git a/_sass/_layout.scss b/_sass/_layout.scss deleted file mode 100644 index 0654e7b9d5..0000000000 --- a/_sass/_layout.scss +++ /dev/null @@ -1,168 +0,0 @@ -:root { - --page-width: 60rem; - --content-width: 40rem; -} - -body > section { - margin: 0 auto; - max-width: var(--page-width); - padding: 0 1rem; -} - -body > footer { - background-color: var(--secondary-bg-color); - display: flex; - flex-flow: wrap-reverse; - justify-content: space-between; - overflow-x: auto; - padding: 0 1rem; - - ul { - display: inline-block; - flex: 0 0 auto; - margin: 0; - padding: 0; - } - - li { - display: inline-block; - list-style: none; - vertical-align: middle; - } - - a { - display: inline-block; - opacity: 1; - padding: 0 0.4rem; - text-decoration: none; - } - - a, - p { - color: var(--secondary-fg-color); - font-family: var(--ui-font); - font-size: 0.6rem; - line-height: 3em; - margin: 0; - } -} - -article { - margin-bottom: 4rem; - - p, - ul, - ol, - h1, - h2, - h3, - h4, - h5, - h6 { - margin-left: auto; - margin-right: auto; - max-width: var(--content-width); - } - - img, - video { - display: block; - height: auto; - margin-left: auto; - margin-right: auto; - max-width: 100%; - } - - > table { - font-family: var(--ui-font); - margin: 2em auto; - max-width: 100%; - - th, - td { - padding: 0 0.5rem; - } - } - - .thanks { - .links { - display: flex; - flex-wrap: wrap; - justify-content: center; - margin: 0.75em -1.5em; - - a { - margin: 0.75em 1.5em; - } - - svg { - color: var(--fg-color); - height: 2em; - } - } - } -} - -hr { - border: 0; - margin: 3em auto; - max-width: 50%; - - &::before { - content: "..."; - display: block; - font-weight: bold; - letter-spacing: 1em; - text-align: center; - } -} - -.license { - display: block; - font-family: var(--ui-font); - font-size: 0.75rem; - margin: 0 auto; - max-width: var(--content-width); - text-align: center; - - a, - svg { - color: var(--secondary-fg-color); - vertical-align: middle; - } - - a { - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - - svg { - height: 1.25em; - margin-left: 0.25em; - margin-right: 0.25em; - } -} - -.up-next { - margin: 8rem auto 0; -} - -aside.outdated { - background: var(--warning-bg-color); - bottom: 0; - color: var(--warning-fg-color); - display: block; - font-family: var(--ui-font); - font-size: 0.8rem; - left: 50%; - opacity: 0.8; - padding: 0.5em 1em; - position: relative; - text-align: center; - transform: translateX(-50%); - width: 100vw; - z-index: 1; -} diff --git a/_sass/_nav.scss b/_sass/_nav.scss deleted file mode 100644 index 12dd0f350f..0000000000 --- a/_sass/_nav.scss +++ /dev/null @@ -1,73 +0,0 @@ -body > header { - background-color: var(--header-bg-color); - color: var(--header-fg-color); - fill: var(--header-fg-color); - - nav { - display: flex; - font-size: 0; - overflow-x: auto; - padding: 0 1rem; - - ul { - display: inline-block; - flex: 0 0 auto; - margin: 0; - padding: 0; - } - - li { - display: inline-block; - list-style: none; - vertical-align: middle; - } - - a { - color: var(--header-fg-color); - display: inline-block; - font-family: var(--ui-font); - font-size: 0.85rem; - line-height: 2.9em; - opacity: 1; - padding: 0 0.65rem; - text-decoration: none; - white-space: nowrap; - } - - a:hover { - opacity: 0.7; - } - - svg { - height: 1em; - - * { - fill: inherit !important; - } - } - - .logomark { - line-height: 0; - - svg { - height: auto; - } - } - } - - .primary { - justify-content: space-between; - } - - .secondary { - background-color: var(--secondary-bg-color); - justify-content: center; - - a { - color: var(--secondary-fg-color); - font-size: 0.7rem; - line-height: 3.6em; - } - } -} - diff --git a/_sass/_tags.scss b/_sass/_tags.scss deleted file mode 100644 index 3eca3033a3..0000000000 --- a/_sass/_tags.scss +++ /dev/null @@ -1,17 +0,0 @@ -aside.tags { - margin: 1em auto; - max-width: var(--content-width); -} - -.tag { - background-color: var(--banana-300); - border-radius: 0.25em; - color: var(--banana-900); - display: inline-block; - font-family: var(--ui-font); - font-size: 0.75em; - line-height: 2em; - margin: 0.125em; - padding: 0 0.5em; - text-decoration: none; -} diff --git a/_sass/_twitter-cards.scss b/_sass/_twitter-cards.scss deleted file mode 100644 index 5510ace2ad..0000000000 --- a/_sass/_twitter-cards.scss +++ /dev/null @@ -1,79 +0,0 @@ -.twitter-card { - background-color: var(--silver-100); - box-shadow: - 0 0 0 1px rgba(0, 0, 0, 0.05), - 0 3px 3px rgba(0, 0, 0, 0.22); - border-radius: 0.5em; - font-family: var(--ui-font); - margin: 0 auto 2em; - max-width: 50ch; - padding: 1em; - - a { - color: inherit; - opacity: 1; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - - p { - line-height: 1.5em; - margin-bottom: 0.5em; - } - - header { - display: flex; - justify-content: space-between; - margin-bottom: 0.75em; - - .account { - display: grid; - - .avatar { - border-radius: 50%; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); - display: block; - grid-row-end: span 2; - height: 2.5em; - margin-right: 0.5em; - } - - p, - strong { - font-size: 0.8em; - grid-column-start: 2; - line-height: 1.25; - margin: 0; - } - - p { - opacity: 0.75; - } - } - - .logo { - height: 1.25em; - margin: 0; - text-align: right; - } - } - - footer { - font-size: 0.75em; - line-height: 1; - margin-top: 1.5em; - - a { - display: flex; - justify-content: space-between; - opacity: 0.6; - } - } - - @media (prefers-color-scheme: dark) { - background-color: var(--black-500); - } -} diff --git a/_sass/_typography.scss b/_sass/_typography.scss deleted file mode 100644 index 47fc597829..0000000000 --- a/_sass/_typography.scss +++ /dev/null @@ -1,162 +0,0 @@ -:root { - --ui-font: "Open Sans", "Noto Sans", "Roboto", "Droid Sans", sans-serif; - --copy-font: "Noto Serif", "Droid Serif", serif; - --heading-font: Raleway, var(--ui-font); -} - -html { - font-family: var(--copy-font); - font-size: 5.625vw; - font-weight: 400; - word-spacing: -0.05em; - - @media (min-width: 320px) { - font-size: 18px; - } - - @media (min-width: 1024px) { - font-size: 20px; - } - - @media print { - font-size: 14px; - } -} - -a { - color: var(--accent-color); - opacity: 0.8; - text-decoration-skip: ink; - transition: opacity 250ms ease; - - &:hover, - &:focus { - opacity: 1; - } -} - -article { - line-height: 1.75em; - - p, - ul, - ol { - margin-top: 0.5em; - margin-bottom: 2em; - } - - li { - padding-left: 0.25em; - } -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: var(--heading-font); - line-height: 1.2em; - margin-top: 2em; - margin-bottom: 0; -} - -h1 { - line-height: 1em; -} - -h3, -h4, -h5 { - opacity: 0.8; -} - -h6 { - opacity: 0.67; -} - -header h1 { - font-size: 2em; - margin-top: 1em; -} - -header h1 + h2 { - font-family: var(--ui-font); - font-size: 1.2rem; - font-weight: normal; - margin-top: 0.25em; - opacity: 0.5; -} - -header h2 { - font-size: 1.5em; - margin-bottom: 1em; -} - -header h2 + h3 { - font-family: var(--ui-font); - font-size: 0.9rem; - font-weight: normal; - margin-top: -1.5em; - margin-bottom: 1em; - opacity: 0.5; -} - -blockquote { - max-width: var(--content-width); - margin-left: auto; - padding-left: 1em; - margin-right: auto; - font-style: italic; - border-left: 0.125em solid var(--accent-color); - - em, - i { - font-style: normal; - } - - aside & { - font-size: 1.6em; - line-height: 1.4em; - border: none; - margin: 2em auto; - opacity: 0.8; - padding: 0 1em; - } - - .attribution { - display: block; - font-size: 0.8em; - font-style: normal; - margin-top: -1.5em; - - &:before { - content: "–"; - } - } -} - -aside { - margin-bottom: 2em; -} - -kbd { - background-color: rgba(200, 200, 200, 0.15); - border: 1px solid rgba(0, 0, 0, 0.30); - border-radius: 0.2em; - box-shadow: - inset 0 1px 0 0 rgba(255, 255, 255, 0.12), - inset 0 -2px 0 0 rgba(0, 0, 0, 0.15); - display: inline-block; - font-family: var(--ui-font); - font-size: 80%; - line-height: 1.5; - margin: 0 0.2em; - min-width: 1em; - padding: 0.125em 0.5em; - text-align: center; - user-select: none; - white-space: nowrap; -} - diff --git a/authors.md b/authors.md deleted file mode 100644 index 6a5b23f1a5..0000000000 --- a/authors.md +++ /dev/null @@ -1,23 +0,0 @@ ---- ---- - -# Authors - -

-{% assign site_authors = site.authors | sort %} -{% for each_author in site_authors %} - {% if each_author[0] != 'anonymous' %} - {% assign posts = site.posts | where: "author", each_author[0] | sort | reverse %} - {% if posts.size > 0 %} -
-

{{ each_author[1].name }}

-

{{ each_author[1].description }}

- {% for post in posts %} - {% unless post.hidden %} - {% include featured.html post=post %} - {% endunless %} - {% endfor %} - {% endif %} - {% endif %} -{% endfor %} -
diff --git a/blog-card.xcf b/blog-card.xcf deleted file mode 100644 index 9e8e4317b1..0000000000 Binary files a/blog-card.xcf and /dev/null differ diff --git a/css/main.scss b/css/main.scss deleted file mode 100644 index 046f7e8bf0..0000000000 --- a/css/main.scss +++ /dev/null @@ -1,119 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -// Global -@import "colors"; -@import "layout"; -@import "typography"; - -// Components -@import "byline"; -@import "code"; -@import "featured"; -@import "figures"; -@import "nav"; -@import "tags"; -@import "twitter-cards"; - -:root { - color-scheme: light dark; -} - -* { - box-sizing: border-box; -} - -body, -html { - background-color: var(--bg-color); - color: var(--fg-color); - fill: var(--fg-color); - margin: 0; - overflow-x: hidden; -} - -html { - // To blend with the footer on short pages - background-color: var(--secondary-bg-color); -} - -svg { - fill: inherit; -} - -.error { - max-width: 22rem; - margin: 8em auto; - text-align: center; - - p { - font-family: var(--ui-font); - } -} - -nav.pagination { - font-size: 0; // Fix percentage issues with whitespace - margin: 2rem auto; - text-align: center; - - a { - display: inline-block; - font-size: 1rem; - font-family: var(--ui-font); - padding: 1em; - - &.next::after { - content: " →"; - } - - &.previous::before { - content: "← "; - } - } -} - -.social { - font-size: 0; // Fix percentage issue with whitespace - margin: 4rem auto; - text-align: center; - - h2 { - font-size: 1.5rem; - } - - div { - display: inline-block; - font-size: 1rem; - width: 50%; - } - - a { - display: inline-block; - margin: 0.75rem; - - img { - width: 32px; - height: 32px; - } - } -} - -.center { - margin-left: auto; - margin-right: auto; - text-align: center; -} - -.button { - border: 1px solid; - border-radius: 0.25em; - font-family: var(--ui-font); - padding: 0.5em 1em; - text-decoration: none; -} - -pre { - -webkit-text-size-adjust: none; -} diff --git a/feed.json b/feed.json deleted file mode 100644 index f045282756..0000000000 --- a/feed.json +++ /dev/null @@ -1,51 +0,0 @@ ---- -layout: uglify ---- -{ - "lastBuildDate": "{{ site.time | date_to_rfc822 }}", - "generator": "Jekyll v{{ jekyll.version }}", - "posts": [ - {% assign counter = 0 %} - {% for post in site.posts %} - {% unless post.hidden %} - {% assign counter = counter | plus: 1 %} - {% unless counter > 3 %} - { - "url": "{{ post.url | prepend: site.baseurl | prepend: site.url }}", - "title": {{ post.title | jsonify }}, - "pubDate": "{{ post.date | date_to_rfc822 }}", - {% if post.description %} - "description": {{ post.description | jsonify }}, - {% endif %} - "author": { - {% if site.authors[post.author].name %} - {% assign author=site.authors[post.author] %} - {% endif %} - {% if author.gravatar %} - "gravatar": "{{ author.gravatar }}", - "name": "{{ author.name }}" - {% else %} - "gravatar": "{{ site.gravatar }}", - "name": "elementary" - {% endif %} - }, - {% if post.image %} - {% assign prefix = post.image | slice: 0, 4 %} - {% if prefix == "http" %} - {% assign image = post.image %} - {% else %} - {% assign image = post.image | prepend: site.baseurl | prepend: site.url %} - {% endif %} - "image": "{{ image }}", - {% else %} - "excerpt": "{{ post.excerpt | strip_html | truncatewords: 40 | jsonify }}", - {% endif %} - {% assign words = post.content | strip_html | number_of_words %} - "read_time": "{{ words | divided_by: 200 | plus: 1 }} min read" - } - {% unless counter >= 3 %},{% endunless %} - {% endunless %} - {% endunless %} - {% endfor %} - ] -} diff --git a/feed.xml b/feed.xml deleted file mode 100644 index b46fa102f7..0000000000 --- a/feed.xml +++ /dev/null @@ -1,44 +0,0 @@ ---- -layout: null -redirect_from: - - /feed/ ---- - - - - {{ site.title | xml_escape }} - {{ site.description | xml_escape }} - {{ site.url }}{{ site.baseurl }}/ - - {{ site.time | date_to_rfc822 }} - {{ site.time | date_to_rfc822 }} - Jekyll v{{ jekyll.version }} - {% for post in site.posts limit:10 %} - {% unless post.hidden %} - - {{ post.title | xml_escape }} - {{ post.content | xml_escape }} - {{ post.date | date_to_rfc822 }} - {{ post.url | prepend: site.baseurl | prepend: site.url }} - {{ post.url | prepend: site.baseurl | prepend: site.url }} - {% if post.image %} - {% assign prefix = page.image | slice: 0, 4 %} - {% if prefix == "http" %} - {% assign image = page.image %} - {% else %} - {% assign image = page.image | prepend: site.baseurl | prepend: site.url %} - {% endif %} - - {% endif %} - {% for tag in post.tags %} - {{ tag | xml_escape }} - {% endfor %} - {% for cat in post.categories %} - {{ cat | xml_escape }} - {% endfor %} - - {% endunless %} - {% endfor %} - - - diff --git a/feed/updates.json b/feed/updates.json deleted file mode 100644 index ef0758bc02..0000000000 --- a/feed/updates.json +++ /dev/null @@ -1,5 +0,0 @@ ---- -layout: tagfeed -title: "Tag: updates" -tag: updates ---- diff --git a/index.html b/index.html deleted file mode 100644 index a99c437f73..0000000000 --- a/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -layout: default -redirect_from: - - /archive/ - - /archive - - /archive/1/ - - /archive/1 ---- - -{% unless paginator.previous_page %} - {% comment %} - Newest posts in a unique, Medium-like layout on the first page - {% endcomment %} -
- {% assign post=paginator.posts.first %} - {% include featured.html post=post %} - - {% assign post=paginator.posts[1] %} - {% include featured.html post=post %} - - {% assign post=paginator.posts[2] %} - {% include featured.html post=post %} - - {% assign post=paginator.posts[3] %} - {% include featured.html post=post %} -
-{% endunless %} - -
-{% if paginator.previous_page %} -

Archive Page {{ paginator.page }}

- {% for post in paginator.posts %} - {% unless post.hidden %} - {% include featured.html post=post %} - {% endunless %} - {% endfor %} -{% else %} -

More Stories

- {% for post in paginator.posts offset: 4 %} - {% unless post.hidden %} - {% include featured.html post=post %} - {% endunless %} - {% endfor %} -{% endif %} -
- -
- diff --git a/tags.md b/tags.md deleted file mode 100644 index 4c8cef57cd..0000000000 --- a/tags.md +++ /dev/null @@ -1,20 +0,0 @@ ---- ---- -# Tags - -
-{% assign tags = site.tags | sort %} -{% for tag in tags %} - {% if tag[1].size > 1 %} -
- {% assign id = tag[0] | replace: ' ', '-' %} -

#{{ tag[0] }}

- {% assign posts = tag[1] | sort | reverse %} - {% for post in posts %} - {% unless post.hidden %} - {% include featured.html post=post %} - {% endunless %} - {% endfor %} - {% endif %} -{% endfor %} -