jekyll-theme-hydejack 6.0.0.pre.alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.md +45 -0
- data/README.md +87 -0
- data/_includes/about-short.html +8 -0
- data/_includes/about.html +15 -0
- data/_includes/comments.html +11 -0
- data/_includes/copyright-header +15 -0
- data/_includes/footer.html +14 -0
- data/_includes/head.html +87 -0
- data/_includes/link.html +5 -0
- data/_includes/menu.html +6 -0
- data/_includes/message.html +9 -0
- data/_includes/nav.html +16 -0
- data/_includes/page-style.html +19 -0
- data/_includes/pagination.html +19 -0
- data/_includes/post-list-item.html +10 -0
- data/_includes/post.html +35 -0
- data/_includes/pro/project-card.html +17 -0
- data/_includes/pro/styles/projects.scss +4 -0
- data/_includes/pro/styles/resume.scss +4 -0
- data/_includes/related.html +42 -0
- data/_includes/scripts.html +36 -0
- data/_includes/scripts/cssrelpreload.min.js +2 -0
- data/_includes/scripts/load-disqus.js +42 -0
- data/_includes/scripts/load-disqus.min.js +1 -0
- data/_includes/scripts/load-js-deferred.js +49 -0
- data/_includes/scripts/load-js-deferred.min.js +1 -0
- data/_includes/scripts/loadCSS.min.js +2 -0
- data/_includes/sidebar.html +22 -0
- data/_includes/social-list-item.html +22 -0
- data/_includes/social.html +6 -0
- data/_includes/srcset-img.html +23 -0
- data/_includes/styles/inline.scss +51 -0
- data/_includes/styles/style.scss +71 -0
- data/_includes/tag-list.html +26 -0
- data/_layouts/about.html +27 -0
- data/_layouts/base.html +54 -0
- data/_layouts/blog.html +10 -0
- data/_layouts/compress.html +26 -0
- data/_layouts/default.html +25 -0
- data/_layouts/list.html +32 -0
- data/_layouts/not-found.html +8 -0
- data/_layouts/page.html +10 -0
- data/_layouts/post.html +9 -0
- data/_sass/_jekyll-github.scss +67 -0
- data/_sass/_mixins.scss +35 -0
- data/_sass/_spinner.scss +87 -0
- data/_sass/_variables.scss +43 -0
- data/_sass/hydejack/_base-inline.scss +128 -0
- data/_sass/hydejack/_base.scss +132 -0
- data/_sass/hydejack/_content-inline.scss +26 -0
- data/_sass/hydejack/_drawer-inline.scss +19 -0
- data/_sass/hydejack/_drawer.scss +19 -0
- data/_sass/hydejack/_footer-inline.scss +14 -0
- data/_sass/hydejack/_katex.scss +28 -0
- data/_sass/hydejack/_me-inline.scss +22 -0
- data/_sass/hydejack/_menu-inline.scss +35 -0
- data/_sass/hydejack/_menu.scss +35 -0
- data/_sass/hydejack/_sidebar-inline.scss +121 -0
- data/_sass/hydejack/_sidebar.scss +121 -0
- data/_sass/hydejack/_social-inline.scss +27 -0
- data/_sass/hydejack/_social.scss +27 -0
- data/_sass/hydejack/_toc.scss +6 -0
- data/_sass/pooleparty/_base-inline.scss +59 -0
- data/_sass/pooleparty/_base.scss +59 -0
- data/_sass/pooleparty/_code.scss +86 -0
- data/_sass/pooleparty/_footer-inline.scss +3 -0
- data/_sass/pooleparty/_footnotes.scss +33 -0
- data/_sass/pooleparty/_layout-inline.scss +11 -0
- data/_sass/pooleparty/_message-inline.scss +13 -0
- data/_sass/pooleparty/_pagination.scss +62 -0
- data/_sass/pooleparty/_posts-inline.scss +26 -0
- data/_sass/pooleparty/_related-inline.scss +19 -0
- data/_sass/pooleparty/_table.scss +22 -0
- data/_sass/pooleparty/_type-inline.scss +97 -0
- data/_sass/pooleparty/_type.scss +93 -0
- data/assets/css/hydejack.css +4 -0
- data/assets/icomoon/Read Me.txt +7 -0
- data/assets/icomoon/demo-files/demo.css +152 -0
- data/assets/icomoon/demo-files/demo.js +30 -0
- data/assets/icomoon/demo.html +1190 -0
- data/assets/icomoon/fonts/icomoon.eot +0 -0
- data/assets/icomoon/fonts/icomoon.svg +82 -0
- data/assets/icomoon/fonts/icomoon.ttf +0 -0
- data/assets/icomoon/fonts/icomoon.woff +0 -0
- data/assets/icomoon/selection.json +2047 -0
- data/assets/icomoon/style.css +243 -0
- data/assets/img/nap.jpg +0 -0
- data/assets/img/projects/hyde-v1.png +0 -0
- data/assets/img/projects/hyde-v1@0,25x.png +0 -0
- data/assets/img/projects/hyde-v1@0,5x.png +0 -0
- data/assets/img/projects/hyde-v2.png +0 -0
- data/assets/img/projects/hyde-v2@0,25x.png +0 -0
- data/assets/img/projects/hyde-v2@0,5x.png +0 -0
- data/assets/img/projects/hydejack-v3.jpg +0 -0
- data/assets/img/projects/hydejack-v3@0,25x.jpg +0 -0
- data/assets/img/projects/hydejack-v3@0,5x.jpg +0 -0
- data/assets/img/projects/hydejack-v4.jpg +0 -0
- data/assets/img/projects/hydejack-v4@0,25x.jpg +0 -0
- data/assets/img/projects/hydejack-v4@0,5x.jpg +0 -0
- data/assets/img/projects/hydejack-v5.jpg +0 -0
- data/assets/img/projects/hydejack-v5@0,25x.jpg +0 -0
- data/assets/img/projects/hydejack-v5@0,5x.jpg +0 -0
- data/assets/img/projects/hydejack-v6.jpg +0 -0
- data/assets/img/projects/hydejack-v6@0,25x.jpg +0 -0
- data/assets/img/projects/hydejack-v6@0,5x.jpg +0 -0
- data/assets/js/hydejack.js +26 -0
- data/assets/resume.json +3 -0
- data/assets/version.json +5 -0
- metadata +237 -0
data/_layouts/base.html
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign color = site.color | default:'#A85641' %}
|
|
6
|
+
{% assign image = site.image | default:'/assets/img/nap.jpg' %}
|
|
7
|
+
|
|
8
|
+
{% if page.categories.size > 0 %}
|
|
9
|
+
{% assign category_name = page.categories.first %}
|
|
10
|
+
{% assign category = site.featured_categories | where: "slug", category_name | first %}
|
|
11
|
+
{% if category.color %}{% assign color = category.color %}{% endif %}
|
|
12
|
+
{% if category.image %}{% assign image = category.image %}{% endif %}
|
|
13
|
+
{% elsif page.tags.size > 0 %}
|
|
14
|
+
{% assign tag_name = page.tags.first %}
|
|
15
|
+
{% assign tag = site.featured_tags | where: "slug", tag_name | first %}
|
|
16
|
+
{% if tag.color %}{% assign color = tag.color %}{% endif %}
|
|
17
|
+
{% if tag.image %}{% assign image = tag.image %}{% endif %}
|
|
18
|
+
{% endif %}
|
|
19
|
+
|
|
20
|
+
{% if page.color %}{% assign color = page.color %}{% endif %}
|
|
21
|
+
{% if page.image %}{% assign image = page.image %}{% endif %}
|
|
22
|
+
|
|
23
|
+
<head>
|
|
24
|
+
{% include head.html %}
|
|
25
|
+
</head>
|
|
26
|
+
|
|
27
|
+
<body>
|
|
28
|
+
{% include menu.html %}
|
|
29
|
+
|
|
30
|
+
<div id="_yPushState">
|
|
31
|
+
<main id="_main" class="content container" role="main" data-color="{{ color | escape }}" data-image="{{ image | escape }}">
|
|
32
|
+
|
|
33
|
+
{% if page.layout == 'welcome' or page.layout == 'projects' or page.layout == 'project' or page.layout == 'resume' %}
|
|
34
|
+
<style>.warning{position:absolute;top:0;left:0;right:0;padding:1rem;font-size:smaller;} @media(max-width:800px){.warning{margin-left:2rem;}}</style>
|
|
35
|
+
{% capture warning %}
|
|
36
|
+
**NOTE**: The `{{ page.layout }}` layout is not part of the free version of Hydejack.
|
|
37
|
+
{:.warning.faded}
|
|
38
|
+
{% endcapture %}
|
|
39
|
+
{{ warning | markdownify }}
|
|
40
|
+
{% endif %}
|
|
41
|
+
|
|
42
|
+
{{ content }}
|
|
43
|
+
|
|
44
|
+
{% if site.disqus_shortname and page.comments %}
|
|
45
|
+
{% include comments.html %}
|
|
46
|
+
{% endif %}
|
|
47
|
+
|
|
48
|
+
{% include footer.html %}
|
|
49
|
+
</main>
|
|
50
|
+
{% include sidebar.html %}
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
{% include scripts.html %}
|
|
54
|
+
</body>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
# Jekyll layout that compresses HTML
|
|
3
|
+
# v3.0.2
|
|
4
|
+
# http://jch.penibelst.de/
|
|
5
|
+
# © 2014–2015 Anatol Broder
|
|
6
|
+
# MIT License
|
|
7
|
+
---
|
|
8
|
+
<!DOCTYPE html>
|
|
9
|
+
<html lang="en"><!--
|
|
10
|
+
__ __ __ __
|
|
11
|
+
/\ \/\ \ /\ \ __ /\ \
|
|
12
|
+
\ \ \_\ \ __ __ \_\ \ __ /\_\ __ ___ \ \ \/'\
|
|
13
|
+
\ \ _ \ /\ \/\ \ /'_` \ /'__`\ \/\ \ /'__`\ /'___\\ \ , <
|
|
14
|
+
\ \ \ \ \\ \ \_\ \ /\ \L\ \ /\ __/ \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
|
|
15
|
+
\ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
|
|
16
|
+
\/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/ \/_/\/_/
|
|
17
|
+
/\___/ \ \____/
|
|
18
|
+
\/__/ \/___/
|
|
19
|
+
|
|
20
|
+
Copyright (c) 2017 Florian Klampfer.
|
|
21
|
+
Licensed under MIT.
|
|
22
|
+
Design: Hydejack by @qwtel. Get it at: https://qwtel.com/hydejack
|
|
23
|
+
Version: 6.0.0-alpha
|
|
24
|
+
-->{% capture _LINE_FEED %}
|
|
25
|
+
{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
|
|
26
|
+
</html>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: base
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<article class="page" role="article">
|
|
6
|
+
<h1 class="page-title">{{ page.title }}</h1>
|
|
7
|
+
|
|
8
|
+
{% capture warning %}
|
|
9
|
+
Looks like you are using the `default` layout, which is not recommened.
|
|
10
|
+
Use `page` or `post` instead.
|
|
11
|
+
See the Hydejack documentation for more information on available layouts.
|
|
12
|
+
{% endcapture %}
|
|
13
|
+
|
|
14
|
+
{% include message.html text=warning %}
|
|
15
|
+
|
|
16
|
+
{{ content }}
|
|
17
|
+
|
|
18
|
+
<h2>Posts</h2>
|
|
19
|
+
<hr/>
|
|
20
|
+
<ul class="related-posts">
|
|
21
|
+
{% for post in site.posts %}
|
|
22
|
+
{% include post-list-item.html post=post format="%m/%d/%y" %}
|
|
23
|
+
{% endfor %}
|
|
24
|
+
</ul>
|
|
25
|
+
</article>
|
data/_layouts/list.html
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: base
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign category = site.featured_categories | where: "slug", page.slug | first %}
|
|
6
|
+
{% if category %}
|
|
7
|
+
{% assign posts = site.categories[page.slug] %}
|
|
8
|
+
{% else %}
|
|
9
|
+
{% assign tag = site.featured_tags | where: "slug", page.slug | first %}
|
|
10
|
+
{% if tag %}
|
|
11
|
+
{% assign posts = site.tags[page.slug] %}
|
|
12
|
+
{% else %}
|
|
13
|
+
{% assign posts = site.posts %}
|
|
14
|
+
{% endif %}
|
|
15
|
+
{% endif %}
|
|
16
|
+
|
|
17
|
+
{% if page.title != null %}
|
|
18
|
+
<h1 class="page-title">{{ page.title }}</h1>
|
|
19
|
+
{% include message.html text=page.description %}
|
|
20
|
+
{% endif %}
|
|
21
|
+
|
|
22
|
+
{% for post in posts %}
|
|
23
|
+
{% assign currentdate = post.date | date: "%Y" %}
|
|
24
|
+
{% if currentdate != date %}
|
|
25
|
+
{% unless forloop.first %}</ul><hr/>{% endunless %}
|
|
26
|
+
<h2 id="y{{post.date | date: "%Y"}}">{{ currentdate }}</h2>
|
|
27
|
+
<ul class="related-posts">
|
|
28
|
+
{% assign date = currentdate %}
|
|
29
|
+
{% endif %}
|
|
30
|
+
{% include post-list-item.html post=post format="%m/%d" %}
|
|
31
|
+
{% if forloop.last %}</ul>{% endif %}
|
|
32
|
+
{% endfor %}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: base
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="page">
|
|
6
|
+
<h1 class="page-title">{{ page.title | default: "404: Page Not Found" }}</h1>
|
|
7
|
+
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ '/' | relative_url }}">Head back home</a> to try finding it again.</p>
|
|
8
|
+
</div>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* GitHub style for Pygments syntax highlighter, for use with Jekyll
|
|
3
|
+
* Courtesy of GitHub.com
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.highlight .c { color: #999988; font-style: italic; }
|
|
7
|
+
.highlight .err { color: #a61717; background-color: #e3d2d2; }
|
|
8
|
+
.highlight .k { font-weight: bold; }
|
|
9
|
+
.highlight .o { font-weight: bold; }
|
|
10
|
+
.highlight .cm { color: #999988; font-style: italic; }
|
|
11
|
+
.highlight .cp { color: #999999; font-weight: bold; }
|
|
12
|
+
.highlight .c1 { color: #999988; font-style: italic; }
|
|
13
|
+
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
|
|
14
|
+
.highlight .gd { color: #000000; background-color: #ffdddd; }
|
|
15
|
+
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
|
|
16
|
+
.highlight .ge { font-style: italic; }
|
|
17
|
+
.highlight .gr { color: #aa0000; }
|
|
18
|
+
.highlight .gh { color: #999999; }
|
|
19
|
+
.highlight .gi { color: #000000; background-color: #ddffdd; }
|
|
20
|
+
.highlight .gi .x { color: #000000; background-color: #aaffaa; }
|
|
21
|
+
.highlight .go { color: #888888; }
|
|
22
|
+
.highlight .gp { color: #555555; }
|
|
23
|
+
.highlight .gs { font-weight: bold; }
|
|
24
|
+
.highlight .gu { color: #800080; font-weight: bold; }
|
|
25
|
+
.highlight .gt { color: #aa0000; }
|
|
26
|
+
.highlight .kc { font-weight: bold; }
|
|
27
|
+
.highlight .kd { font-weight: bold; }
|
|
28
|
+
.highlight .kn { font-weight: bold; }
|
|
29
|
+
.highlight .kp { font-weight: bold; }
|
|
30
|
+
.highlight .kr { font-weight: bold; }
|
|
31
|
+
.highlight .kt { color: #445588; font-weight: bold; }
|
|
32
|
+
.highlight .m { color: #009999; }
|
|
33
|
+
.highlight .s { color: #dd1144; }
|
|
34
|
+
.highlight .n { color: #333333; }
|
|
35
|
+
.highlight .na { color: teal; }
|
|
36
|
+
.highlight .nb { color: #0086b3; }
|
|
37
|
+
.highlight .nc { color: #445588; font-weight: bold; }
|
|
38
|
+
.highlight .no { color: teal; }
|
|
39
|
+
.highlight .ni { color: purple; }
|
|
40
|
+
.highlight .ne { color: #990000; font-weight: bold; }
|
|
41
|
+
.highlight .nf { color: #990000; font-weight: bold; }
|
|
42
|
+
.highlight .nn { color: #555555; }
|
|
43
|
+
.highlight .nt { color: navy; }
|
|
44
|
+
.highlight .nv { color: teal; }
|
|
45
|
+
.highlight .ow { font-weight: bold; }
|
|
46
|
+
.highlight .w { color: #bbbbbb; }
|
|
47
|
+
.highlight .mf { color: #009999; }
|
|
48
|
+
.highlight .mh { color: #009999; }
|
|
49
|
+
.highlight .mi { color: #009999; }
|
|
50
|
+
.highlight .mo { color: #009999; }
|
|
51
|
+
.highlight .sb { color: #dd1144; }
|
|
52
|
+
.highlight .sc { color: #dd1144; }
|
|
53
|
+
.highlight .sd { color: #dd1144; }
|
|
54
|
+
.highlight .s2 { color: #dd1144; }
|
|
55
|
+
.highlight .se { color: #dd1144; }
|
|
56
|
+
.highlight .sh { color: #dd1144; }
|
|
57
|
+
.highlight .si { color: #dd1144; }
|
|
58
|
+
.highlight .sx { color: #dd1144; }
|
|
59
|
+
.highlight .sr { color: #009926; }
|
|
60
|
+
.highlight .s1 { color: #dd1144; }
|
|
61
|
+
.highlight .ss { color: #990073; }
|
|
62
|
+
.highlight .bp { color: #999999; }
|
|
63
|
+
.highlight .vc { color: teal; }
|
|
64
|
+
.highlight .vg { color: teal; }
|
|
65
|
+
.highlight .vi { color: teal; }
|
|
66
|
+
.highlight .il { color: #009999; }
|
|
67
|
+
.highlight .gc { color: #999; background-color: #EAF2F5; }
|
data/_sass/_mixins.scss
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@mixin figure() {
|
|
2
|
+
margin-left: -1rem;
|
|
3
|
+
margin-right: -1rem;
|
|
4
|
+
padding: 1rem;
|
|
5
|
+
background-color: #f9f9f9;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@mixin aspect-ratio($width, $height) {
|
|
9
|
+
position: relative;
|
|
10
|
+
|
|
11
|
+
&::before {
|
|
12
|
+
display: block;
|
|
13
|
+
content: "";
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding-top: ($height / $width) * 100%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
> * {
|
|
19
|
+
position: absolute;
|
|
20
|
+
top: 0;
|
|
21
|
+
left: 0;
|
|
22
|
+
right: 0;
|
|
23
|
+
bottom: 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@mixin clearfix() {
|
|
28
|
+
content: "";
|
|
29
|
+
display: table;
|
|
30
|
+
clear: both;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.clearfix {
|
|
34
|
+
@include clearfix();
|
|
35
|
+
}
|
data/_sass/_spinner.scss
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
.sk-folding-cube {
|
|
2
|
+
margin: 20px auto;
|
|
3
|
+
width: 40px;
|
|
4
|
+
height: 40px;
|
|
5
|
+
position: relative;
|
|
6
|
+
-webkit-transform: rotateZ(45deg);
|
|
7
|
+
transform: rotateZ(45deg);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.sk-folding-cube .sk-cube {
|
|
11
|
+
float: left;
|
|
12
|
+
width: 50%;
|
|
13
|
+
height: 50%;
|
|
14
|
+
position: relative;
|
|
15
|
+
-webkit-transform: scale(1.1);
|
|
16
|
+
-ms-transform: scale(1.1);
|
|
17
|
+
transform: scale(1.1);
|
|
18
|
+
}
|
|
19
|
+
.sk-folding-cube .sk-cube:before {
|
|
20
|
+
content: '';
|
|
21
|
+
position: absolute;
|
|
22
|
+
top: 0;
|
|
23
|
+
left: 0;
|
|
24
|
+
width: 100%;
|
|
25
|
+
height: 100%;
|
|
26
|
+
background-color: #9a9a9a;
|
|
27
|
+
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
|
|
28
|
+
animation: sk-foldCubeAngle 2.4s infinite linear both;
|
|
29
|
+
-webkit-transform-origin: 100% 100%;
|
|
30
|
+
-ms-transform-origin: 100% 100%;
|
|
31
|
+
transform-origin: 100% 100%;
|
|
32
|
+
}
|
|
33
|
+
.sk-folding-cube .sk-cube2 {
|
|
34
|
+
-webkit-transform: scale(1.1) rotateZ(90deg);
|
|
35
|
+
transform: scale(1.1) rotateZ(90deg);
|
|
36
|
+
}
|
|
37
|
+
.sk-folding-cube .sk-cube3 {
|
|
38
|
+
-webkit-transform: scale(1.1) rotateZ(180deg);
|
|
39
|
+
transform: scale(1.1) rotateZ(180deg);
|
|
40
|
+
}
|
|
41
|
+
.sk-folding-cube .sk-cube4 {
|
|
42
|
+
-webkit-transform: scale(1.1) rotateZ(270deg);
|
|
43
|
+
transform: scale(1.1) rotateZ(270deg);
|
|
44
|
+
}
|
|
45
|
+
.sk-folding-cube .sk-cube2:before {
|
|
46
|
+
-webkit-animation-delay: 0.3s;
|
|
47
|
+
animation-delay: 0.3s;
|
|
48
|
+
}
|
|
49
|
+
.sk-folding-cube .sk-cube3:before {
|
|
50
|
+
-webkit-animation-delay: 0.6s;
|
|
51
|
+
animation-delay: 0.6s;
|
|
52
|
+
}
|
|
53
|
+
.sk-folding-cube .sk-cube4:before {
|
|
54
|
+
-webkit-animation-delay: 0.9s;
|
|
55
|
+
animation-delay: 0.9s;
|
|
56
|
+
}
|
|
57
|
+
@-webkit-keyframes sk-foldCubeAngle {
|
|
58
|
+
0%, 10% {
|
|
59
|
+
-webkit-transform: perspective(140px) rotateX(-180deg);
|
|
60
|
+
transform: perspective(140px) rotateX(-180deg);
|
|
61
|
+
opacity: 0;
|
|
62
|
+
} 25%, 75% {
|
|
63
|
+
-webkit-transform: perspective(140px) rotateX(0deg);
|
|
64
|
+
transform: perspective(140px) rotateX(0deg);
|
|
65
|
+
opacity: 1;
|
|
66
|
+
} 90%, 100% {
|
|
67
|
+
-webkit-transform: perspective(140px) rotateY(180deg);
|
|
68
|
+
transform: perspective(140px) rotateY(180deg);
|
|
69
|
+
opacity: 0;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@keyframes sk-foldCubeAngle {
|
|
74
|
+
0%, 10% {
|
|
75
|
+
-webkit-transform: perspective(140px) rotateX(-180deg);
|
|
76
|
+
transform: perspective(140px) rotateX(-180deg);
|
|
77
|
+
opacity: 0;
|
|
78
|
+
} 25%, 75% {
|
|
79
|
+
-webkit-transform: perspective(140px) rotateX(0deg);
|
|
80
|
+
transform: perspective(140px) rotateX(0deg);
|
|
81
|
+
opacity: 1;
|
|
82
|
+
} 90%, 100% {
|
|
83
|
+
-webkit-transform: perspective(140px) rotateY(180deg);
|
|
84
|
+
transform: perspective(140px) rotateY(180deg);
|
|
85
|
+
opacity: 0;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
$gray-1: #f9f9f9;
|
|
2
|
+
$gray-2: #ccc;
|
|
3
|
+
$gray-3: #767676;
|
|
4
|
+
$gray-4: #515151;
|
|
5
|
+
$gray-5: #313131;
|
|
6
|
+
|
|
7
|
+
$red: #ac4142;
|
|
8
|
+
$orange: #d28445;
|
|
9
|
+
$yellow: #f4bf75;
|
|
10
|
+
$green: #90a959;
|
|
11
|
+
$cyan: #75b5aa;
|
|
12
|
+
$blue: #268bd2;
|
|
13
|
+
// $blue: #6a9fb5;
|
|
14
|
+
$brown: #8f5536;
|
|
15
|
+
|
|
16
|
+
$root-font-size: 16px;
|
|
17
|
+
$root-line-height: 1.75;
|
|
18
|
+
|
|
19
|
+
$body-color: #464646;
|
|
20
|
+
$body-bg: #fff;
|
|
21
|
+
$link-color: $blue;
|
|
22
|
+
|
|
23
|
+
$border-color: #e5e5e5;
|
|
24
|
+
|
|
25
|
+
$large-breakpoint: 38em;
|
|
26
|
+
$large-font-size: 20px;
|
|
27
|
+
|
|
28
|
+
$code-font-family: Menlo, Monaco, "Courier New", monospace;
|
|
29
|
+
$code-color: inherit;
|
|
30
|
+
|
|
31
|
+
$scrollbar-width: 18px;
|
|
32
|
+
|
|
33
|
+
$break-point-1: 800px + 1px;
|
|
34
|
+
$break-point-2: 1024px + 1px;
|
|
35
|
+
$break-point-3: 1440px + 1px;
|
|
36
|
+
|
|
37
|
+
$break-point-font-1: 608px;
|
|
38
|
+
$break-point-font-2: 1152px;
|
|
39
|
+
|
|
40
|
+
$break-point-content-max: 82em; // content max width reached
|
|
41
|
+
$break-point-dynamic: 1656px; // left-right margin equal
|
|
42
|
+
|
|
43
|
+
$dynamic-width: calc(50% - 28rem);
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Global resets
|
|
3
|
+
*
|
|
4
|
+
* Update the foundational and global aspects of the page.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
body, main {
|
|
8
|
+
/* Prevent side-scrolling on mobile */
|
|
9
|
+
position: relative;
|
|
10
|
+
overflow-x: hidden;
|
|
11
|
+
|
|
12
|
+
// -webkit-text-size-adjust: 100%;
|
|
13
|
+
// -ms-text-size-adjust: 100%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@media screen {
|
|
17
|
+
main {
|
|
18
|
+
min-height: 100vh;
|
|
19
|
+
border-left: 0.5rem solid #ddd;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.shadow-main {
|
|
24
|
+
position: fixed;
|
|
25
|
+
// top: 0;
|
|
26
|
+
// left: 0.5rem;
|
|
27
|
+
// opacity: 0;
|
|
28
|
+
// will-change: opacity;
|
|
29
|
+
// width: calc(100% - 0.5rem);
|
|
30
|
+
// z-index: 2;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.loading {
|
|
35
|
+
display: none;
|
|
36
|
+
// position: fixed;
|
|
37
|
+
// top: 1rem;
|
|
38
|
+
// right: 0;
|
|
39
|
+
// transform-origin: top left;
|
|
40
|
+
// transform: scale(0.33);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media screen and (min-width: $break-point-font-1) {
|
|
44
|
+
html {
|
|
45
|
+
font-size: 18px;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@media screen and (min-width: $break-point-1) {
|
|
50
|
+
html {
|
|
51
|
+
font-size: 16px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
main {
|
|
55
|
+
border-left: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// .shadow-main {
|
|
59
|
+
// left: 0;
|
|
60
|
+
// width: 100%;
|
|
61
|
+
// }
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@media screen and (min-width: $break-point-font-2) {
|
|
65
|
+
html {
|
|
66
|
+
font-size: 18px;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// @media print {
|
|
71
|
+
// html {
|
|
72
|
+
// font-size: 16px;
|
|
73
|
+
// }
|
|
74
|
+
// }
|
|
75
|
+
|
|
76
|
+
.sr-only {
|
|
77
|
+
// will be properly styled in the non-essential part
|
|
78
|
+
display: none;
|
|
79
|
+
// display: unset;
|
|
80
|
+
// position: absolute;
|
|
81
|
+
// width: 1px;
|
|
82
|
+
// height: 1px;
|
|
83
|
+
// padding: 0;
|
|
84
|
+
// margin: -1px;
|
|
85
|
+
// overflow: hidden;
|
|
86
|
+
// clip: rect(0,0,0,0);
|
|
87
|
+
// border: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.sixteen-nine {
|
|
91
|
+
@include aspect-ratio(16, 9);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
// .faded {
|
|
95
|
+
// color: #9a9a9a;
|
|
96
|
+
// }
|
|
97
|
+
|
|
98
|
+
a, .a {
|
|
99
|
+
position: relative;
|
|
100
|
+
padding-bottom: 0.15rem;
|
|
101
|
+
border-bottom: 3px solid transparent;
|
|
102
|
+
|
|
103
|
+
// &:hover, &:focus {
|
|
104
|
+
// text-decoration: none;
|
|
105
|
+
// border-bottom: 3px solid;
|
|
106
|
+
// }
|
|
107
|
+
|
|
108
|
+
// &.no-hover {
|
|
109
|
+
// border-bottom: none;
|
|
110
|
+
// padding-bottom: none;
|
|
111
|
+
// }
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.img {
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
background-color: #f9f9f9;
|
|
117
|
+
// background-position: center;
|
|
118
|
+
// background-repeat: no-repeat;
|
|
119
|
+
// background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+');
|
|
120
|
+
|
|
121
|
+
> img {
|
|
122
|
+
margin: 0;
|
|
123
|
+
width: 100%;
|
|
124
|
+
height: 100%;
|
|
125
|
+
// object-fit: cover;
|
|
126
|
+
// object-position: center;
|
|
127
|
+
}
|
|
128
|
+
}
|