diff --git a/Gemfile b/Gemfile index 1bb8b4a..c50ae3c 100644 --- a/Gemfile +++ b/Gemfile @@ -5,5 +5,5 @@ require 'open-uri' versions = JSON.parse(open('https://pages.github.com/versions.json').read) gem 'github-pages', versions['github-pages'] - +gem 'jekyll-paginate' gem 'jemoji' \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock index 7902f09..30f3e8e 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,165 +1,250 @@ GEM remote: https://rubygems.org/ specs: - activesupport (4.2.7) + activesupport (4.2.11.1) i18n (~> 0.7) - json (~> 1.7, >= 1.7.7) minitest (~> 5.1) thread_safe (~> 0.3, >= 0.3.4) tzinfo (~> 1.1) - addressable (2.4.0) + addressable (2.6.0) + public_suffix (>= 2.0.2, < 4.0) coffee-script (2.4.1) coffee-script-source execjs coffee-script-source (1.11.1) colorator (1.1.0) - ethon (0.10.1) + commonmarker (0.17.13) + ruby-enum (~> 0.5) + concurrent-ruby (1.1.5) + dnsruby (1.61.2) + addressable (~> 2.5) + em-websocket (0.5.1) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0.6.0) + ethon (0.12.0) ffi (>= 1.3.0) + eventmachine (1.2.7) execjs (2.7.0) - faraday (0.10.0) + faraday (0.15.4) multipart-post (>= 1.2, < 3) - ffi (1.9.14) + ffi (1.11.0) forwardable-extended (2.6.0) - gemoji (2.1.0) - github-pages (108) - activesupport (= 4.2.7) - github-pages-health-check (= 1.3.0) - jekyll (= 3.3.1) - jekyll-avatar (= 0.4.2) - jekyll-coffeescript (= 1.0.1) + gemoji (3.0.1) + github-pages (198) + activesupport (= 4.2.11.1) + github-pages-health-check (= 1.16.1) + jekyll (= 3.8.5) + jekyll-avatar (= 0.6.0) + jekyll-coffeescript (= 1.1.1) + jekyll-commonmark-ghpages (= 0.1.5) jekyll-default-layout (= 0.1.4) - jekyll-feed (= 0.8.0) - jekyll-gist (= 1.4.0) - jekyll-github-metadata (= 2.2.0) - jekyll-mentions (= 1.2.0) - jekyll-optional-front-matter (= 0.1.2) + jekyll-feed (= 0.11.0) + jekyll-gist (= 1.5.0) + jekyll-github-metadata (= 2.12.1) + jekyll-mentions (= 1.4.1) + jekyll-optional-front-matter (= 0.3.0) jekyll-paginate (= 1.1.0) - jekyll-readme-index (= 0.0.2) - jekyll-redirect-from (= 0.11.0) - jekyll-relative-links (= 0.2.1) - jekyll-sass-converter (= 1.3.0) - jekyll-seo-tag (= 2.1.0) - jekyll-sitemap (= 0.12.0) + jekyll-readme-index (= 0.2.0) + jekyll-redirect-from (= 0.14.0) + jekyll-relative-links (= 0.6.0) + jekyll-remote-theme (= 0.3.1) + jekyll-sass-converter (= 1.5.2) + jekyll-seo-tag (= 2.5.0) + jekyll-sitemap (= 1.2.0) jekyll-swiss (= 0.4.0) - jekyll-theme-primer (= 0.1.1) - jekyll-titles-from-headings (= 0.1.2) - jemoji (= 0.7.0) - kramdown (= 1.11.1) - liquid (= 3.0.6) - listen (= 3.0.6) + jekyll-theme-architect (= 0.1.1) + jekyll-theme-cayman (= 0.1.1) + jekyll-theme-dinky (= 0.1.1) + jekyll-theme-hacker (= 0.1.1) + jekyll-theme-leap-day (= 0.1.1) + jekyll-theme-merlot (= 0.1.1) + jekyll-theme-midnight (= 0.1.1) + jekyll-theme-minimal (= 0.1.1) + jekyll-theme-modernist (= 0.1.1) + jekyll-theme-primer (= 0.5.3) + jekyll-theme-slate (= 0.1.1) + jekyll-theme-tactile (= 0.1.1) + jekyll-theme-time-machine (= 0.1.1) + jekyll-titles-from-headings (= 0.5.1) + jemoji (= 0.10.2) + kramdown (= 1.17.0) + liquid (= 4.0.0) + listen (= 3.1.5) mercenary (~> 0.3) - minima (= 2.0.0) - rouge (= 1.11.1) + minima (= 2.5.0) + nokogiri (>= 1.8.5, < 2.0) + rouge (= 2.2.1) terminal-table (~> 1.4) - github-pages-health-check (1.3.0) + github-pages-health-check (1.16.1) addressable (~> 2.3) - net-dns (~> 0.8) + dnsruby (~> 1.60) octokit (~> 4.0) - public_suffix (~> 2.0) - typhoeus (~> 0.7) - html-pipeline (2.4.2) + public_suffix (~> 3.0) + typhoeus (~> 1.3) + html-pipeline (2.11.0) activesupport (>= 2) nokogiri (>= 1.4) - i18n (0.7.0) - jekyll (3.3.1) + http_parser.rb (0.6.0) + i18n (0.9.5) + concurrent-ruby (~> 1.0) + jekyll (3.8.5) addressable (~> 2.4) colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 0.7) jekyll-sass-converter (~> 1.0) - jekyll-watch (~> 1.1) - kramdown (~> 1.3) - liquid (~> 3.0) + jekyll-watch (~> 2.0) + kramdown (~> 1.14) + liquid (~> 4.0) mercenary (~> 0.3.3) pathutil (~> 0.9) - rouge (~> 1.7) + rouge (>= 1.7, < 4) safe_yaml (~> 1.0) - jekyll-avatar (0.4.2) + jekyll-avatar (0.6.0) jekyll (~> 3.0) - jekyll-coffeescript (1.0.1) + jekyll-coffeescript (1.1.1) coffee-script (~> 2.2) + coffee-script-source (~> 1.11.1) + jekyll-commonmark (1.3.1) + commonmarker (~> 0.14) + jekyll (>= 3.7, < 5.0) + jekyll-commonmark-ghpages (0.1.5) + commonmarker (~> 0.17.6) + jekyll-commonmark (~> 1) + rouge (~> 2) jekyll-default-layout (0.1.4) jekyll (~> 3.0) - jekyll-feed (0.8.0) + jekyll-feed (0.11.0) jekyll (~> 3.3) - jekyll-gist (1.4.0) + jekyll-gist (1.5.0) octokit (~> 4.2) - jekyll-github-metadata (2.2.0) - jekyll (~> 3.1) + jekyll-github-metadata (2.12.1) + jekyll (~> 3.4) octokit (~> 4.0, != 4.4.0) - jekyll-mentions (1.2.0) - activesupport (~> 4.0) + jekyll-mentions (1.4.1) html-pipeline (~> 2.3) jekyll (~> 3.0) - jekyll-optional-front-matter (0.1.2) + jekyll-optional-front-matter (0.3.0) jekyll (~> 3.0) jekyll-paginate (1.1.0) - jekyll-readme-index (0.0.2) + jekyll-readme-index (0.2.0) jekyll (~> 3.0) - jekyll-redirect-from (0.11.0) - jekyll (>= 2.0) - jekyll-relative-links (0.2.1) + jekyll-redirect-from (0.14.0) jekyll (~> 3.3) - jekyll-sass-converter (1.3.0) - sass (~> 3.2) - jekyll-seo-tag (2.1.0) + jekyll-relative-links (0.6.0) jekyll (~> 3.3) - jekyll-sitemap (0.12.0) + jekyll-remote-theme (0.3.1) + jekyll (~> 3.5) + rubyzip (>= 1.2.1, < 3.0) + jekyll-sass-converter (1.5.2) + sass (~> 3.4) + jekyll-seo-tag (2.5.0) jekyll (~> 3.3) - jekyll-swiss (0.4.0) - jekyll-theme-primer (0.1.1) + jekyll-sitemap (1.2.0) jekyll (~> 3.3) - jekyll-titles-from-headings (0.1.2) + jekyll-swiss (0.4.0) + jekyll-theme-architect (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-cayman (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-dinky (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-hacker (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-leap-day (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-merlot (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-midnight (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-minimal (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-modernist (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-primer (0.5.3) + jekyll (~> 3.5) + jekyll-github-metadata (~> 2.9) + jekyll-seo-tag (~> 2.0) + jekyll-theme-slate (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-tactile (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-theme-time-machine (0.1.1) + jekyll (~> 3.5) + jekyll-seo-tag (~> 2.0) + jekyll-titles-from-headings (0.5.1) jekyll (~> 3.3) - jekyll-watch (1.5.0) - listen (~> 3.0, < 3.1) - jemoji (0.7.0) - activesupport (~> 4.0) - gemoji (~> 2.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + jemoji (0.10.2) + gemoji (~> 3.0) html-pipeline (~> 2.2) - jekyll (>= 3.0) - json (1.8.3) - kramdown (1.11.1) - liquid (3.0.6) - listen (3.0.6) - rb-fsevent (>= 0.9.3) - rb-inotify (>= 0.9.7) + jekyll (~> 3.0) + kramdown (1.17.0) + liquid (4.0.0) + listen (3.1.5) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + ruby_dep (~> 1.2) mercenary (0.3.6) - mini_portile2 (2.1.0) - minima (2.0.0) - minitest (5.10.1) - multipart-post (2.0.0) - net-dns (0.8.0) - nokogiri (1.6.8.1) - mini_portile2 (~> 2.1.0) - octokit (4.6.2) + mini_portile2 (2.4.0) + minima (2.5.0) + jekyll (~> 3.5) + jekyll-feed (~> 0.9) + jekyll-seo-tag (~> 2.1) + minitest (5.11.3) + multipart-post (2.1.1) + nokogiri (1.10.3) + mini_portile2 (~> 2.4.0) + octokit (4.14.0) sawyer (~> 0.8.0, >= 0.5.3) - pathutil (0.14.0) + pathutil (0.16.2) forwardable-extended (~> 2.6) - public_suffix (2.0.4) - rb-fsevent (0.9.8) - rb-inotify (0.9.7) - ffi (>= 0.5.0) - rouge (1.11.1) - safe_yaml (1.0.4) - sass (3.4.22) - sawyer (0.8.1) - addressable (>= 2.3.5, < 2.6) - faraday (~> 0.8, < 1.0) - terminal-table (1.7.3) - unicode-display_width (~> 1.1.1) - thread_safe (0.3.5) - typhoeus (0.8.0) - ethon (>= 0.8.0) - tzinfo (1.2.2) + public_suffix (3.0.3) + rb-fsevent (0.10.3) + rb-inotify (0.10.0) + ffi (~> 1.0) + rouge (2.2.1) + ruby-enum (0.7.2) + i18n + ruby_dep (1.5.0) + rubyzip (1.2.2) + safe_yaml (1.0.5) + sass (3.7.4) + sass-listen (~> 4.0.0) + sass-listen (4.0.0) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + sawyer (0.8.2) + addressable (>= 2.3.5) + faraday (> 0.8, < 2.0) + terminal-table (1.8.0) + unicode-display_width (~> 1.1, >= 1.1.1) + thread_safe (0.3.6) + typhoeus (1.3.1) + ethon (>= 0.9.0) + tzinfo (1.2.5) thread_safe (~> 0.1) - unicode-display_width (1.1.2) + unicode-display_width (1.6.0) PLATFORMS ruby DEPENDENCIES - github-pages (= 108) + github-pages (= 198) + jekyll-paginate jemoji - json BUNDLED WITH - 1.13.6 + 2.0.1 diff --git a/_config.yml b/_config.yml index 26c2d07..fb5c842 100644 --- a/_config.yml +++ b/_config.yml @@ -6,7 +6,7 @@ description: > The goal of Rebble is to maintain and advance Pebble functionality in the absence of Pebble Technology Corp. baseurl: "" # no trailing slash url: "http://rebble.io" # no trailing slash -excerpt_separator: about: > TODO @@ -23,11 +23,21 @@ github_username: pebble-dev #soundcloud_username: TODO #miiverse_username: TODO +# Blog pagination settings +paginate: 5 +paginate_path: "/blog/:num/" + # Build settings markdown: kramdown kramdown: input: GFM -gems: +sass: + sass_dir: _scss + style: compressed + + +plugins: +- jekyll-paginate - jemoji diff --git a/_data/home.yml b/_data/home.yml new file mode 100644 index 0000000..9306bda --- /dev/null +++ b/_data/home.yml @@ -0,0 +1,2 @@ +heading: Bring life back to your Pebble +about: On December 7th, 2016, Pebble announced that they were ceasing operations. Two days later, on December 9th, 2016, the Rebble web site went live, announcing our intention to "maintain and advance Pebble functionality, in the absence of Pebble Technology Corp." We have fulfilled much of this goal via Rebble Web Services, which restores most of the functionality that the Pebble community knows and loves. Read about our journey in the blog, find detailed instructions in our HOWTO, or simply... diff --git a/_data/index.yml b/_data/index.yml index d00d352..6eea268 100644 --- a/_data/index.yml +++ b/_data/index.yml @@ -1,6 +1,9 @@ - display: "home" permalink: "/" +- display: "blog" + permalink: "/blog/" + - display: "howto" permalink: "/howto/" diff --git a/_includes/siteindex.html b/_includes/siteindex.html index 695fb00..2054528 100644 --- a/_includes/siteindex.html +++ b/_includes/siteindex.html @@ -5,7 +5,7 @@ {% if item.link %} href="{{ item.link }}" {% else %} - href="{{ site.url | append: site.baseurl | append: item.permalink }}" + href="{{ item.permalink | prepend: site.baseurl }}" {% endif %} >{{item.display}} diff --git a/_posts/2018-01-22-rebble-community-update-4.md b/_posts/2018-01-22-rebble-community-update-4.md index 2ab70ed..6622759 100644 --- a/_posts/2018-01-22-rebble-community-update-4.md +++ b/_posts/2018-01-22-rebble-community-update-4.md @@ -6,7 +6,7 @@ date: 2018-01-22 11:42:42 --- Welcome to the first *Rebble Community Update* of 2018! :heart: :rocket: One of [my](https://twitter.com/IShJR) most important roles in the Rebble project is *Lead Emoji Sprinkler*, which requires fastidious monitoring of the [Rebble Discord](http://discord.gg/aRUAYFN) to ensure that all comments indicating progress or good will are met with a swift :rocket: or :heart: respectively - and lately the emoji have been flowing liberally as the firmware team's progress continues to :rocket: thanks to the prodigious output of new and old [contributors](https://github.com/ginge/FreeRTOS-Pebble/graphs/contributors) alike. Daren't delay divulging details of the downright deluge of development deeds! As always, if you'd like to add something, [send us a tweet](https://twitter.com/pebble_dev), or better still, [submit a pull request](https://github.com/pebble-dev/pebble-dev.github.io/pulls)! :bowtie: - + ## Firmware ### Contributing diff --git a/_posts/2018-02-15-rebble-web-services.md b/_posts/2018-02-15-rebble-web-services.md index 1048ecc..1ae8685 100644 --- a/_posts/2018-02-15-rebble-web-services.md +++ b/_posts/2018-02-15-rebble-web-services.md @@ -9,7 +9,7 @@ Hey there! [Katharine Berry](https://twitter.com/KatharineBerry) here. As you ma by now, Fitbit will be shutting down all Pebble services at the end of June of this year. After that, if nothing were to be done, then no services that require a Pebble server would work any more — which includes the appstore, weather, dictation, some parts of timeline, iOS SMS/email actions, the CloudPebble IDE, and more. - + The observant among you might also notice that none of these things have been mentioned in a community update in over a year. Fortunately, we have the makings of a plan: the Rebble Web Services. In this post, we have a few things to cover. First, I'll talk about what we diff --git a/_posts/2018-06-13-get-ready-to-rebble.md b/_posts/2018-06-13-get-ready-to-rebble.md index abcca1b..6ff8f9c 100644 --- a/_posts/2018-06-13-get-ready-to-rebble.md +++ b/_posts/2018-06-13-get-ready-to-rebble.md @@ -12,7 +12,7 @@ We've all been very busy, so we haven't had much time to blog lately. However, we're still on the case, and before we go any further, we have something important for you to do! - + ## Rebble Accounts The Rebble account system is up and running, and now is the time for you to diff --git a/_posts/2018-07-01-rebble-era.md b/_posts/2018-07-01-rebble-era.md index a7791d9..bacce8d 100644 --- a/_posts/2018-07-01-rebble-era.md +++ b/_posts/2018-07-01-rebble-era.md @@ -6,7 +6,7 @@ date: 2018-07-01 14:14:14 --- It's a new day. It's a new month (:ok_hand: :punch:). But most importantly, it's a new era! :rocket: It was over a year and half ago that [Rebble first put its stake in the ground](https://rebble.io/2016/12/09/rebble-pebble-reborn.html) as the unofficial spearhead organization for continuing the advancement of the Pebble platform in the absence of *Pebble Technology Corp.* Re-reading that first blog post, a lot of the same feelings of fear, anxiety, resilience, and hope have been expressed in recent days as we make another transition - this time from *Pebble* web services to **Rebble Web Services**! What does that mean? Why is it necessary? When is it happening?! What do I need to do to participate??! Read on, and all will be explained! :bowtie: - + ## Why RWS? [Katharine](https://twitter.com/KatharineBerry) gave an [extensive overview of affected services and their impact in an earlier blog post](https://rebble.io/2018/02/15/rebble-web-services.html), so please peruse her detailed enumeration for complete insight, but the TL;DR is that Pebble's current functionality relies on a fairly extensive collection of online services, all of which were slated to be disabled after June 30th. The particularly astute reader may observe that June 30th, 2018 is quite a bit more recent than the December 7th, 2016 announcement that Pebble had ceased operations - this is primarily due to the largesse of Fitbit, who were kind enough to [extend services an extra six months](https://dev.fitbit.com/blog/2018-01-24-pebble-support/) beyond the already generous year given to help Pebble users transition. We try to mention this regularly, but we are immensely grateful to Fitbit for helping support the Pebble ecosystem at their own expense for all of this time. :blue_heart: Even with this gracious extension, it was still a race against the clock to provide a drop-in replacement for the existing services, for which we had no source code and little flexibility in order to maintain compatibility with existing apps and hardware. diff --git a/_scss/buttons.scss b/_scss/buttons.scss new file mode 100644 index 0000000..03660e4 --- /dev/null +++ b/_scss/buttons.scss @@ -0,0 +1,31 @@ +/* -- Button styles -- */ +.button { + height: 30px; + max-width: 300px; + box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; + padding: 10px; + display: block; +} +a.button { + color: $white-color; + text-decoration: none; + font-weight: 500; + text-transform: uppercase; + background-color: $dark-gray-button-background-color; + text-align: center; +} +button.orange { + background-color: $pebble-color; +} +.button.orange { + background-color: $pebble-color; +} +button.gray { + background-color: $light-gray-button-background-color; +} +.button.gray { + background-color: $light-gray-button-background-color; +} \ No newline at end of file diff --git a/_scss/error.scss b/_scss/error.scss new file mode 100644 index 0000000..79917c9 --- /dev/null +++ b/_scss/error.scss @@ -0,0 +1,7 @@ +/* --- Error page styles --- */ +.pet-rock-pebble { + margin-left: auto; + margin-right: auto; + display: block; + max-width: 98%; +} \ No newline at end of file diff --git a/_scss/fonts.scss b/_scss/fonts.scss new file mode 100644 index 0000000..64b0f97 --- /dev/null +++ b/_scss/fonts.scss @@ -0,0 +1,37 @@ +@font-face { + font-family: Lato; + font-weight: normal; + src: url(../fonts/lato/Lato-Regular.ttf) +} + +@font-face { + font-family: Lato; + font-weight: normal; + font-style: italic; + src: url(../fonts/lato/Lato-Italic.ttf) +} + +@font-face { + font-family: Lato; + font-weight: bold; + src: url(../fonts/lato/Lato-Bold.ttf) +} + +@font-face { + font-family: Lato; + font-weight: bold; + font-style: italic; + src: url(../fonts/lato/Lato-BoldItalic.ttf) +} + +@font-face { + font-family: SourceCodePro; + font-weight: normal; + src: url(../fonts/source-code-pro/SourceCodePro-Regular.ttf) +} + +@font-face { + font-family: SourceCodePro; + font-weight: bold; + src: url(../fonts/source-code-pro/SourceCodePro-Bold.ttf) +} \ No newline at end of file diff --git a/_scss/footer.scss b/_scss/footer.scss new file mode 100644 index 0000000..1729a15 --- /dev/null +++ b/_scss/footer.scss @@ -0,0 +1,14 @@ +/* --- Common footer styles --- */ +footer { + background-color: $body-background-color; + display: flex; + flex-flow: column; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 2rem; + margin: -1rem 0 0; + align-items: center; + text-align: center; + justify-content: center; + position: relative; +} \ No newline at end of file diff --git a/_scss/header.scss b/_scss/header.scss new file mode 100644 index 0000000..ceb0a58 --- /dev/null +++ b/_scss/header.scss @@ -0,0 +1,61 @@ +/* --- Common header styles --- */ +header { + background-color: $header-background-color; + padding: 3rem 2em 18em; + margin-bottom: calc(-20em + 3rem); + text-align: center; + font-size: 1em; + @media (max-width: 500px) { + padding: 3rem 2em 25em; + margin-bottom: calc(-27em + 3rem); + } + .sitename { + font-size: 3em; + vertical-align: middle; + margin: 0 0.1em; + text-transform: lowercase; + color: $light-heading-color; + } + .separator { + font-size: 3em; + vertical-align: middle; + margin: 0 0.1em; + text-transform: lowercase; + color: $dark-secondary-text-color; + } + .pagename { + font-size: 3em; + vertical-align: middle; + margin: 0 0.1em; + text-transform: lowercase; + color: $light-heading-color; + } + .headertext { + display: inline-block; + width: 36rem; + max-width: calc(100vw - 15rem); + margin: 0 1rem; + } + a { + color: inherit; + text-decoration: none; + } +} + +@media (max-width: 900px) { + header { + text-align: left; + .headertext { + width: auto; + max-width: none; + } + .rebble-logo-spacer { + display: none; + } + } +} +@media (max-width: 700px) { + header { + font-size: 2.6vw; + } +} \ No newline at end of file diff --git a/_scss/home.scss b/_scss/home.scss new file mode 100644 index 0000000..eb61bbe --- /dev/null +++ b/_scss/home.scss @@ -0,0 +1,41 @@ +/* --- Home page styles -- */ +.home-container { + > .intro { + position: relative; + > .bg { + background-color: $header-background-color; + height: calc(100% - 60px); + max-height: calc(100% - 60px); + z-index: 0; + width: 100%; + top: 0; + left: 0; + position: absolute; + } + > .content { + z-index: 10; + position: relative; + display: block; + margin: 0 auto 2rem; + padding: 15px; + max-width: 46rem; + width: 80vw; + box-sizing: border-box; + user-select: text; + -moz-user-select: text; + -webkit-user-select: text; + } + } + .title { + color: $light-heading-color; + } + .summary { + color: $light-secondary-text-color; + a { + color: $light-link-color; + } + } + .button { + margin-left: 0; + } +} \ No newline at end of file diff --git a/_scss/logo.scss b/_scss/logo.scss new file mode 100644 index 0000000..93e3c45 --- /dev/null +++ b/_scss/logo.scss @@ -0,0 +1,37 @@ +/* --- Logo styles --- */ + +.rebble-logo-light { + display: inline-block; + width: 0.7em; + height: 1em; + vertical-align: middle; + background: url('../images/rebble-light.svg'); + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} +.rebble-logo-dark { + display: inline-block; + width: 0.7em; + height: 1em; + vertical-align: middle; + background: url('../images/rebble-dark.svg'); + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} +.rebble-logo-spacer { + display: inline-block; + width: 0.7em; + height: 1em; + vertical-align: middle; +} +.rebble-logo-dark.large-icon { + font-size: 6em; +} +.rebble-logo-light.large-icon { + font-size: 6em; +} +.rebble-logo-spacer.large-icon { + font-size: 6em; +} \ No newline at end of file diff --git a/_scss/mailing-list.scss b/_scss/mailing-list.scss new file mode 100644 index 0000000..f81dbb4 --- /dev/null +++ b/_scss/mailing-list.scss @@ -0,0 +1,30 @@ +/* --- Mailing list registration --- */ +div.email-signup { + text-align: center; + margin: 1rem 0 .5rem; + input[type="email"] { + margin: 0; + padding: 0.6rem; + line-height: normal; + font-size: 0.8em; + border-radius: 0; + border: 1px solid #777; + border-right: none; + border-top-left-radius: 0.2em; + border-bottom-left-radius: 0.2em; + } + input[type="submit"] { + margin: 0; + padding: 0.6rem; + line-height: normal; + font-size: 0.8em; + border-radius: 0; + background: #D40; + cursor: pointer; + color: $white-color; + border: 1px solid #910; + border-top-right-radius: 0.2em; + border-bottom-right-radius: 0.2em; + -webkit-appearance: none; + } +} \ No newline at end of file diff --git a/_scss/navbar.scss b/_scss/navbar.scss new file mode 100644 index 0000000..82e5b83 --- /dev/null +++ b/_scss/navbar.scss @@ -0,0 +1,29 @@ +/* --- Navbar (aka Index) --- */ +#index { + list-style: none; + display: block; + text-align: center; + margin: 0 auto 2rem; + padding: 0; + max-width: 42rem; + background-color: $header-background-color; + li { + display: inline-block; + text-transform: uppercase; + a { + display: block; + text-decoration: none; + padding: .75em .75em; + color: $light-heading-color; + } + a.selected { + text-shadow: 0 0 1px black; + border-bottom: 3px solid #FFF; + } + } +} +@media (max-width: 700px) { + #index { + font-size: 0.8em; + } +} \ No newline at end of file diff --git a/_scss/pagination.scss b/_scss/pagination.scss new file mode 100644 index 0000000..40c5646 --- /dev/null +++ b/_scss/pagination.scss @@ -0,0 +1,32 @@ +/* --- Pagination styles --- */ +.pagination { + display: flex; + padding-left: 0; + list-style: none; + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; + width: fit-content; + .page-link { + position: relative; + display: block; + padding: .5rem .75rem; + margin-left: -1px; + line-height: 1.25; + color: #686868; + text-decoration: none; + font-size: 20px; + &.disabled { + color: #cacaca; + } + &.active { + color: #D40; + } + + } + a.page-link:hover { + z-index: 2; + color: #222; + } + } + diff --git a/_scss/section.scss b/_scss/section.scss new file mode 100644 index 0000000..3ca814a --- /dev/null +++ b/_scss/section.scss @@ -0,0 +1,163 @@ +/* --- Section styles --- */ +section, .post { + display: block; + margin: 0 auto 2rem; + padding: 15px; + max-width: 94vw; + width: 46rem; + box-sizing: border-box; + background: $section-background-color; + box-shadow: $section-box-shadow; + overflow: hidden; + user-select: text; + -moz-user-select: text; + -webkit-user-select: text; +} + +section { + >ul.people { + list-style: none; + padding-left: 0; + li { + div.person { + display: flex; + align-items: center; + margin: 0 -1.5rem; + img { + border-radius: 50%; + height: 6em; + width: 6em; + flex-shrink: 0; + flex-grow: 0; + margin: 0 1.5em; + box-shadow: 0 0 1rem -.6rem black; + } + } + &:nth-child(2n) { + div.person { + flex-direction: row-reverse; + } + p { + text-align: right; + margin-left: 2rem; + } + .bio { + &:before { + right: 6rem; + left: auto; + } + } + } + &:nth-child(2n+1) { + p { + margin-right: 2rem; + } + } + &+li { + padding-top: .5rem; + } + .bio { + margin: 2rem -3rem 1.5rem; + padding: 1.5rem 3rem; + box-sizing: border-box; + background: #444; + position: relative; + color: $white-color; + opacity: 1; + transition: margin .2s ease, padding .2s ease, opacity .2s ease; + article { + overflow: hidden; + max-height: 50rem; + transition: max-height .2s ease; + } + &:before { + position: absolute; + top: -.5rem; + left: 6rem; + content: ""; + border-bottom: .5rem solid #444; + border-left: .5rem solid transparent; + border-right: .5rem solid transparent; + transition: opacity .2s ease; + } + a { + color: $light-link-color; + text-decoration: underline; + } + } + .expando-toggle { + font-size: 80%; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + display: block; + cursor: pointer; + } + } + li.collapsed { + .bio { + margin: 0 -3rem; + padding: 0 3rem; + max-height: 0; + opacity: 0; + article { + max-height: 0; + } + } + } + } +} +.post { + h2 { + text-align: center; + } +} +.text-content { + >h2 { + a { + color: $dark-link-color; + text-decoration: none; + text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff; + background-image: linear-gradient(to bottom, #888, #888); + background-size: auto 2px; + background-repeat: repeat-x; + background-position: center 95%; + } + } + >.metadata { + color: $dark-secondary-text-color; + text-align: right; + margin: 0; + } + ul { + padding-left: 2em; + ul { + padding-left: 1em; + } + } + ol { + padding-left: 2em; + ol { + padding-left: 1em; + } + } + code { + font-family: $code-font; + background: #DDD; + padding: 0.1em 0.4em; + border-radius: 0.2em; + } +} +a { + color: $dark-link-color; + text-decoration: underline; +} +hr { + border: 1px solid #dbdadb; +} + +@media (min-width: 700px) { + section, .post { + padding: 2rem 3rem; + } +} \ No newline at end of file diff --git a/_scss/text.scss b/_scss/text.scss new file mode 100644 index 0000000..a15d00a --- /dev/null +++ b/_scss/text.scss @@ -0,0 +1,48 @@ +/* --- General text styles --- */ +body { + margin: 0; + background-color: $body-background-color; + font-family: $main-font; + font-size: 18px; + line-height: 1.6em; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +h1 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + color: $dark-heading-color; +} +h2 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + font-size: 2em; + color: $dark-heading-color; +} +h3 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + color: $dark-heading-color; +} +h4 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + color: $dark-heading-color; +} +h5 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + color: $dark-heading-color; +} +h6 { + margin-top: 0; + line-height: 1.8em; + margin-bottom: .4em; + color: $dark-heading-color; +} \ No newline at end of file diff --git a/_scss/variables.scss b/_scss/variables.scss new file mode 100644 index 0000000..9220ff4 --- /dev/null +++ b/_scss/variables.scss @@ -0,0 +1,32 @@ +/* --- Rebble site style variables --- */ + +/* --- Main colors --- */ +$white-color: #fff; +$pebble-color: #ff4700; +$rebble-color: #373a3c; + +/* --- Background colors --- */ +$header-background-color: $rebble-color; +$body-background-color: #F4F3F4; +$section-background-color: $white-color; + +/* --- Button colors --- */ +$dark-gray-button-background-color: #383a3c; +$light-gray-button-background-color: #666666; + +/* --- Text colors --- */ +$light-heading-color: $white-color; +$dark-heading-color: #222; + +$dark-secondary-text-color: #888; +$light-secondary-text-color: #dfdfdf; + +$dark-link-color: #444; +$light-link-color: #DDD; + +/* --- Fonts --- */ +$main-font: Lato, Helvetica, Helvetica Neue, Arial, sans-serif; +$code-font: SourceCodePro, sans-serif; + +/* --- Effects --- */ +$section-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); \ No newline at end of file diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..31c9de4 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,61 @@ +--- +layout: default +title: "Blog" +--- +
+ {% for post in paginator.posts %} +
+
+

{{ post.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

+

{{ post.title }}

+ {{ post.content }} +
+
+ {% endfor %} +
+{% if site.posts == 0 %} +
+
+

There's nothing here (yet...)

+

+ In the meantime, check out the + Discord Server or subscribe to the mailing list: +

+ {% include mailinglist.html %} +
+
+ +{% endif %} + + +{% if paginator.total_pages > 1 %} + +{% endif %} \ No newline at end of file diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 260216e..0000000 --- a/css/common.css +++ /dev/null @@ -1,409 +0,0 @@ -@font-face { - font-family: Lato; - font-weight: normal; - src: url(../fonts/lato/Lato-Regular.ttf) -} - -@font-face { - font-family: Lato; - font-weight: normal; - font-style: italic; - src: url(../fonts/lato/Lato-Italic.ttf) -} - -@font-face { - font-family: Lato; - font-weight: bold; - src: url(../fonts/lato/Lato-Bold.ttf) -} - -@font-face { - font-family: Lato; - font-weight: bold; - font-style: italic; - src: url(../fonts/lato/Lato-BoldItalic.ttf) -} - -@font-face { - font-family: SourceCodePro; - font-weight: normal; - src: url(../fonts/source-code-pro/SourceCodePro-Regular.ttf) -} - -@font-face { - font-family: SourceCodePro; - font-weight: bold; - src: url(../fonts/source-code-pro/SourceCodePro-Bold.ttf) -} - -body { - margin: 0; - background-color: #F4F3F4; - font-family: Lato, Helvetica, Helvetica Neue, Arial, sans-serif; - font-size: 18px; - line-height: 1.6em; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - line-height: 1.8em; - margin-bottom: .4em; -} - -/* --- Common Header Styles --- */ - -header { - background-color: #373a3c; - padding: 3rem 2em 15em; - margin-bottom: calc(-17em + 3rem); - text-align: center; - font-size: 1em; -} - -header .sitename, header .separator, header .pagename { - font-size: 3em; - vertical-align: middle; - margin: 0 0.1em; - text-transform: lowercase; -} - -header .headertext { - display: inline-block; - width: 36rem; - max-width: calc(100vw - 15rem); - margin: 0 1rem; -} - -@media (max-width: 900px) { - header { - text-align: left; - } - header .headertext { - width: auto; - max-width: none; - } - header .rebble-logo-spacer { - display: none; - } -} - -@media (max-width: 700px) { - header { - font-size: 2.6vw; - } -} - -header .sitename, header .pagename { - color: #FFF; -} - -header a { - color: inherit; - text-decoration: none; -} - -header .separator { - color: #888; -} - -/* --- Common Footer Styles --- */ - -footer { - background-color: #F4F3F4; - display: flex; - flex-flow: column; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 2rem; - margin: -1rem 0 0; - align-items: center; - text-align: center; - justify-content: center; - position: relative; -} - -/* --- Mailing list registration --- */ - -div.email-signup { - text-align: center; - margin: 1rem 0 .5rem; -} - -div.email-signup input[type="email"], -div.email-signup input[type="submit"] { - margin: 0; - padding: 0.6rem; - line-height: normal; - font-size: 0.8em; - border-radius: 0; -} - -div.email-signup input[type="email"] { - border: 1px solid #777; - border-right: none; - border-top-left-radius: 0.2em; - border-bottom-left-radius: 0.2em; -} - -div.email-signup input[type="submit"] { - background: #D40; - cursor: pointer; - color: white; - border: 1px solid #910; - border-top-right-radius: 0.2em; - border-bottom-right-radius: 0.2em; - -webkit-appearance: none; -} - -/* --- Index --- */ - -#index { - list-style: none; - display: block; - text-align: center; - margin: 0 auto 2rem; - padding: 0; - max-width: 36rem; -} - -@media (max-width: 700px) { - #index { - font-size: 0.8em; - } -} - -#index li { - display: inline-block; - text-transform: uppercase; -} - -#index li a { - text-decoration: none; - padding: .75em .75em; - color: #FFF; -} - -#index li a.selected { - text-shadow: 0 0 1px black; - border-bottom: 3px solid #FFF; -} - -/* --- Logo --- */ - -.rebble-logo-light, .rebble-logo-dark, .rebble-logo-spacer { - display: inline-block; - width: 0.7em; - height: 1em; - vertical-align: middle; -} - -.rebble-logo-light { - background: url('../images/rebble-light.svg'); - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} - -.rebble-logo-dark { - background: url('../images/rebble-dark.svg'); - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} - -.rebble-logo-dark.large-icon, -.rebble-logo-light.large-icon, -.rebble-logo-spacer.large-icon { - font-size: 6em; -} - -/* --- Ultratron --- */ - -#ultratron { - height: 24rem; -} - -/* --- Section styles --- */ - -section, .post { - display: block; - margin: 0 auto 2rem; - padding: 15px; - max-width: 46rem; - width: 100vw; - box-sizing: border-box; - background: #fff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - overflow: hidden; - user-select: text; - -moz-user-select: text; - -webkit-user-select: text; -} - -@media (min-width: 700px) { - section, .post { - padding: 2rem 3rem; - } -} - -h2 { - font-size: 2em; -} - -.post h2 { - text-align: center; -} - -.text-content > h2 a { - color: #444; - text-decoration: none; - text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff; - background-image: linear-gradient(to bottom, #888, #888); - background-size: auto 2px; - background-repeat: repeat-x; - background-position: center 95%; -} - -.text-content > .metadata { - color: #888; - text-align: right; - margin: 0; -} - -.text-content ul, .text-content ol { - padding-left: 2em; -} - -.text-content ol ol, -.text-content ul ul { - padding-left: 1em; -} - -a { - color: #444; - text-decoration: underline; -} - -.text-content code { - font-family: SourceCodePro, sans-serif; - background: #DDD; - padding: 0.1em 0.4em; - border-radius: 0.2em; -} - -section > ul.people { - list-style: none; - padding-left: 0; -} - -section > ul.people li div.person { - display: flex; - align-items: center; - margin: 0 -1.5rem; -} - -section > ul.people li:nth-child(2n) div.person { - flex-direction: row-reverse; -} - -section > ul.people li:nth-child(2n) p { - text-align: right; - margin-left: 2rem; -} - -section > ul.people li:nth-child(2n+1) p { - margin-right: 2rem; -} - -section > ul.people li + li { - padding-top: .5rem; -} - -section > ul.people li div.person img { - border-radius: 50%; - height: 6em; - width: 6em; - flex-shrink: 0; - flex-grow: 0; - margin: 0 1.5em; - box-shadow: 0 0 1rem -.6rem black; -} - -section > ul.people li .bio { - margin: 2rem -3rem 1.5rem; - padding: 1.5rem 3rem; - box-sizing: border-box; - background: #444; - position: relative; - color: white; - opacity: 1; - transition: margin .2s ease, padding .2s ease, opacity .2s ease; -} - -section > ul.people li.collapsed .bio { - margin: 0 -3rem; - padding: 0 3rem; - max-height: 0; - opacity: 0; -} - -section > ul.people li .bio article { - overflow: hidden; - max-height: 50rem; - transition: max-height .2s ease; -} - -section > ul.people li.collapsed .bio article { - max-height: 0; -} - -section > ul.people li .bio:before { - position: absolute; - top: -.5rem; - left: 6rem; - content: ""; - border-bottom: .5rem solid #444; - border-left: .5rem solid transparent; - border-right: .5rem solid transparent; - transition: opacity .2s ease; -} - -section > ul.people li:nth-child(2n) .bio:before { - right: 6rem; - left: auto; -} - -section > ul.people li .bio a { - color: #DDD; - text-decoration: underline; -} - -section > ul.people li .expando-toggle { - font-size: 80%; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - display: block; - cursor: pointer; -} - -/* --- General text styles --- */ - -h1, h2, h3, h4, h5, h6 { - color: #222; -} - -hr { - border: 1px solid #dbdadb; -} - -/* --- Error page styles --- */ -.pet-rock-pebble { - margin-left: auto; - margin-right: auto; - display: block; - max-width: 98%; -} \ No newline at end of file diff --git a/css/common.scss b/css/common.scss new file mode 100644 index 0000000..91064ae --- /dev/null +++ b/css/common.scss @@ -0,0 +1,16 @@ +--- +# Rebble site styles +--- + +@import 'variables'; +@import 'fonts'; +@import 'text'; +@import 'header'; +@import 'navbar'; +@import 'footer'; +@import 'section'; +@import 'mailing-list'; +@import 'buttons'; +@import 'pagination'; +@import 'home'; +@import 'error'; diff --git a/index.html b/index.html index 899d752..9064fb1 100755 --- a/index.html +++ b/index.html @@ -5,16 +5,31 @@ permalink: / --- +
+
+
+

{{ site.data.home.heading }}

+

{{ site.data.home.about }}

+ Join Rebble +
+
+ +
+
+ +
- {% for post in site.posts limit:5 %} + {% for post in site.posts limit:3 %}

{{ post.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

{{ post.title }}

{{ post.excerpt }}
+ Read More
{% endfor %} + View more blog posts
{% if site.posts == 0 %}