hima 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +181 -0
  4. data/_config.yml +21 -0
  5. data/_includes/custom-head.html +3 -0
  6. data/_includes/footer.html +16 -0
  7. data/_includes/google-analytics.html +15 -0
  8. data/_includes/head.html +14 -0
  9. data/_includes/header.html +49 -0
  10. data/_includes/social-icons/github.svg +1 -0
  11. data/_includes/social-icons/instagram.svg +1 -0
  12. data/_includes/social-icons/linkedin.svg +1 -0
  13. data/_includes/social-icons/rss.svg +1 -0
  14. data/_includes/social-list.html +19 -0
  15. data/_layouts/default.html +16 -0
  16. data/_layouts/home.html +24 -0
  17. data/_layouts/page.html +13 -0
  18. data/_layouts/post.html +20 -0
  19. data/_sass/hima/colourschemes/_base.scss +26 -0
  20. data/_sass/hima/colourschemes/_gruvbox-colours.scss +47 -0
  21. data/_sass/hima/colourschemes/_gruvbox-dark-theme.scss +33 -0
  22. data/_sass/hima/colourschemes/_gruvbox-light-theme.scss +33 -0
  23. data/_sass/hima/colourschemes/_syntax/gruvbox-dark.css +87 -0
  24. data/_sass/hima/colourschemes/_syntax/gruvbox-light.css +87 -0
  25. data/_sass/hima/colourschemes/auto.scss +9 -0
  26. data/_sass/hima/colourschemes/dark.scss +2 -0
  27. data/_sass/hima/colourschemes/light.scss +2 -0
  28. data/_sass/hima/fonts.scss +20 -0
  29. data/_sass/hima/main.scss +387 -0
  30. data/assets/css/style.scss +5 -0
  31. data/assets/fonts/FiraCode.ttf +0 -0
  32. data/assets/fonts/OpenSans.ttf +0 -0
  33. data/assets/fonts/Oswald.ttf +0 -0
  34. data/assets/hima-social-icons.html +16 -0
  35. metadata +117 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 6820b243bd52ada2c8898052dddd51186546dec21bdf48871d97cdf9c12490cb
4
+ data.tar.gz: 8e2f73155b45b0a431735882cd27134c1bc14005b95e0bb773975523dc795e85
5
+ SHA512:
6
+ metadata.gz: ffeed49c0c23f7cf5bcae92a0fee32007ed5f8d21656c351d16e16cabe90852752544eaca4c146cfa773964461e731ce1ec635588c4d14529e0a2ce2540d31d2
7
+ data.tar.gz: dd5a82497d6028211ca76e892111b87f7a07d2fcef6f0140deb503624fe12994ce031ad5d6a5e184139082381dae74d9c0530acf2753003d892aa4e0363da121
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2022 Brandon Cardoso
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,181 @@
1
+ # hima
2
+
3
+ hima is a simple Jekyll theme with the goal of being accessible to everyone, and follows [The A11y Project's accessibility guidelines](https://www.a11yproject.com/checklist/).
4
+
5
+ ## Installation
6
+
7
+ Add this line to your Jekyll site's `Gemfile`:
8
+
9
+ ```ruby
10
+ gem "hima"
11
+ ```
12
+
13
+ And add this line to your Jekyll site's `_config.yml`:
14
+
15
+ ```yaml
16
+ theme: hima
17
+ ```
18
+
19
+ And then execute:
20
+
21
+ $ bundle
22
+
23
+ Or install it yourself as:
24
+
25
+ $ gem install hima
26
+
27
+ ## Content
28
+
29
+ ### Layouts
30
+
31
+ Refers to files within the `_layouts` directory, that define the markup for your theme.
32
+
33
+ - `default.html` — The base layout that lays the foundation for subsequent layouts. The derived layouts inject their contents into this file at the line that says ` {{ content }} ` and are linked to this file via [FrontMatter](https://jekyllrb.com/docs/frontmatter/) declaration `layout: default`.
34
+ - `home.html` — The layout for your landing-page / home-page / index-page. [[More Info.](#home-layout)]
35
+ - `page.html` — The layout for your documents that contain FrontMatter, but are not posts.
36
+ - `post.html` — The layout for your posts.
37
+
38
+ #### Home Layout
39
+
40
+ `home.html` is a flexible HTML layout for the site's landing-page / home-page / index-page. It will inject the content before the **Posts** heading. The posts list will only appear if you have at least one valid post, or draft with `show_drafts` enabled on your site.
41
+
42
+ ### Includes
43
+
44
+ - `head.html` &mdash; Code-block that defines the `<head></head>` in *default* layout.
45
+ - `custom-head.html` &mdash; Placeholder to allow users to add more metadata to `<head />`.
46
+ - `header.html` &mdash; Defines the site's main header section. By default, pages with a defined `title` attribute will have links displayed here. See [Navigation Links](#navigation-links) to customize.
47
+ - `google-analytics.html` &mdash; Inserts Google Analytics module (active only in production environment).
48
+ - `footer.html` &mdash; Defines the site's footer section.
49
+ - `social-list.html` &mdash; Defines how social media links are listed in the footer.
50
+ - `social-icons/*.svg` &mdash; SVG markup components of supported social-icons.
51
+
52
+ ### Sass
53
+
54
+ Refers to `.scss` files within the `_sass` directory that define the theme's styles.
55
+
56
+ - `hima/colourschemes/auto.scss` &mdash; An adaptive colourscheme that switches between light and dark mode depending on your site visitors' preference. *Used by default.*
57
+ - `minima/initialize.scss` &mdash; A component that defines the theme's *skin-agnostic* variable defaults and sass partials.
58
+ It imports the following components (in the following order):
59
+ - `hima/custom-variables.scss` &mdash; A hook that allows overriding variable defaults and mixins. (*Note: Cannot override styles*)
60
+ - `hima/main.scss` &mdash; Style rules for the theme.
61
+ - `hima/custom-styles.scss` &mdash; A hook that allows overriding styles defined above. (*Note: Cannot override variables*)
62
+
63
+ Refer to the [Colour Schemes](#colour-schemes) section for more details.
64
+
65
+ ### Assets
66
+
67
+ Refers to various asset files within the `assets` directory.
68
+
69
+ - `assets/css/style.scss` &mdash; Imports sass files from within the `_sass` directory and gets processed into the theme's stylesheet: `assets/css/styles.css`.
70
+ - `assets/hima-social-icons.html` &mdash; Imports enabled social-media icon graphics and gets processed into a composite SVG file.
71
+
72
+ Refer to the [Social Networks](#social-networks) section for more details.
73
+
74
+ ### Plugins
75
+
76
+ Hima comes with [`jekyll-seo-tag`](https://github.com/jekyll/jekyll-seo-tag) plugin preinstalled to make sure your website gets the most useful meta tags. See [usage](https://github.com/jekyll/jekyll-seo-tag#usage) for how to set it up.
77
+
78
+ ## Usage
79
+
80
+ Add the following line to your `_config.yml` file:
81
+
82
+ ```yaml
83
+ theme: hima
84
+ ```
85
+
86
+ ### Customizing
87
+
88
+ To override the default structure and style of hima, simply create a copy a copy of the files/layouts/includes you wish the modify in the same directory structure on your site's root.
89
+ e.g., to override the [`_includes/head.html `](_includes/head.html) file to specify a custom style path, create an `_includes` directory, copy `_includes/head.html` from the hima gem folder to `<yoursite>/_includes` and start editing that file.
90
+
91
+ You can override any Sass variables and mixins by redefining them in `_sass/hima/custom-variables.scss`. Custom CSS rules can be added in `_sass/hima/custom-styles.scss`.
92
+
93
+ ### Colour Schemes
94
+
95
+ To switch to another colour scheme, simply declare it in your site's `_config.yml` file. For example, to use the dark colour scheme, you would add the following:
96
+
97
+ ```yaml
98
+ hima:
99
+ colourscheme: dark
100
+ ```
101
+
102
+ #### Available Colour Schemes
103
+
104
+ Name | Description
105
+ --------------- | -----------
106
+ auto | *Adaptive colour scheme* using the light and dark colour schemes.
107
+ dark | Dark colour scheme based on gruvbox.
108
+ light | Light colour scheme based on gruvbox.
109
+
110
+ *:bulb: Adaptive colourscheme switchs between the "light" and "dark" variants based on the user's operating system or browser setting via CSS Media Query [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).*
111
+
112
+ ### Navigation Links
113
+
114
+ You can set which pages you want to appear in the navigation area and configure their order.
115
+ For instance, to only shows links to your `about` and `contact` pages, add the following to your `_config.yml`:
116
+
117
+ ```yaml
118
+ header_pages:
119
+ - about.md
120
+ - contact.md
121
+ ```
122
+ ### Extending the `<head>` Tag
123
+
124
+ You can add custom metadata to the `<head>` tag of your pages by creating `_includes/custom-head.html`.
125
+
126
+ ### Author Metadata
127
+
128
+ Inside your `_config.yml` file, add informatin about your site's author.
129
+
130
+ ```yaml
131
+ author:
132
+ name: John Smith
133
+ email: "john.smith@foobar.com"
134
+ ```
135
+
136
+ ### Social Networks
137
+
138
+ You can add links to the accounts you have on other sites, with respective icon as an SVG graphic, via the config file. The link data is sourced from the config key `hima.social`. It is a list of key-value pairs, each entry
139
+ corresponding to a link and rendered in the footer.
140
+
141
+ For example, to render links to Jekyll's GitHub repository and twitter account, you would add:
142
+
143
+ ```yaml
144
+ hima:
145
+ social:
146
+ - { platform: github, url: "https://github.com/jekyll/jekyll", label: "Jekyll's github repo" }
147
+ - { platform: twitter, url: "https://twitter.com/jekyllrb" }
148
+ ```
149
+ The `platform` key corresponds to the SVG file name in `/_includes/social-icons/`. You can include the optional `label` value which will be used for the link's aria-label (defaults to `platform`).
150
+
151
+ hima includes icons for the following platforms:
152
+
153
+ - `github`
154
+ - `instagram`
155
+ - `linkedin`
156
+
157
+ To render a link to a platform not listed above, your should first create an SVG file like`_includes/social-icons/<PLATFORM>.svg`). Then add an entry under `hima.social` in your config file. The social links are rendered in the order they appear in your config file.
158
+
159
+ ### Enabling Google Analytics
160
+
161
+ To enable Google Analytics, add the following line to your `_config.yml`:
162
+
163
+ ```yaml
164
+ google_analytics_measurement_id: <YOUR MEASUREMENT ID>
165
+ ```
166
+
167
+ Google Analytics will only appear in production, i.e., `JEKYLL_ENV=production`
168
+
169
+ ## Contributing
170
+
171
+ Bug reports and pull requests are welcome on GitHub at https://github.com/brandoncardoso/hima. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
172
+
173
+ ## Development
174
+
175
+ To set up your environment to develop this theme, run `bundle install`.
176
+
177
+ To test locally, run `./scripts/serve` to start a local Jekyll server, and open `http://localhost:4000` in your browser. As you make modifications, it will automatically regenerate and you should see the changes in your browser.
178
+
179
+ ## License
180
+
181
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
data/_config.yml ADDED
@@ -0,0 +1,21 @@
1
+ title: Your awesome title
2
+ author:
3
+ name: Your name
4
+ email: youremail@domain.com
5
+
6
+ header_pages:
7
+ - users.md
8
+ - about.md
9
+
10
+ hima:
11
+ colourscheme: 'auto'
12
+ social:
13
+ - { platform: github, url: 'https://www.github.com' }
14
+ - { platform: linkedin, url: 'https://www.linkedin.com' }
15
+ - { platform: instagram, url: 'https://www.instagram.com' }
16
+
17
+ # build settings
18
+ theme: hima
19
+
20
+ plugins:
21
+ - jekyll-seo-tag
data/_includes/custom-head.html ADDED
@@ -0,0 +1,3 @@
1
+ {% comment %}
2
+ Placeholder to allow custom head content
3
+ {% endcomment %}
data/_includes/footer.html ADDED
@@ -0,0 +1,16 @@
1
+ <footer class="footer">
2
+ <div class="footer__container">
3
+ {%- include social-list.html -%}
4
+
5
+ <div class="footer__author">
6
+ <div class="footer__name">
7
+ {{ site.author.name }}
8
+ </div>
9
+ <div class="footer__email">
10
+ <a href="{{ "mailto:" | append: site.author.email }}">
11
+ {{ site.author.email }}
12
+ </a>
13
+ </div>
14
+ </div>
15
+ </div>
16
+ </footer>
data/_includes/google-analytics.html ADDED
@@ -0,0 +1,15 @@
1
+ <!-- Google tag (gtag.js) -->
2
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_measurement_id }}"></script>
3
+ <script>
4
+ window['ga-disable-{{ site.google_analytics_measurement_id }}'] =
5
+ window.doNotTrack === "1" ||
6
+ navigator.doNotTrack === "1" ||
7
+ navigator.doNotTrack === "yes" ||
8
+ navigator.msDoNotTrack === "1";
9
+
10
+ window.dataLayer = window.dataLayer || [];
11
+ function gtag(){dataLayer.push(arguments);}
12
+ gtag('js', new Date());
13
+
14
+ gtag('config', '{{ site.google_analytics_measurement_id }}');
15
+ </script>
data/_includes/head.html ADDED
@@ -0,0 +1,14 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+ {%- seo -%}
6
+
7
+ <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
8
+
9
+ {%- include custom-head.html -%}
10
+
11
+ {%- if jekyll.environment == 'production' and site.google_analytics_measurement_id -%}
12
+ {%- include google-analytics.html -%}
13
+ {%- endif -%}
14
+ </head>
data/_includes/header.html ADDED
@@ -0,0 +1,49 @@
1
+ {%- assign default_paths = site.pages | map: "path" -%}
2
+ {%- assign page_paths = site.header_pages | default: default_paths -%}
3
+ {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
4
+
5
+ <header class="header">
6
+ <div class="header__container">
7
+ <div class="header__title">
8
+ {%- if page.layout == 'home' -%}
9
+ <h1><a href="/">{{ site.title }}</a></h1>
10
+ {%- else -%}
11
+ <a href="/">{{ site.title }}</a>
12
+ {%- endif -%}
13
+ </div>
14
+
15
+ {%- if titles_size > 0 -%}
16
+ <nav class="header__nav">
17
+ <input class="header__nav-toggle" id="nav-toggle" type="checkbox" />
18
+ <label for="nav-toggle" aria-label="show/hide the navigation menu">
19
+ <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"/></svg>
20
+ </label>
21
+
22
+ <ul class="header__links">
23
+ {%- for path in page_paths -%}
24
+ {%- assign page = site.pages | where: "path", path | first -%}
25
+ {%- if page.title -%}
26
+ <li class="header__link">
27
+ <a href="{{ page.url | relative_url }}" aria-label="{{ page.title }}">{{ page.title | escape }}</a>
28
+ </li>
29
+ {%- endif -%}
30
+ {%- endfor -%}
31
+ </ul>
32
+ </nav>
33
+ {%- endif -%}
34
+ </div>
35
+ </header>
36
+
37
+ <script>
38
+ const header = document.querySelector('.header')
39
+ const container = header.querySelector('.header__container')
40
+ const trigger = header.offsetHeight - container.offsetTop
41
+
42
+ window.addEventListener("scroll", (event) => {
43
+ if (window.scrollY > trigger) {
44
+ header.classList.add('header--pinned')
45
+ } else {
46
+ header.classList.remove('header--pinned')
47
+ }
48
+ })
49
+ </script>
data/_includes/social-icons/github.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.883 18.653c-.3-.2-.558-.455-.86-.816a50.32 50.32 0 0 1-.466-.579c-.463-.575-.755-.84-1.057-.949a1 1 0 0 1 .676-1.883c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.587.196 1.15.14.023-.382.094-.753.202-1.095C5.38 15.31 3.7 13.396 3.7 9.64c0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.123 1.937.17 3.415 1.096A11.731 11.731 0 0 1 12 3.315c.912 0 1.818.104 2.684.308 1.477-.933 2.613-1.226 3.422-1.096.085.013.157.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.297.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.879.19 1.38a300.492 300.492 0 0 1-.012 2.716 1 1 0 0 1-.019 1.958c-1.139.228-1.983-.532-1.983-1.525l.002-.446.005-.705c.005-.708.007-1.338.007-1.998 0-.697-.183-1.152-.425-1.36-.661-.57-.326-1.655.54-1.752 2.967-.333 4.337-1.482 4.337-4.66 0-.955-.312-1.744-.913-2.404a1 1 0 0 1-.19-1.045c.166-.414.237-.957.096-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135A9.626 9.626 0 0 0 12 5.315c-.89 0-1.772.119-2.592.35a1 1 0 0 1-.83-.134c-.752-.507-1.374-.807-1.868-.947-.144.653-.073 1.194.092 1.607a1 1 0 0 1-.189 1.045C6.016 7.89 5.7 8.694 5.7 9.64c0 3.172 1.371 4.328 4.322 4.66.865.097 1.201 1.177.544 1.748-.192.168-.429.732-.429 1.364v3.15c0 .986-.835 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.662-.088-2.254-.485z"/></svg>
data/_includes/social-icons/instagram.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm6.5-.25a1.25 1.25 0 0 1-2.5 0 1.25 1.25 0 0 1 2.5 0zM12 4c-2.474 0-2.878.007-4.029.058-.784.037-1.31.142-1.798.332-.434.168-.747.369-1.08.703a2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.006 9.075 4 9.461 4 12c0 2.474.007 2.878.058 4.029.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.474 0 2.878-.007 4.029-.058.782-.037 1.309-.142 1.797-.331.433-.169.748-.37 1.08-.702.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.052-1.104.058-1.49.058-4.029 0-2.474-.007-2.878-.058-4.029-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.925 4.006 14.539 4 12 4zm0-2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2z"/></svg>
data/_includes/social-icons/linkedin.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 9.55C12.917 8.613 14.111 8 15.5 8a5.5 5.5 0 0 1 5.5 5.5V21h-2v-7.5a3.5 3.5 0 0 0-7 0V21h-2V8.5h2v1.05zM5 6.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm-1 2h2V21H4V8.5z"/></svg>
data/_includes/social-icons/rss.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 17a4 4 0 0 1 4 4H3v-4zm0-7c6.075 0 11 4.925 11 11h-2a9 9 0 0 0-9-9v-2zm0-7c9.941 0 18 8.059 18 18h-2c0-8.837-7.163-16-16-16V3z"/></svg>
data/_includes/social-list.html ADDED
@@ -0,0 +1,19 @@
1
+ <ul class="social-list">
2
+ <li class="social-list__link">
3
+ <a rel="me" href="{{ 'feed.xml' | relative_url }}" aria-label="rss feed">
4
+ <svg aria-hidden="true">
5
+ <use xlink:href="{{ '/assets/hima-social-icons.svg#rss' | relative_url }}"></use>
6
+ </svg>
7
+ </a>
8
+ </li>
9
+
10
+ {%- for entry in site.hima.social -%}
11
+ <li class="social-list__link">
12
+ <a rel="me" href="{{ entry.url }}" target="_blank" aria-label="{{ entry.label | default: entry.platform }}">
13
+ <svg aria-hidden="true">
14
+ <use xlink:href="{{ '/assets/hima-social-icons.svg#' | append: entry.platform | relative_url }}"></use>
15
+ </svg>
16
+ </a>
17
+ </li>
18
+ {%- endfor -%}
19
+ </ul>
data/_layouts/default.html ADDED
@@ -0,0 +1,16 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.language | default: site.language | default: 'en' }}">
3
+ {%- include head.html -%}
4
+
5
+ <body>
6
+ {%- include header.html -%}
7
+
8
+ <main class="content">
9
+ <div class="content__container">
10
+ {{ content }}
11
+ </div>
12
+ </main>
13
+
14
+ {%- include footer.html -%}
15
+ </body>
16
+ </html>
data/_layouts/home.html ADDED
@@ -0,0 +1,24 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="home__content">
5
+ {{ content }}
6
+ </div>
7
+
8
+ {%- if site.posts.size > 0 -%}
9
+ <h2 id="post-list-title" class="post-list-title">Posts</h2>
10
+ <section aria-labelledby="post-list-title">
11
+ <ol class="post-list">
12
+ {%- for post in site.posts -%}
13
+ <li class="post-list__post">
14
+ {%- assign date_format = site.hima.date_format | default: "%b %-d, %Y" -%}
15
+ <span class="post-list__date">{{ post.date | date: date_format }}</span>
16
+ <h3 class="post-list__title">
17
+ <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
18
+ </h3>
19
+ <div class="post-list__excerpt">{{ post.excerpt }}</div>
20
+ </li>
21
+ {%- endfor -%}
22
+ </ul>
23
+ </section>
24
+ {%- endif -%}
data/_layouts/page.html ADDED
@@ -0,0 +1,13 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="post">
6
+ <div class="post__header">
7
+ <h1 id="post-title" class="post__title">{{ page.title | escape }}</h1>
8
+ </div>
9
+
10
+ <section aria-labelledby="post-title" class="post__content">
11
+ {{ content }}
12
+ </section>
13
+ </div>
data/_layouts/post.html ADDED
@@ -0,0 +1,20 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="post">
6
+ <div class="post__header">
7
+ <h1 class="post__title">{{ page.title | escape }}</h1>
8
+ {%- assign date_format = site.hima.date_format | default: "%b %-d, %Y" -%}
9
+ {%- if page.author -%}
10
+ <span class="post__author">by {{ page.author | join: ", " }} </span>
11
+ {%- endif -%}
12
+ {%- if page.date -%}
13
+ <span class="post__date">on {{ page.date | date: date_format }}</span>
14
+ {%- endif -%}
15
+ </div>
16
+
17
+ <div class="post__content">
18
+ {{ content }}
19
+ </div>
20
+ </div>
data/_sass/hima/colourschemes/_base.scss ADDED
@@ -0,0 +1,26 @@
1
+ $foreground: var(--hima-foreground);
2
+ $background: var(--hima-background);
3
+
4
+ $link-colour: var(--hima-link-colour);
5
+
6
+ $header-pinned-background: var(--hima-header-pinned-background);
7
+ $header-pinned-boxshadow: var(--hima-header-pinned-boxshadow);
8
+
9
+ $nav-pinned-border: var(--hima-nav-pinned-border);
10
+ $nav-menu-icon-fill: var(--hima-nav-menu-icon-fill);
11
+ $social-icon-fill: var(--hima-social-icon-fill);
12
+
13
+ $post-meta-colour: var(--hima-post-meta-colour);
14
+
15
+ $quote-background: var(--hima-quote-background);
16
+ $quote-border: var(--hima-quote-border);
17
+
18
+ $codeblock-border: var(--hima-codeblock-border);
19
+ $codeblock-border-accent: var(--hima-codeblock-border-accent);
20
+ $code-border: var(--hima-code-border);
21
+ $inline-code-background: var(--hima-inline-code-background);
22
+
23
+ $table-background: var(--hima-table-background);
24
+ $table-header-background: var(--hima-table-header-background);
25
+ $table-header-bottom-border: var(--hima-table-header-bottom-border);
26
+ $table-row-border: var(--hima-table-row-border);
data/_sass/hima/colourschemes/_gruvbox-colours.scss ADDED
@@ -0,0 +1,47 @@
1
+ $black0h: #1d2021;
2
+ $black0s: #32302f;
3
+ $black0: #282828;
4
+ $black1: #3c3836;
5
+ $black2: #504945;
6
+ $black3: #665c54;
7
+ $black4: #7c6f64;
8
+
9
+ $white0h: #f9f5d7;
10
+ $white0s: #f2e5bc;
11
+ $white0: #fbf1c7;
12
+ $white1: #ebdbb2;
13
+ $white2: #d5c4a1;
14
+ $white3: #bdae93;
15
+ $white4: #a89984;
16
+
17
+ $gray: #928374;
18
+ $gray-light: #a89984;
19
+ $gray-dark: #7c6f64;
20
+
21
+ $red: #cc241d;
22
+ $red-light: #fb4934;
23
+ $red-dark: #9d0006;
24
+
25
+ $green: #98971a;
26
+ $green-light: #b8bb26;
27
+ $green-dark: #79740e;
28
+
29
+ $yellow: #d79921;
30
+ $yellow-light: #fabd2f;
31
+ $yellow-dark: #b57614;
32
+
33
+ $blue: #458558;
34
+ $blue-light: #83a598;
35
+ $blue-dark: #076678;
36
+
37
+ $purple: #b16286;
38
+ $purple-light: #d3869b;
39
+ $purple-dark: #8f3f71;
40
+
41
+ $aqua: #689d6a;
42
+ $aqua-light: #8ec07c;
43
+ $aqua-dark: #427b58;
44
+
45
+ $orange: #d65d0e;
46
+ $orange-lighter: #fe8019;
47
+ $orange-dark: #af3a03;
data/_sass/hima/colourschemes/_gruvbox-dark-theme.scss ADDED
@@ -0,0 +1,33 @@
1
+ @import './_syntax/gruvbox-dark';
2
+ @import './_gruvbox-colours';
3
+
4
+ $white: #faf6e8;
5
+
6
+ :root {
7
+ --hima-foreground: #{$white0h};
8
+ --hima-background: #{$black0};
9
+
10
+ --hima-link-colour: #{$blue-light};
11
+
12
+ --hima-header-pinned-background: #{$black0h};
13
+ --hima-header-pinned-boxshadow: black;
14
+
15
+ --hima-nav-pinned-border: #{$black1};
16
+ --hima-nav-menu-icon-fill: #{$white0h};
17
+ --hima-social-icon-fill: #{$white0h};
18
+
19
+ --hima-post-meta-colour: #{$white0s};
20
+
21
+ --hima-quote-background: #{$black0h};
22
+ --hima-quote-border: #{$yellow};
23
+
24
+ --hima-codeblock-border: #{$black3};
25
+ --hima-codeblock-border-accent: #{$aqua};
26
+ --hima-code-border: #{$aqua};
27
+ --hima-inline-code-background: #{$black0h};
28
+
29
+ --hima-table-background: #{$black1};
30
+ --hima-table-header-background: #{$black0h};
31
+ --hima-table-header-bottom-border: #{$black0};
32
+ --hima-table-row-border: #{$black0};
33
+ }
data/_sass/hima/colourschemes/_gruvbox-light-theme.scss ADDED
@@ -0,0 +1,33 @@
1
+ @import './_syntax/gruvbox-light';
2
+ @import './_gruvbox-colours';
3
+
4
+ $white: #faf6e8;
5
+
6
+ :root {
7
+ --hima-foreground: #{$black0h};
8
+ --hima-background: #{$white0h};
9
+
10
+ --hima-link-colour: #{$blue-dark};
11
+
12
+ --hima-header-pinned-background: #{$white};
13
+ --hima-header-pinned-boxshadow: #{$gray};
14
+
15
+ --hima-nav-pinned-border: #{$white1};
16
+ --hima-nav-menu-icon-fill: #{$black0h};
17
+ --hima-social-icon-fill: #{$black0h};
18
+
19
+ --hima-post-meta-colour: #{$black2};
20
+
21
+ --hima-quote-background: #{$white};
22
+ --hima-quote-border: #{$yellow-light};
23
+
24
+ --hima-codeblock-border: #{$white2};
25
+ --hima-codeblock-border-accent: #{$aqua-light};
26
+ --hima-code-border: #{$aqua-light};
27
+ --hima-inline-code-background: #{$white0};
28
+
29
+ --hima-table-background: #{$white};
30
+ --hima-table-header-background: #{$white0};
31
+ --hima-table-header-bottom-border: #{$white1};
32
+ --hima-table-row-border: #{$white1};
33
+ }