diff --git a/_config.yml b/_config.yml index 0aa368978..262c82292 100644 --- a/_config.yml +++ b/_config.yml @@ -1,4 +1,5 @@ # Site settings +theme: minima title: Mikaela's supybot site #email: your-email@domain.com description: > # this means to ignore newlines until "baseurl:" @@ -10,6 +11,7 @@ url: "https://supybot.mikaela.info/" # the base hostname & protocol for your sit github_username: Mikaela # Custom settings +lang: en timezone: Etc/UTC encoding: utf-8 plugins: diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100644 index be3976f7e..000000000 --- a/_includes/footer.html +++ /dev/null @@ -1,55 +0,0 @@ - diff --git a/_includes/head.html b/_includes/head.html index a4610372f..efefa49b4 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,7 +6,7 @@ {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - + diff --git a/_includes/header.html b/_includes/header.html deleted file mode 100644 index cfe381f75..000000000 --- a/_includes/header.html +++ /dev/null @@ -1,27 +0,0 @@ -
- -
- - {{ site.title }} - - - -
- -
diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index e4ab96fb0..000000000 --- a/_layouts/default.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - {% include head.html %} - - - - {% include header.html %} - -
-
- {{ content }} -
-
- - {% include footer.html %} - - - - diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100644 index 74c1a1184..000000000 --- a/_layouts/page.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title }}

-
- -
- {{ content }} -
- -
diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100644 index a2b4e52fe..000000000 --- a/_layouts/post.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title }}

-

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

-
- -
- {{ content }} -
- -
diff --git a/assets/main.scss b/assets/main.scss new file mode 100644 index 000000000..8835ec9f3 --- /dev/null +++ b/assets/main.scss @@ -0,0 +1,66 @@ +--- +# front-matter +--- + +@charset "utf-8"; +$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif; + +@import "{{ site.theme }}"; + +:root { + color-scheme: dark light !important; +} + +* { + // box-sizing: border-box !important; + color: revert !important; + background-color: revert !important; + //margin: auto !important; + // line-height: 1.2 !important; + font-size: revert; + //padding: auto !important; + overflow-wrap: break-word !important; + hyphens: auto !important; +} + +a { + text-decoration: underline !important; +} + +pre, +code { + font-family: "Liberation Mono", "Cousine", "Courier New", monospace !important; + font-size: 0.8em !important; +} + +img { + border-radius: 50% !important; + display: block; + margin-left: auto !important; + margin-right: auto !important; + @media (min-width: 395px) { + display: float !important; + float: right !important; + } +} + +// Customize the dark theme to be more me +@media (prefers-color-scheme: dark) { + * { + color: #ffb700 !important; + border-color: #ffb700 !important; + background-color: #000000 !important; + } + + .site-nav { + color-scheme: only dark !important; + color: #ffb700 !important; + background-color: #000000 !important; + color: #ffb700 !important; + } + + // I don't want links to be restored to amber' + a { + color: revert !important; + } +} diff --git a/css/main.scss b/css/main.scss deleted file mode 100644 index e8e12ddff..000000000 --- a/css/main.scss +++ /dev/null @@ -1,87 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - - - -// Our variables -$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif; -$monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace; -//$base-font-size: 16px; -$base-font-size: revert; -//$small-font-size: $base-font-size * 0.875; -$small-font-size: revert; -$base-line-height: 1.5; - -$spacing-unit: 30px; - -// $text-color: #111; -// $background-color: #fdfdfd; -// $brand-color: #2a7ae2; -// -// $grey-color: #828282; -// $grey-color-light: lighten($grey-color, 40%); -// $grey-color-dark: darken($grey-color, 25%); - -$text-color: revert; -$background-color: revert; -$brand-color: revert; - -// $grey-color: #828282; -// $grey-color-light: lighten($grey-color, 40%); -// $grey-color-dark: darken($grey-color, 25%); - -$grey-color: revert; -$grey-color-light: revert; -$grey-color-dark: revert; - -// Width of the content area -$content-width: 800px; - -$on-palm: 600px; -$on-laptop: 800px; - - - -// Using media queries with like this: -// @include media-query($on-palm) { -// .wrapper { -// padding-right: $spacing-unit / 2; -// padding-left: $spacing-unit / 2; -// } -// } -@mixin media-query($device) { - @media screen and (max-width: $device) { - @content; - } -} - - - -// Import partials from `sass_dir` (defaults to `_sass`) -@import - "base", - "layout", - "syntax-highlighting" -; - -// Overrides for dark themes -@media (prefers-color-scheme: dark) { - .site-nav { - color-scheme: only dark !important; - color: #ffffff !important; - background-color: #1c1b22 !important; - border: 1px solid #ffffff !important; - } -} - -// Overrides for light themes -@media (prefers-color-scheme: light) { - .site-nav { - color-scheme: only light !important; - color: #000000 !important; - background-color: #ffffff !important; - border: 1px solid #000000 !important; - } -}