template for basic jekyll+tailwind static site

.github/workflows/ci.yml

@@ -0,0 +1,18 @@
+name: Continuous integration
+on: [push]
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - uses: stepchowfun/toast/.github/actions/toast@v0.47.5
+    - uses: ayeressian/bunnycdn-storage-deploy@v2.1.0
+      with:
+        source: "_site"
+        storageZoneName: "${{ secrets.STORAGE_NAME }}"
+        storagePassword: "${{ secrets.STORAGE_PASSWORD }}"
+        accessKey: "${{ secrets.BUNNY_API_KEY }}"
+        pullZoneId: "${{ secrets.ZONE_ID }}"
+        upload: "true"
+        remove: "true"
+        purgePullZone: "true"

.gitignore

@@ -0,0 +1,5 @@
+_site
+.sass-cache
+.jekyll-cache
+.jekyll-metadata
+vendor

404.html

@@ -0,0 +1,24 @@
+---
+layout: null
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>

Gemfile

@@ -0,0 +1,17 @@
+source "https://rubygems.org"
+
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+#     bundle exec jekyll serve
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+gem "jekyll"
+
+# If you have any plugins, put them here!
+group :jekyll_plugins do
+  gem "jekyll-seo-tag"
+  gem "webrick", "~> 1.8"
+end

Gemfile.lock

@@ -0,0 +1,80 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.4)
+      public_suffix (>= 2.0.2, < 6.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.2.2)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.15.5)
+    forwardable-extended (2.6.0)
+    google-protobuf (3.23.4-x86_64-darwin)
+    google-protobuf (3.23.4-x86_64-linux)
+    http_parser.rb (0.8.0)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.2)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
+    jekyll-seo-tag (2.8.0)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.8.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.0.1)
+    rake (13.0.6)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.5)
+    rouge (4.1.2)
+    safe_yaml (1.0.5)
+    sass-embedded (1.63.6)
+      google-protobuf (~> 3.23)
+      rake (>= 13.0.0)
+    sass-embedded (1.63.6-x86_64-darwin)
+      google-protobuf (~> 3.23)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.4.2)
+    webrick (1.8.1)
+
+PLATFORMS
+  x86_64-darwin-20
+  x86_64-linux
+
+DEPENDENCIES
+  jekyll
+  jekyll-seo-tag
+  webrick (~> 1.8)
+
+BUNDLED WITH
+   2.4.10

README.md

@@ -0,0 +1,5 @@
+# landing
+
+Source for the CBNR landing page.
+
+More to come

_config.yml

@@ -0,0 +1,46 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
+#
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+# These are used to personalize your new site. If you look in the HTML files,
+# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
+# You can create any custom variable you would like, and they will be accessible
+# in the templates via {{ site.myvariable }}.
+title: CBNR
+email: null
+description: "Cloudy But No Rain"
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://www.cbnr.dev" # the base hostname & protocol for your site, e.g. http://example.com
+twitter_username: null
+github_username:  null
+
+author:
+  github: cloudybutnorain
+  linkedin: null
+
+# Build settings
+markdown: kramdown
+highlighter: rouge
+plugins:
+  - jekyll-seo-tag
+
+permalink: pretty
+
+# Exclude from processing.
+# The following items will not be processed, by default. Create a custom list
+# to override the default setting.
+# exclude:
+#   - Gemfile
+#   - Gemfile.lock
+#   - node_modules
+#   - vendor/bundle/
+#   - vendor/cache/
+#   - vendor/gems/
+#   - vendor/ruby/

_layouts/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>test</title>
+  <link rel="stylesheet" href="/assets/css/tailwind.css">
+  <link rel="stylesheet" href="/assets/css/fonts.css">
+  <link rel="stylesheet" href="/assets/css/markdown.css">
+  {% seo %}
+</head>
+
+<body class="text-stone-900 bg-[#fefcfa] dark:text-stone-100 dark:bg-[#181410] antialiased">
+  <div class="h-screen w-screen flex justify-center">
+    <p>this is a test</p>
+  </div>
+</body>
+
+</html>

assets/css/fonts.css

@@ -0,0 +1,48 @@
+/*@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-extralight.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-extralightitalic.woff2') format('woff2');
+    font-weight: 300;
+    font-style: italic;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-regularitalic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-semibold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-semibolditalic.woff2') format('woff2');
+    font-weight: 600;
+    font-style: italic;
+    font-display: fallback;
+}
+*/

assets/css/markdown.css

@@ -0,0 +1,84 @@
+/* CSS for the generated markdown, which of course can't be tailwinded */
+
+body {
+  line-height: 1.6rem;
+  font-family: "Wotfard", "Avenir Medium", "Avenir Next Medium", "Avenir Next LT Pro", "Montserrat", sans-serif;
+}
+
+code, pre {
+  font-family: "Roboto Mono", "Consolas", monospace;
+  font-size: 14px;
+  background-color: #e5e5e5;
+  border-radius: 4px;
+  padding: 1px 3px 1px 3px;
+}
+
+@media (prefers-color-scheme: dark) {
+  code, pre {
+    background-color: #525252;
+  }
+}
+
+#content a {
+  color: #ba8c2a;
+}
+
+p, blockquote, ul, ol, dl, table, pre, article {
+  margin: 12px 0 18px 0;
+}
+
+h1 {
+  font-weight: 600;
+  font-size: 48px;
+  margin: 28px 0 18px 0;
+}
+
+h2 {
+  font-weight: 600;
+  font-size: 28px;
+  margin: 28px 0 18px 0;
+  border-bottom: 1px solid #d6d3d1;
+  padding-bottom: 12px;
+}
+
+h3 {
+  font-weight: 600;
+  font-size: 24px;
+  margin: 28px 0 0 0;
+}
+
+h4 {
+  font-weight: 600;
+  font-size: 24px;
+  margin: 28px 0 -8px 0;
+}
+
+li {
+  list-style: initial;
+  margin-left: 28px;
+}
+
+hr {
+  margin: 24px 0 24px 0;
+}
+
+blockquote {
+  padding-left: 14px;
+  margin-left: 10px;
+  border-left: 2px solid #d6d3d1;
+}
+
+img {
+  margin: 32px auto 32px auto;
+}
+
+.pxl {
+  width: 67%;
+  image-rendering: pixelated;
+}
+
+@media only screen and (min-width: 600px) {
+  .pxl {
+    width: 50%;
+  }
+}