mallow-theme 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 427f42402fa7b301fa248fd3d32dc2d9da8b97bcbbd429cfa71853df8bda03ee
4
- data.tar.gz: 38d429231b34c9026961d87edbc2f5324f1efca04c736b45614499c71ee77bf3
3
+ metadata.gz: 2d4b50a9fcc8b6a678c63b440c2f897b6fcac92fe3b487fa66992a5ea9ea74d0
4
+ data.tar.gz: 15a55f020ee637490421eefa9e074dbb8e205806320e06b386c30a3e8bd570a9
5
5
  SHA512:
6
- metadata.gz: 00a19af970e9b59b7ed3b43f2e0594c9d3c6ca6eabc8a90e2ff0c1d67c042801ff6c3d614fc723ac43870a6007f12ee796ebca17e6bc47962402b60ea8ee1817
7
- data.tar.gz: 8d7db2d089e744b45f868ea43533a988b21231cd62d606d3be01acba650f25ff53a10ef9cc1446e05e06c7625d279dc2945f16d9ed154a749aa17080a61343c5
6
+ metadata.gz: 74518bc3c739a7494ffb275b3662dd05d4b5f41a1e44cc87733b863c1c386c804e8152c3f16030c99df0926624e8b0fb81d9287ad4d5c66e79426b16c975e9e9
7
+ data.tar.gz: 8e354175b9876cd0924d2e7fd3b385083570edf53f68b82837776589b41948f67c2296e9f5699f0d095365c367c20f02b442b4aca4005fe547f3cc658d595fcd
data/LICENSE ADDED
@@ -0,0 +1,29 @@
1
+ BSD 3-Clause License
2
+
3
+ Copyright (c) 2020, doamatto (Ronchetto, Matthew)
4
+ All rights reserved.
5
+
6
+ Redistribution and use in source and binary forms, with or without
7
+ modification, are permitted provided that the following conditions are met:
8
+
9
+ 1. Redistributions of source code must retain the above copyright notice, this
10
+ list of conditions and the following disclaimer.
11
+
12
+ 2. Redistributions in binary form must reproduce the above copyright notice,
13
+ this list of conditions and the following disclaimer in the documentation
14
+ and/or other materials provided with the distribution.
15
+
16
+ 3. Neither the name of the copyright holder nor the names of its
17
+ contributors may be used to endorse or promote products derived from
18
+ this software without specific prior written permission.
19
+
20
+ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
21
+ AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
22
+ IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
23
+ DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
24
+ FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
25
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
26
+ SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
27
+ CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
28
+ OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29
+ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
data/README.md CHANGED
@@ -1,21 +1,21 @@
1
- # Mallow
2
-
3
- [![Gem Version](https://badge.fury.io/rb/mallow-theme.svg)](https://badge.fury.io/rb/mallow-theme)
4
-
5
- **This is in active developement. [You can see the roadmap here.](https://trello.com/b/6uBEAJwj)**
6
-
7
- Mallow is a simple one-pager theme that puts emphesis on simplicty and speed.
8
-
9
- ### Installation
10
-
11
- You can install Mallow one of two ways:
12
-
13
- **a) Cloning from GitHub**
14
- You can clone the repo and [configure based on what's recommended in the wiki of this repo](https://github.com/doamatto/mallow-theme/wiki/Configuration).
15
-
16
- **b) Installing the Gem**
17
- You can also use [`gem install mallow-theme`](https://rubygems.org/gems/mallow-theme) and [configure based on what's recommended in the wiki of this repo](https://github.com/doamatto/mallow-theme/wiki/Configuration).
18
-
19
- ### Credits
20
-
21
- This theme was designed in part by Ethan Facione, also known as [Rainpelt29](https://rainpelt29.github.io), for his new portfolio. With his permission, I released the theme here on GitHub and on Ruby Gems.
1
+ # Mallow
2
+
3
+ [![Gem Version](https://badge.fury.io/rb/mallow-theme.svg)](https://badge.fury.io/rb/mallow-theme) [![Gem Downloads](https://img.shields.io/gem/dt/mallow-theme?color=68%2C%20204%2C%2017)](https://badge.fury.io/rb/mallow-theme)
4
+
5
+ Mallow is a simple one-pager theme that puts emphesis on simplicty and speed.
6
+
7
+ **Why I highly suggest you don't use Mallow**
8
+
9
+ You might think "Why would you, the person who made Mallow, tell me not to use Mallow?" It's actually really simple. I made this theme but designed it in a way that would make it horrible for anyone. I've spent about 2 months now trying different designs to get a mobile sidebar working (with and without JavaScript), but all of them go away from the main design of Mallow. For that reason, for anyone cares about mobile users and their ability to use the site, I cannot recommend you to use my theme. However, I can recommend the more mobile-friendly Jekyll theme I've made, [Nano](https://github.com/doamatto/nano); it's similar to Mallow and I personally use it as I don't think anything beats it (that I've released as a template, that is). **TL;DR is that this looks horrible on small screens and that you should use something else if you care about mobile users**.
10
+
11
+ ## Installation
12
+
13
+ Installing Mallow is simple. Start by downloading the latest version of Mallow [via the releases page](https://github.com/doamatto/mallow-theme/releases/latest). Afterwards, using Gem, install bundler (`gem install bundler`). Then, run `bundle install` to install everything you need for Mallow to work properly. You're now ready to configure your installation and deploy wherever.
14
+
15
+ ## About Creators
16
+
17
+ ### doamatto - Lead Designer, Developer
18
+ Based in California, I’m a high school student who works on making tools for people, not products. I strive to give people tools that empower them to do amazing things. To empower people there’s two things that I’m always consistent with from tool to tool: the way a user interacts with the tool is simple, but powerful and that privacy is given by default. _[Click here to go to Matt's Site](https://doamatto.xyz)_
19
+
20
+ ### Rainpelt29 - Co-Designer
21
+ Based in Michigan, I’m an almost highschooler with a creative and ever-working mind. I am always working on creative visions to bring new ideas and sometimes worlds to life using film and video. My goal with all of these is the same. Make something that people will enjoy. And in anything I work on, I make sure that goal is met. _[Click here to go to Ethan's Site](https://rainpelt29.github.io/rainpelt29site)_
@@ -0,0 +1,41 @@
1
+ <!-- Analytics Start -->
2
+ {% if site.simpleanalytics == true %}
3
+ <script src="https://scripts.simpleanalyticscdn.com/latest.js" async defer></script>
4
+ <noscript>
5
+ <img class="pxl" src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="">
6
+ </noscript>
7
+ {% elsif site.matomoanalytics == true %}
8
+ <!-- Matomo -->
9
+ <script>
10
+ var _paq = window._paq || [];
11
+ _paq.push(["setDoNotTrack", true]);
12
+ _paq.push(["disableCookies"]);
13
+ _paq.push(['trackPageView']);
14
+ _paq.push(['enableLinkTracking']);
15
+ (function() {
16
+ var u="https://{{site.matomourl}}/";
17
+ _paq.push(['setTrackerUrl', u+'matomo.php']);
18
+ _paq.push(['setSiteId', '{{site.matomositeid}}']);
19
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
20
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/{{site.matomourl}}/matomo.js'; s.parentNode.insertBefore(g,s);
21
+ })();
22
+ </script>
23
+ <noscript>
24
+ <p>
25
+ <img class="pxl" src="https://{{site.matomourl}}/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="">
26
+ </p>
27
+ </noscript>
28
+ {% elsif site.fathomanalytics == true %}
29
+ {% if site.customfathomurl != "" %}
30
+ <script src="https://{{site.customfathomurl}}" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
31
+ {% else %}
32
+ <script src="https://cdn.usefathom.com/script.js" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
33
+ {% endif %}
34
+ {% elsif site.plausibleanalytics == true %}
35
+ {% if site.customplausibleurl != "" %}
36
+ <script data-domain="{{site.github.url}}" src="https://{{site.customplausibleurl}}/js/index.js" async defer></script>
37
+ {% else %}
38
+ <script data-domain="{{site.github.url}}" src="https://plausible.io/js/plausible.js" async defer></script>
39
+ {% endif %}
40
+ {% endif %}
41
+ <!-- Analytics End -->
@@ -0,0 +1,23 @@
1
+ {% if site.simpleanalytics == true %}
2
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://scripts.simpleanalyticscdn.com/latest.js">
3
+ {% elsif site.fathomanalytics == true %}
4
+ {% if site.customfathomurl == "" %}
5
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://cdn.usefathom.com/script.js">
6
+ {% else %}
7
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customfathomurl}}">
8
+ {% endif %}
9
+ {% elsif site.matomoanalytics %}
10
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-qj/jwzjem2sfrDp/CEX8ODDzwfezTtpX43MRAcQTuUQ=' https://cdn.matomo.cloud/{{site.matomourl}}/matomo.js">
11
+ {% elsif site.plausibleanalytics %}
12
+ {% if site.customplausibleurl == "" %}
13
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://plausible.io/js/plausible.js">
14
+ {% else %}
15
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customplausibleurl}}/js/index.js">
16
+ {% endif %}
17
+ {% endif %}
18
+
19
+ {% if site.unsafecontent == false %}
20
+ <meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*">
21
+ {% else %}
22
+ <meta http-equiv="Content-Security-Policy" content="script-src 'self'">
23
+ {% endif %}
@@ -0,0 +1,25 @@
1
+ {% if site.lang != "" %}
2
+ <meta http-equiv="language" content="{{site.lang}}">
3
+ <meta property="og:locale" content="{{site.lang}}">
4
+ {% endif %}
5
+ {% if page.title == "" %}
6
+ <title>{{site.title}}</title>
7
+ <meta property="og:title" content="{{site.title}}">
8
+ <meta name="twitter:title" content="{{site.title}}">
9
+ {% else %}
10
+ <title>{{ page.title }} - {{ site.title }}</title>
11
+ <meta property="og:title" content="{{page.title}} - {{site.title}}">
12
+ <meta name="twitter:title" content="{{page.title}} - {{site.title}}">
13
+ {% endif %}
14
+ {% if page.description == "" %}
15
+ <meta name="description" content="{{site.description}}">
16
+ <meta property="og:description" content="{{site.description}}">
17
+ <meta property="twitter:description" content="{{site.description}}">
18
+ {% else %}
19
+ <meta name="description" content="{{page.description}}">
20
+ <meta property="og:description" content="{{page.description}}">
21
+ <meta property="twitter:description" content="{{page.description}}">
22
+ {% endif %}
23
+ {% if site.url != "" %}
24
+ <link rel="canonical" href="{{site.url}}{{page.url|replace:'index.html',''}}">
25
+ {% endif %}
@@ -1,34 +1,34 @@
1
- <div class="sidebar">
2
- <div>
3
- <nav class="nav">
4
- <a href="{{ '/' | relative_url }}"><h1 class="navLink" style="text-decoration: none !important;">{{ site.title }}</h1></a>
5
- <ul class="links">
6
- {% for item in site.navigation %}
7
- {% if item.url contains '://' %}
8
- {% assign url = item.url %}
9
- {% else %}
10
- {% assign url = item.url | relative_url %}
11
- {% endif %}
12
- <li> <a class="navLink" href="{{url}}">{{item.title}}</a> </li>
13
- {% endfor %}
14
- </ul>
15
- </nav>
16
- <div class="footer">
17
- <p class="copyright">
18
- &copy; {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
19
- <br />
20
- {% if site.webSource %}
21
- <a class="footerLink" href="{{site.webSource}}">Contribute to this site.</a><br />
22
- {% endif %}
23
- {% for item in site.footerLinks %}
24
- {% if item.url contains '://' %}
25
- {% assign url = item.url %}
26
- {% else %}
27
- {% assign url = item.url | relative_url %}
28
- {% endif %}
29
- <a href="{{url}}" class="footerLink">{{item.title}}</a>
30
- {% endfor %}
31
- </p>
32
- </div>
33
- </div>
1
+ <div class="sidebar">
2
+ <div>
3
+ <nav>
4
+ <a href="{{ '/' | relative_url }}"><h1>{{ site.title }}</h1></a>
5
+ <ul>
6
+ {% for item in site.navigation %}
7
+ {% if item.url contains '://' %}
8
+ {% assign url = item.url %}
9
+ {% else %}
10
+ {% assign url = item.url | relative_url %}
11
+ {% endif %}
12
+ <li> <a href="{{url}}">{{item.title}}</a> </li>
13
+ {% endfor %}
14
+ </ul>
15
+ </nav>
16
+ <div class="footer">
17
+ <p>
18
+ &copy; {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
19
+ <br />
20
+ {% if site.webSource %}
21
+ <a href="{{site.webSource}}">Contribute to this site.</a><br />
22
+ {% endif %}
23
+ {% for item in site.footerLinks %}
24
+ {% if item.url contains '://' %}
25
+ {% assign url = item.url %}
26
+ {% else %}
27
+ {% assign url = item.url | relative_url %}
28
+ {% endif %}
29
+ <a href="{{url}}">{{item.title}}</a>
30
+ {% endfor %}
31
+ </p>
32
+ </div>
33
+ </div>
34
34
  </div>
@@ -0,0 +1,30 @@
1
+ {% if site.plingverify != "" %}
2
+ <meta name="ocs-site-verification" content="{{ site.plingverify }}">
3
+ {% endif %}
4
+ {% if site.googleverify != "" %}
5
+ <meta name="google-site-verification" content="{{ site.googleverify }}">
6
+ {% endif %}
7
+ {% if site.bingverify != "" %}
8
+ <meta name="msvalidate.01" content="{{ site.bingverify }}">
9
+ {% endif %}
10
+ {% if site.pinverify != "" %}
11
+ <meta name="p:domain_verify" content="{{ site.pinverify }}">
12
+ {% endif %}
13
+ {% if site.dailyverify != "" %}
14
+ <meta name="dailymotion-domain-verification" content="{{ site.dailyverify }}">
15
+ {% endif %}
16
+ {% if site.yandexverify != "" %}
17
+ <meta name="yandex-verification" content="{{ site.yandexverify }}">
18
+ {% endif %}
19
+ {% if site.nortonverify != "" %}
20
+ <meta name="norton-safeweb-site-verification" content="{{ site.nortonverify }}">
21
+ {% endif %}
22
+ {% if site.alexaverify != "" %}
23
+ <meta name="alexaVerifyID" content="{{ site.alexaverify }}">
24
+ {% endif %}
25
+ {% if site.wotverify != "" %}
26
+ <meta name="wot-verification" content="{{ site.wotverify }}">
27
+ {% endif %}
28
+ {% if site.specificverify != "" %}
29
+ <meta name="specificfeeds-verification-code" content="{{ site.specificverify }}">
30
+ {% endif %}
@@ -1,19 +1,26 @@
1
- <!DOCTYPE HTML>
2
- <html lang="{{site.lang}}">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>{{ page.title }} - {{ site.title }}</title>
8
- <meta property="og:title" content="{{page.title}} - {{site.title}}" />
9
- <meta name="description" content="{{page.description}}" />
10
- <meta property="og:description" content="{{page.description}}" />
11
- <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}" />
12
- {% if site.favicon %}
13
- <link rel="shortcut icon" href="{{ site.favicon }}" />
14
- {% endif %}
15
- </head>
16
- <body>
17
- {{ content }}
18
- </body>
1
+ <!doctype html>{% if site.lang != "" %}
2
+ <html lang="{{site.lang}}">
3
+ {% else %}
4
+ <html>
5
+ {% endif %}
6
+ <head>
7
+ <meta charset="UTF-8">
8
+ {% include seo.html %}
9
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
+ <meta name="referrer" content="no-referrer, same-origin">
12
+ <link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">
13
+ {% if site.favicon != "" %}
14
+ <link rel="shortcut icon" href="{{ site.favicon }}">
15
+ <link rel="icon" href="{{site.favicon}}">
16
+ <link rel="apple-touch-icon" href="{{site.favicon}}">
17
+ {% endif %}
18
+ {% include verifications.html %}
19
+ {% include csp.html %}
20
+ {% include analytics.html %}
21
+ <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
22
+ </head>
23
+ <body>
24
+ {{ content }}
25
+ </body>
19
26
  </html>
@@ -1,9 +1,9 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% include site-sidebar.html %}
6
-
7
- <div class="container">
8
- {{ content }}
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include site-sidebar.html %}
6
+
7
+ <div class="container">
8
+ {{ content }}
9
9
  </div>
@@ -1,31 +1,31 @@
1
- // Main Colour
2
- $LIGHTbgColour: #fff;
3
- $DARKbgColour: #000;
4
- $accentColour: #f62c43;
5
-
6
- // Header Colours (also uses $accentColour)
7
- $headerTextColour: #000;
8
-
9
- // Navigation Colours
10
- $navColour: #000;
11
- $navHoverColour: #fff;
12
-
13
- // Text Colour
14
- $LIGHTtextColour: #000;
15
- $LIGHTlinkColour: #000;
16
- $LIGHTlinkHoverColour: #f62c43;
17
- $DARKtextColour: #fff;
18
- $DARKlinkColour: #fff;
19
- $DARKlinkHoverColour: #f62c43;
20
- $LIGHTnewsLinkColour: #f62c43;
21
- $DARKnewsLinkColour: #f62c43;
22
-
23
- // Typography & Misc.
24
- $font: 'Inter', sans-serif;
25
- $font-regular: 400;
26
- $font-bold: 700;
27
- $font-italic: italic;
28
- $breakColour: #fff;
29
-
30
- // Switch this to whatever font you need, local or remote
1
+ // Main Colour
2
+ $LIGHTbgColour: #fff;
3
+ $DARKbgColour: #000;
4
+ $accentColour: #f62c43;
5
+
6
+ // Header Colours (also uses $accentColour)
7
+ $headerTextColour: #000;
8
+
9
+ // Navigation Colours
10
+ $navColour: #000;
11
+ $navHoverColour: #fff;
12
+
13
+ // Text Colour
14
+ $LIGHTtextColour: #000;
15
+ $LIGHTlinkColour: #000;
16
+ $LIGHTlinkHoverColour: #f62c43;
17
+ $DARKtextColour: #fff;
18
+ $DARKlinkColour: #fff;
19
+ $DARKlinkHoverColour: #f62c43;
20
+ $LIGHTnewsLinkColour: #f62c43;
21
+ $DARKnewsLinkColour: #f62c43;
22
+
23
+ // Typography & Misc.
24
+ $font: 'Inter', sans-serif;
25
+ $font-regular: 400;
26
+ $font-bold: 700;
27
+ $font-italic: italic;
28
+ $breakColour: #fff;
29
+
30
+ // Switch this to whatever font you need, local or remote
31
31
  @import url('https://rsms.me/inter/inter.css');
@@ -1,104 +1,95 @@
1
- // Import configuration
2
- @charset "utf-8";
3
- @import "config";
4
-
5
- // Light and Dark Themes for Mobile
6
- @media (prefers-color-scheme: light) {
7
- html {
8
- background: $LIGHTbgColour;
9
- color: $LIGHTtextColour;
10
- }
11
- a {
12
- color: $LIGHTlinkColour;
13
- }
14
- a:hover {
15
- color: $LIGHTlinkHoverColour;
16
- }
17
- }
18
-
19
- @media screen and (max-height: 450px) {
20
-
21
- }
22
-
23
- html {
24
- background: $DARKbgColour;
25
- color: $DARKtextColour;
26
- }
27
- a {
28
- color: $DARKlinkColour;
29
- }
30
- a:hover {
31
- color: $DARKlinkHoverColour;
32
- }
33
-
34
- // Site Header (_includes/site-header.html)
35
- .sidebar {
36
- height: 100%;
37
- width: 240px;
38
- position: fixed;
39
- z-index: 1;
40
- top: 0;
41
- left: 0;
42
- overflow-x: hidden;
43
- padding: 20px 10px 10px 20px;
44
- background: $accentColour;
45
- color: $headerTextColour;
46
- display: flex;
47
- justify-content: center;
48
- align-items: center;
49
- }
50
-
51
- .links {
52
- list-style: none;
53
- }
54
-
55
- .navLink {
56
- padding: .25em 1em 1em .25em;
57
- text-decoration: none;
58
- color: $navColour;
59
- }
60
-
61
- .navLink:hover { color: $navHoverColour; }
62
-
63
- .sidebar h1 {
64
- font-weight: $font-bold;
65
- font-size: 1.25em;
66
- text-decoration: none;
67
- }
68
-
69
- .copyright {
70
- font-size: .75em;
71
- color: $navColour;
72
- }
73
-
74
- .footerLink {
75
- text-decoration: underline;
76
- color: $navColour;
77
- }
78
-
79
- .footerLink:hover { color: $navHoverColour; }
80
-
81
- .footer {
82
- justify-content: left;
83
- text-align: left;
84
- }
85
-
86
- // Typography and Misc.
87
-
88
- body {
89
- font-family: $font;
90
- font-weight: $font-regular;
91
- font-size: 1.125em;
92
- margin: -20px 0px 8px 0px;
93
- }
94
-
95
- .container {
96
- margin-left: 240px;
97
- padding: 1em 5em;
98
- max-width: 40em;
99
- display: block;
100
- }
101
-
102
- a { transition: color 500ms; text-decoration: none; }
103
- hr { color: $breakColour; }
104
- .bold { font-weight: $font-bold; }
1
+ // Import configuration
2
+ @charset "utf-8";
3
+ @import "config";
4
+
5
+ // Light and Dark Themes for Mobile
6
+ @media (prefers-color-scheme: light) {
7
+ html {
8
+ background: $LIGHTbgColour;
9
+ color: $LIGHTtextColour;
10
+ }
11
+ a { color: $LIGHTlinkColour; }
12
+ a:hover { color: $LIGHTlinkHoverColour; }
13
+ }
14
+
15
+ @media (prefers-color-scheme: dark) {
16
+ html {
17
+ background: $DARKbgColour;
18
+ color: $DARKtextColour;
19
+ }
20
+ a { color: $DARKlinkColour; }
21
+ a:hover { color: $DARKlinkHoverColour; }
22
+
23
+ }
24
+
25
+ // Site Header (_includes/site-header.html)
26
+
27
+ .sidebar {
28
+ height: 100%;
29
+ width: 35vw;
30
+ position: fixed;
31
+ z-index: 1;
32
+ top: 0;
33
+ left: 0;
34
+ overflow-x: hidden;
35
+ padding: 1vh 1vh 1vh 1vh;
36
+ background: $accentColour;
37
+ color: $headerTextColour;
38
+ display: flex;
39
+ justify-content: center;
40
+ align-items: center;
41
+ max-width: 270px;
42
+ a {
43
+ text-decoration: none !important;
44
+ color: $navColour;
45
+ }
46
+ a:hover { color: $navHoverColour !important; }
47
+ nav {
48
+ ul {
49
+ padding: 1vh 1vh 1vh 1vh;
50
+ list-style: none;
51
+ }
52
+ h1 {
53
+ font-weight: $font-bold;
54
+ font-size: 1.25em;
55
+ text-decoration: none !important;
56
+ }
57
+ }
58
+ }
59
+
60
+ .footer {
61
+ justify-content: left;
62
+ text-align: left;
63
+ p {
64
+ font-size: .75em;
65
+ color: $navColour;
66
+ }
67
+ }
68
+
69
+ // Typography and Misc.
70
+
71
+ body {
72
+ font-family: $font;
73
+ font-weight: $font-regular;
74
+ font-size: 1.125em;
75
+ margin: -20px 0px 8px 0px;
76
+ }
77
+
78
+ .container {
79
+ margin-left: 25vw;
80
+ padding: 1em 5em;
81
+ max-width: 65vw;
82
+ display: block;
83
+ }
84
+
85
+ a {
86
+ transition: color 250ms ease-in-out;
87
+ text-decoration: underline;
88
+ }
89
+
90
+ hr { color: $breakColour; }
91
+
92
+ ::selection {
93
+ background: $accentColour;
94
+ text-shadow: none;
95
+ }