jekyll-theme-hydejack 6.0.0.pre.alpha
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
}
|