summoner-jekyll-theme 0.1.1 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/alltags.html +11 -0
  3. data/_includes/date.html +7 -0
  4. data/_includes/head.html +5 -0
  5. data/_includes/listings.html +51 -0
  6. data/_includes/pagination.html +15 -0
  7. data/_includes/tags.html +19 -0
  8. data/_layouts/404.html +11 -0
  9. data/_layouts/archive.html +16 -0
  10. data/_layouts/blog.html +9 -0
  11. data/_layouts/default.html +2 -0
  12. data/_layouts/index.html +9 -0
  13. data/_layouts/page.html +10 -1
  14. data/_layouts/post.html +17 -1
  15. data/_sass/components/_date.scss +3 -0
  16. data/_sass/components/_listing.scss +3 -0
  17. data/_sass/components/_motif.scss +6 -0
  18. data/_sass/components/_nav.scss +29 -0
  19. data/_sass/components/_paginator.scss +5 -0
  20. data/_sass/components/_spacing.scss +8 -0
  21. data/_sass/components/_tag.scss +2 -0
  22. data/_sass/components/nav/_img.scss +4 -0
  23. data/_sass/components/nav/_link.scss +12 -0
  24. data/_sass/components/paginator/_link.scss +17 -0
  25. data/_sass/components/paginator/_span.scss +11 -0
  26. data/_sass/components/post/_code.scss +3 -0
  27. data/_sass/components/post/_paragraph.scss +3 -0
  28. data/_sass/config/_fonts.scss +26 -0
  29. data/_sass/config/_reset.scss +98 -0
  30. data/_sass/config/_variables.scss +51 -0
  31. data/_sass/layouts/_404.scss +17 -0
  32. data/_sass/layouts/_content.scss +12 -0
  33. data/_sass/layouts/_landing.scss +6 -0
  34. data/_sass/mixins/_highlight.scss +99 -0
  35. data/_sass/mixins/_media.scss +5 -0
  36. data/_sass/summoner.scss +28 -0
  37. data/assets/fonts/FiraCode-Regular.ttf +0 -0
  38. data/assets/fonts/SyneMono-Regular.ttf +0 -0
  39. data/assets/fonts/iAWriterDuoS-Regular.ttf +0 -0
  40. data/assets/img/back.svg +4 -0
  41. data/assets/img/belphegor.png +0 -0
  42. data/assets/img/check.svg +4 -0
  43. data/assets/img/copy.svg +4 -0
  44. data/assets/img/home.svg +4 -0
  45. data/assets/img/menu.svg +4 -0
  46. data/assets/img/pixie.png +0 -0
  47. data/assets/img/rss.svg +4 -0
  48. data/assets/js/copy.js +28 -0
  49. data/assets/style.scss +6 -0
  50. metadata +48 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ff0c0d8bbc9f87ef98b8c7b4eb6f943fb391e958bba91260c1665ef37274afa4
4
- data.tar.gz: f4eb9ffb503835febdb40adfa01c893845a22fc433340ebfd13c703ef2ae0730
3
+ metadata.gz: 412f3e32ea300d4bbe7ab8a2d2de7786a689a34e646385a5f139afa10157b3a1
4
+ data.tar.gz: c3485785bb55472f9081ba21854a298b6a5c6d6769767c8c03a82eec65cfe79a
5
5
  SHA512:
6
- metadata.gz: 35decf79572aa0b2f1d9044a84686710e3e1b52467612813df2355952eb3c8a46fe2018ef4925c2c6319b211402ead447df4e7c6c3e3d9159bfbf4f2a51b516f
7
- data.tar.gz: 94f207cf08e1915f2e7cfa3bddc0fe1ee9504b8bfcbf716d19448a03e91013ee5e305cfa3e3032182199e4cf51d566c2fc7b0f75ea36140aa2330e728e41b172
6
+ metadata.gz: 99197a8dabb7605f0e8be8c170fbb4c9add9b4baab43d4f2b473cea5a36ed33f578e90ccf2bc93165f3ede3508cf0613292c8ddb32882c14abda4683fba294d6
7
+ data.tar.gz: 4b8221999e647250e8d3f4f613e3c26e77582dd196b3ca8f34369f2368cc34e7da5481d1ebef6a6a82b979e41f05ec928a88b5ead58fc5f362f053f6f0cc44bc
@@ -0,0 +1,11 @@
1
+ {% if site.tags %}
2
+ {% assign tags = site.tags | sort %}
3
+
4
+ <ul>
5
+ {% for tag in tags %}
6
+ <li><a href="/archive/tag/{{tag | first}}">{{tag | first}}</a></li>
7
+ {% endfor %}
8
+ </ul>
9
+ {% else %}
10
+ <p>No topics found.</p>
11
+ {% endif %}
@@ -0,0 +1,7 @@
1
+ <date>
2
+ {% if post.date %}
3
+ {{post.date | date: "%B %d, %Y"}}
4
+ {% else %}
5
+ {{page.date | date: "%B %d, %Y"}}
6
+ {% endif %}
7
+ </date>
@@ -0,0 +1,5 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <link rel="stylesheet" href="/assets/style.css">
4
+ <title>{{ site.title }}</title>
5
+ </head>
@@ -0,0 +1,51 @@
1
+ {% assign archive = page.url | split: "/" | last %}
2
+
3
+ {% if archive == "blog" or archive == "index.html" %}
4
+ {% if paginator.posts %}
5
+ {% for post in paginator.posts %}
6
+ <div class="listing">
7
+ <h3><a href="{{post.url}}">{{post.title}}</a></h3>
8
+ {% include tags.html %}
9
+ {% include date.html %}
10
+ <!-- <p>{{post.excerpt | markdownify | truncatewords: 30}}</p> -->
11
+ </div>
12
+ {% endfor %}
13
+
14
+ {% include pagination.html %}
15
+ {% else %}
16
+ {% for post in site.posts %}
17
+ <div class="listing">
18
+ <h3><a href="{{post.url}}">{{post.title}}</a></h3>
19
+ {% include tags.html %}
20
+ {% include date.html %}
21
+ </div>
22
+ {% endfor %}
23
+ {% endif %}
24
+ {% else %}
25
+ <h4>for {{archive}}</h4>
26
+
27
+ {% if paginator.posts %}
28
+ {% for post in paginator.posts %}
29
+ {% if post.tags contains archive %}
30
+ <div class="listing">
31
+ <h3><a href="{{post.url}}">{{post.title}}</a></h3>
32
+ {% include tags.html %}
33
+ {% include date.html %}
34
+ <!-- <p>{{post.excerpt | markdownify | truncatewords: 30}}</p> -->
35
+ </div>
36
+ {% endif %}
37
+ {% endfor %}
38
+
39
+ {% include pagination.html %}
40
+ {% else %}
41
+ {% for post in site.posts %}
42
+ {% if post.tags contains archive %}
43
+ <div class="listing">
44
+ <h3><a href="{{post.url}}">{{post.title}}</a></h3>
45
+ {% include tags.html %}
46
+ {% include date.html %}
47
+ </div>
48
+ {% endif %}
49
+ {% endfor %}
50
+ {% endif %}
51
+ {% endif %}
@@ -0,0 +1,15 @@
1
+ <div class="paginator">
2
+ {% if paginator.previous_page %}
3
+ <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}">newer</a>
4
+ {% else %}
5
+ <span><del>newer</del></span>
6
+ {% endif %}
7
+
8
+ <span>{{ paginator.page }}/{{ paginator.total_pages }}</span>
9
+
10
+ {% if paginator.next_page %}
11
+ <a href="{{ site.baseurl }}{{ paginator.next_page_path }}">older</a>
12
+ {% else %}
13
+ <span><del>older</del></span>
14
+ {% endif %}
15
+ </div>
@@ -0,0 +1,19 @@
1
+ <tag>
2
+ {% if post.tags %}
3
+ {% for tag in post.tags %}
4
+ {% if tag == post.tags.last %}
5
+ <a href="/archive/tag/{{tag}}">{{tag}}</a>
6
+ {% else %}
7
+ <a href="/archive/tag/{{tag}}">{{tag}}</a>,
8
+ {% endif %}
9
+ {% endfor %}
10
+ {% else %}
11
+ {% for tag in page.tags %}
12
+ {% if tag == page.tags.last %}
13
+ <a href="/archive/tag/{{tag}}">{{tag}}</a>
14
+ {% else %}
15
+ <a href="/archive/tag/{{tag}}">{{tag}}</a>,
16
+ {% endif %}
17
+ {% endfor %}
18
+ {% endif %}
19
+ </tag>
data/_layouts/404.html ADDED
@@ -0,0 +1,11 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="content missing">
6
+ <img src="/assets/img/belphegor.png" alt="belphegor">
7
+ <h1>404</h1>
8
+ <h3>What are you still here for?</h3>
9
+ </div>
10
+
11
+ <div class="nav"><a href="/">home</a></div>
@@ -0,0 +1,16 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="content">
6
+ <div class="nav" style="margin-bottom: var(--space-i);">
7
+ <a href="javascript:history.back()">back</a>
8
+ <a href="/">home</a>
9
+ <a href="/blog/feed">rss</a>
10
+ </div>
11
+
12
+ <h1>archive</h1>
13
+ <p>View posts regarding a specific topic.</p>
14
+
15
+ {% include alltags.html %}
16
+ </div>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: page
3
+ pagination:
4
+ enabled: true
5
+ ---
6
+
7
+ <h1>listings</h1>
8
+
9
+ {% include listings.html %}
@@ -2,4 +2,6 @@
2
2
 
3
3
  {% include head.html %}
4
4
 
5
+ <meta content="width=device-width, initial-scale=1" name="viewport" />
6
+
5
7
  {{ content }}
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="landing">
6
+ <img src="/assets/img/pixie.png" class="motif">
7
+ </div>
8
+
9
+ {{ content }}
data/_layouts/page.html CHANGED
@@ -2,4 +2,13 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <div class="content">
6
+ <div class="nav" style="margin-bottom: var(--space-i);">
7
+ <a href="javascript:history.back()">back</a>
8
+ <a href="/">home</a>
9
+ <a href="/blog/feed">rss</a>
10
+ </div>
11
+
12
+ {{ content }}
13
+ </div>
14
+
data/_layouts/post.html CHANGED
@@ -2,4 +2,20 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <div class="content">
6
+ <div class="nav">
7
+ <a href="javascript:history.back()">back</a>
8
+ <a href="/">home</a>
9
+ <a href="/blog/feed">rss</a>
10
+ </div>
11
+
12
+ <h1>{{ page.title }}</h1>
13
+ {% include tags.html %}
14
+ {% include date.html %}
15
+
16
+ {{ content }}
17
+
18
+ <div class="spacing"></div>
19
+ </div>
20
+
21
+ <script src="/assets/js/copy.js"></script>
@@ -0,0 +1,3 @@
1
+ date {
2
+ float: right;
3
+ }
@@ -0,0 +1,3 @@
1
+ .listing {
2
+ margin-top: var(--space-m);
3
+ }
@@ -0,0 +1,6 @@
1
+ .motif {
2
+ width: 150px;
3
+ height: 200px;
4
+ position: relative;
5
+ left: 25px;
6
+ }
@@ -0,0 +1,29 @@
1
+ .nav {
2
+ display: block;
3
+
4
+ flex-direction: row;
5
+ justify-content: center;
6
+ margin-top: var(--space-i);
7
+ text-align: center;
8
+ font-size: var(--font-size-xxl);
9
+
10
+ a {
11
+ display: block;
12
+ }
13
+
14
+ @include media(breakpoint) {
15
+ display: flex;
16
+ font-size: var(--font-size-m);
17
+ }
18
+ }
19
+
20
+ .content .nav {
21
+ display: none;
22
+
23
+ justify-content: space-between;
24
+ margin-bottom: var(--space-i);
25
+
26
+ @include media(breakpoint) {
27
+ display: flex;
28
+ }
29
+ }
@@ -0,0 +1,5 @@
1
+ .paginator {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ margin-top: var(--space-m);
5
+ }
@@ -0,0 +1,8 @@
1
+ .spacing {
2
+ min-height: var(--space-s);
3
+ width: 100%;
4
+
5
+ @include media(breakpoint) {
6
+ min-height: var(--space-xxxxl);
7
+ }
8
+ }
@@ -0,0 +1,2 @@
1
+ tag {
2
+ }
@@ -0,0 +1,4 @@
1
+ .nav img {
2
+ height: var(--space-m);
3
+ width: var(--space-m);
4
+ }
@@ -0,0 +1,12 @@
1
+ .nav a {
2
+ text-decoration: none;
3
+ color: var(--color-black);
4
+ margin: 0 1.2rem;
5
+ font-family: var(--font-family-syne);
6
+
7
+ &:hover,
8
+ &:focus,
9
+ &:active {
10
+ text-decoration: underline;
11
+ }
12
+ }
@@ -0,0 +1,17 @@
1
+ .paginator a {
2
+ text-decoration: none;
3
+ color: var(--color-black);
4
+ margin: 0 1.2rem;
5
+ font-family: var(--font-family-syne);
6
+ font-size: var(--font-size-xxl);
7
+
8
+ @include media(breakpoint) {
9
+ font-size: var(--font-size-m);
10
+ }
11
+
12
+ &:hover,
13
+ &:focus,
14
+ &:active {
15
+ text-decoration: underline;
16
+ }
17
+ }
@@ -0,0 +1,11 @@
1
+ .paginator span {
2
+ text-decoration: none;
3
+ color: var(--color-text-muted);
4
+ margin: 0 1.2rem;
5
+ font-family: var(--font-family-syne);
6
+ font-size: var(--font-size-xxl);
7
+
8
+ @include media(breakpoint) {
9
+ font-size: var(--font-size-m);
10
+ }
11
+ }
@@ -0,0 +1,3 @@
1
+ .content .highlight {
2
+ margin: var(--space-b) 0px;
3
+ }
@@ -0,0 +1,3 @@
1
+ .content p {
2
+ margin: var(--space-b) 0px;
3
+ }
@@ -0,0 +1,26 @@
1
+ @font-face {
2
+ font-family: 'iA Writer Duo S';
3
+ font-style: normal;
4
+ font-weight: normal;
5
+ src:
6
+ local('iA Writer Duo S'),
7
+ url('/assets/fonts/iAWriterDuoS-Regular.ttf') format('truetype');
8
+ }
9
+
10
+ @font-face {
11
+ font-family: 'Syne Mono';
12
+ font-style: normal;
13
+ font-weight: normal;
14
+ src:
15
+ local('Syne Mono'),
16
+ url('/assets/fonts/SyneMono-Regular.ttf') format('truetype');
17
+ }
18
+
19
+ @font-face {
20
+ font-family: 'Fira Code';
21
+ font-style: normal;
22
+ font-weight: normal;
23
+ src:
24
+ local('Fira Code'),
25
+ url('/assets/fonts/FiraCode-Regular.ttf') format('truetype');
26
+ }
@@ -0,0 +1,98 @@
1
+ *,
2
+ *::before,
3
+ *::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ * {
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+
12
+ html {
13
+ overflow-y: scroll;
14
+ height: 100%;
15
+ }
16
+
17
+ body {
18
+ display: flex;
19
+ flex-direction: column;
20
+ min-height: 100%;
21
+
22
+ background-color: var(--color-background);
23
+ color: var(--color-text-body);
24
+ line-height: var(--line-height-body);
25
+ font-family: var(--font-family-serif);
26
+ }
27
+
28
+ img,
29
+ picture,
30
+ svg {
31
+ display: block;
32
+ max-width: 100%;
33
+ }
34
+
35
+ input,
36
+ button,
37
+ textarea,
38
+ select {
39
+ font: inherit;
40
+ }
41
+
42
+ h1,
43
+ h2,
44
+ h3,
45
+ h4,
46
+ h5,
47
+ h6 {
48
+ color: var(--color-text-header);
49
+ line-height: var(--line-height-headers);
50
+ // font-family: 'Bacasime Antique';
51
+ // font-family: 'Zen Antique Soft';
52
+ font-family: var(--font-family-syne);
53
+ }
54
+
55
+ h1 {
56
+ font-size: var(--font-size-xxxl);
57
+ }
58
+
59
+ h2 {
60
+ font-size: var(--font-size-xxl);
61
+ }
62
+
63
+ h3 {
64
+ font-size: var(--font-size-xl);
65
+ }
66
+
67
+ h4 {
68
+ font-size: var(--font-size-l);
69
+ color: var(--color-primary);
70
+ }
71
+
72
+ a {
73
+ //color: var(--color-primary);
74
+ color: var(--color-black);
75
+ text-decoration: none;
76
+ transition: text-decoration 200ms;
77
+
78
+ &:hover,
79
+ &:focus,
80
+ &:active {
81
+ //color: var(--color-primary-rotate);
82
+ text-decoration: underline;
83
+ }
84
+ }
85
+
86
+ code {
87
+ font-family: var(--font-family-code);
88
+ font-size: var(--font-size-s)
89
+ }
90
+
91
+ li {
92
+ margin-left: 20px;
93
+ font-size: var(--font-size-xxl);
94
+
95
+ @include media(breakpoint) {
96
+ font-size: var(--font-size-m);
97
+ }
98
+ }
@@ -0,0 +1,51 @@
1
+ :root {
2
+ // Global default font
3
+ --font-family-sans: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
4
+ --font-family-serif: 'iA Writer Duo S';
5
+ --font-family-code: 'Fira Code';
6
+ --font-family-syne: 'Syne Mono', monospace;
7
+
8
+ // Standard line heights
9
+ --line-height-headers: 1.1;
10
+ --line-height-body: 1.5;
11
+
12
+ // Standard font sizes
13
+ --font-size-xs: 0.75rem; // 12px
14
+ --font-size-s: 0.875rem; // 14px
15
+ --font-size-m: 1rem; // 16px
16
+ --font-size-l: 1.125rem; // 18px
17
+ --font-size-xl: 1.25rem; // 20px
18
+ --font-size-xxl: 1.5rem; // 24px
19
+ --font-size-xxxl: 2rem; // 32px
20
+ --font-size-xxxxl: 2.5rem; // 40px
21
+
22
+ // Standard spacing
23
+ --space-xxxs: 0.25rem; // 4px
24
+ --space-xxs: 0.375rem; // 6px
25
+ --space-xs: 0.5rem; // 8px
26
+ --space-s: 0.75rem; // 12px
27
+ --space-b: 0.85rem; // ~14px
28
+ --space-m: 1rem; // 16px
29
+ --space-i: 1.25rem; // 20px
30
+ --space-l: 1.5rem; // 24px
31
+ --space-xl: 2rem; // 32px
32
+ --space-xxl: 2.5rem; // 40px
33
+ --space-xxxl: 3rem; // 48px
34
+ --space-xxxxl: 4rem; // 64px
35
+
36
+ // Three different text colors
37
+ --color-text-header: hsl(0, 1%, 16%);
38
+ --color-text-body: hsl(0, 5%, 25%);
39
+ --color-text-muted: hsl(0, 1%, 44%);
40
+
41
+ // Background color
42
+ --color-background: hsl(0, 0%, 100%);
43
+
44
+ // Link colors
45
+ --color-primary: #457EAC;
46
+ --color-primary-rotate: #2D5D7B;
47
+
48
+ // Other helpful colors
49
+ --color-black: #000000;
50
+ --color-whiite: #ffffff;
51
+ }
@@ -0,0 +1,17 @@
1
+ .missing {
2
+ margin-left: auto;
3
+ margin-right: auto;
4
+ text-align: center;
5
+ }
6
+
7
+ .missing img {
8
+ max-height: 20rem;
9
+ margin-left: auto;
10
+ margin-right: auto;
11
+ margin-bottom: var(--space-m);
12
+ text-align: center;
13
+ }
14
+
15
+ .missing h1 {
16
+ font-size: var(--font-size-xxxxl);
17
+ }
@@ -0,0 +1,12 @@
1
+ .content {
2
+ padding: var(--space-m);
3
+
4
+ @include media(breakpoint) {
5
+ font-size: var(--font-size-m);
6
+ margin-left: auto;
7
+ margin-right: auto;
8
+ min-width: 650px;
9
+ max-width: 650px;
10
+ padding: var(--space-s);
11
+ }
12
+ }
@@ -0,0 +1,6 @@
1
+ .landing {
2
+ display: flex;
3
+ flex-direction: row;
4
+ justify-content: center;
5
+ margin-top: 10px;
6
+ }
@@ -0,0 +1,99 @@
1
+ .highlight pre { background-color: #272822; }
2
+ .highlight .hll { background-color: #272822; }
3
+ .highlight .c { color: #75715e } /* Comment */
4
+ .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
5
+ .highlight .k { color: #66d9ef } /* Keyword */
6
+ .highlight .l { color: #ae81ff } /* Literal */
7
+ .highlight .n { color: #f8f8f2 } /* Name */
8
+ .highlight .o { color: #f92672 } /* Operator */
9
+ .highlight .p { color: #f8f8f2 } /* Punctuation */
10
+ .highlight .cm { color: #75715e } /* Comment.Multiline */
11
+ .highlight .cp { color: #75715e } /* Comment.Preproc */
12
+ .highlight .c1 { color: #75715e } /* Comment.Single */
13
+ .highlight .cs { color: #75715e } /* Comment.Special */
14
+ .highlight .ge { font-style: italic } /* Generic.Emph */
15
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
16
+ .highlight .kc { color: #66d9ef } /* Keyword.Constant */
17
+ .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
18
+ .highlight .kn { color: #f92672 } /* Keyword.Namespace */
19
+ .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
20
+ .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
21
+ .highlight .kt { color: #66d9ef } /* Keyword.Type */
22
+ .highlight .ld { color: #e6db74 } /* Literal.Date */
23
+ .highlight .m { color: #ae81ff } /* Literal.Number */
24
+ .highlight .s { color: #e6db74 } /* Literal.String */
25
+ .highlight .na { color: #a6e22e } /* Name.Attribute */
26
+ .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
27
+ .highlight .nc { color: #a6e22e } /* Name.Class */
28
+ .highlight .no { color: #66d9ef } /* Name.Constant */
29
+ .highlight .nd { color: #a6e22e } /* Name.Decorator */
30
+ .highlight .ni { color: #f8f8f2 } /* Name.Entity */
31
+ .highlight .ne { color: #a6e22e } /* Name.Exception */
32
+ .highlight .nf { color: #a6e22e } /* Name.Function */
33
+ .highlight .nl { color: #f8f8f2 } /* Name.Label */
34
+ .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
35
+ .highlight .nx { color: #a6e22e } /* Name.Other */
36
+ .highlight .py { color: #f8f8f2 } /* Name.Property */
37
+ .highlight .nt { color: #f92672 } /* Name.Tag */
38
+ .highlight .nv { color: #f8f8f2 } /* Name.Variable */
39
+ .highlight .ow { color: #f92672 } /* Operator.Word */
40
+ .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
41
+ .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
42
+ .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
43
+ .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
44
+ .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
45
+ .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
46
+ .highlight .sc { color: #e6db74 } /* Literal.String.Char */
47
+ .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
48
+ .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
49
+ .highlight .se { color: #ae81ff } /* Literal.String.Escape */
50
+ .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
51
+ .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
52
+ .highlight .sx { color: #e6db74 } /* Literal.String.Other */
53
+ .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
54
+ .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
55
+ .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
56
+ .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
57
+ .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
58
+ .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
59
+ .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
60
+ .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
61
+
62
+ .highlight .gh { } /* Generic Heading & Diff Header */
63
+ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
64
+ .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
65
+ .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
66
+
67
+ pre.highlight {
68
+ position: relative;
69
+ display: flex;
70
+ padding: 20px 0px;
71
+ padding-right: 35px;
72
+ border-radius: 4px;
73
+ overflow: scroll;
74
+ }
75
+
76
+ pre.highlight > button {
77
+ position: sticky;
78
+ flex-shrink: 0;
79
+ opacity: 0;
80
+ padding: 0px;
81
+ height: 20px;
82
+ width: 20px;
83
+ top: 0px;
84
+ left: 99%;
85
+ font-size: var(--font-size-xxs);
86
+ border: none;
87
+ background-color: #272823;
88
+ }
89
+
90
+ pre.highlight:hover > button {
91
+ opacity: 1;
92
+ transition-property: opacity;
93
+ transition-duration: 250ms;
94
+ }
95
+
96
+ pre.highlight > button:active,
97
+ pre.highlight > button:focus {
98
+ opacity: 1;
99
+ }
@@ -0,0 +1,5 @@
1
+ @mixin media($query) {
2
+ @if $query == breakpoint {
3
+ @media (min-width: 50rem) { @content; }
4
+ }
5
+ }
@@ -0,0 +1,28 @@
1
+ // Mixins
2
+ @import "mixins/media";
3
+ @import "mixins/highlight";
4
+
5
+ // Configurations
6
+ @import "config/fonts";
7
+ @import "config/variables";
8
+ @import "config/reset";
9
+
10
+ // Components
11
+ @import "components/date";
12
+ @import "components/listing";
13
+ @import "components/nav/img";
14
+ @import "components/nav/link";
15
+ @import "components/nav";
16
+ @import "components/paginator/link";
17
+ @import "components/paginator/span";
18
+ @import "components/paginator";
19
+ @import "components/post/code";
20
+ @import "components/post/paragraph";
21
+ @import "components/motif";
22
+ @import "components/spacing";
23
+ @import "components/tag";
24
+
25
+ // Layouts
26
+ @import "layouts/404";
27
+ @import "layouts/content";
28
+ @import "layouts/landing";
Binary file
Binary file
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m367.56 370.59h497.12c185.2 0 335.32 150.09 335.32 335.29 0 185.2-150.1 335.29-335.36 335.29h-829.35c-19.492 0-35.293-15.801-35.293-35.293 0-19.492 15.801-35.293 35.293-35.293h829.35c146.28 0 264.77-118.49 264.77-264.71 0-146.21-118.51-264.71-264.73-264.71h-497.12l151.52 151.52c13.785 13.781 13.785 36.129 0 49.914-13.781 13.781-36.129 13.781-49.914 0l-211.77-211.77c-13.781-13.785-13.781-36.133 0-49.914l211.77-211.77c13.785-13.781 36.133-13.781 49.914 0 13.785 13.785 13.785 36.133 0 49.914zm-95.543-151.52-186.81 186.81 186.81 186.81c13.781 13.781 13.781 36.129 0 49.914-13.785 13.781-36.129 13.781-49.914 0l-211.77-211.77c-13.781-13.785-13.781-36.133 0-49.914l211.77-211.77c13.785-13.781 36.129-13.781 49.914 0 13.781 13.785 13.781 36.133 0 49.914z"/>
4
+ </svg>
Binary file
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m600 1137.5c-111.14 0.20703-219.61-34.043-310.48-98.035-90.871-63.988-159.67-154.58-196.93-259.29-37.258-104.71-41.137-218.39-11.109-325.4 30.031-107.01 92.492-202.07 178.79-272.11 86.293-70.043 192.18-111.61 303.07-118.98s221.35 19.816 316.16 77.816c8.1758 5.0742 14.055 13.133 16.387 22.465 2.3359 9.3359 0.94141 19.211-3.8867 27.535-5.1562 8.0781-13.215 13.875-22.512 16.199-9.3008 2.3242-19.137 1-27.488-3.6992-87.07-53.387-189.38-76.418-290.92-65.492-101.55 10.93-196.61 55.195-270.33 125.88s-121.94 163.81-137.11 264.81c-15.18 101 3.5391 204.18 53.223 293.41 49.688 89.234 127.54 159.49 221.39 199.78 93.852 40.289 198.41 48.348 297.32 22.91 98.914-25.438 186.61-82.938 249.38-163.5 62.77-80.57 97.074-179.66 97.547-281.8-0.003906-28.379-2.8516-56.688-8.5-84.5-1.9219-9.8047 0.097656-19.977 5.6172-28.305 5.5234-8.3281 14.102-14.148 23.883-16.195 9.7461-1.9102 19.852 0.12109 28.102 5.6523 8.2461 5.5312 13.965 14.105 15.898 23.848 6.6836 32.914 10.035 66.414 10 100-0.26562 142.43-56.996 278.94-157.75 379.6-100.76 100.66-237.32 157.27-379.75 157.4zm15.5-384 480-479.5c7.0234-7.0312 10.969-16.562 10.969-26.5s-3.9453-19.469-10.969-26.5c-6.9648-7.1484-16.52-11.18-26.5-11.18s-19.535 4.0312-26.5 11.18l-453.5 453-193.5-193.5c-6.9648-7.1484-16.52-11.18-26.5-11.18s-19.535 4.0312-26.5 11.18c-7.0234 7.0312-10.969 16.562-10.969 26.5s3.9453 19.469 10.969 26.5l220 220c6.9961 7.082 16.547 11.047 26.5 11 9.9883 0.22656 19.609-3.7695 26.5-11z" fill="#63cc70"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m1012.5 75h-637.5c-62.035 0-112.5 50.465-112.5 112.5v112.5h-75c-62.035 0-112.5 50.465-112.5 112.5v600c0 62.035 50.465 112.5 112.5 112.5h600c62.035 0 112.5-50.465 112.5-112.5v-37.5h112.5c62.035 0 112.5-50.465 112.5-112.5v-675c0-62.035-50.465-112.5-112.5-112.5zm-187.5 937.5c0 20.672-16.809 37.5-37.5 37.5h-600c-20.691 0-37.5-16.828-37.5-37.5v-600c0-20.672 16.809-37.5 37.5-37.5h600c20.691 0 37.5 16.828 37.5 37.5zm225-150c0 20.672-16.809 37.5-37.5 37.5h-112.5v-487.5c0-62.035-50.465-112.5-112.5-112.5h-450v-112.5c0-20.672 16.809-37.5 37.5-37.5h637.5c20.691 0 37.5 16.828 37.5 37.5z" fill="#fff"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m225 1111.1h182.5c20.699 0 37.5-16.801 37.5-37.5v-201c0-80.801 65.699-146.5 146.5-146.5h17c80.75 0 146.5 65.699 146.5 146.5v201c0 20.699 16.801 37.5 37.5 37.5h182.5c75.852 0 137.5-61.699 137.5-137.5v-356.5c0-35.398-13.449-69-37.898-94.898l-374.95-391.95c-52.449-55.199-146.9-55.102-199.25-0.050781l-375.15 392.15c-24.301 25.75-37.75 59.398-37.75 94.75v356.5c0 75.801 61.648 137.5 137.5 137.5zm-62.5-494c0-16.102 6.1016-31.449 17.102-43.051l375.05-392.1c23.949-25.148 66.75-25.199 90.75 0.050781l374.85 391.85c11.148 11.75 17.25 27.102 17.25 43.25v356.5c0 34.449-28.051 62.5-62.5 62.5h-145v-163.5c0-122.15-99.352-221.5-221.5-221.5h-17c-122.1 0-221.5 99.352-221.5 221.5v163.5h-145c-34.449 0-62.5-28.051-62.5-62.5z"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m320.39 373.29c-16.695 0-30.23 13.535-30.23 30.23 0 16.695 13.535 30.23 30.23 30.23h559.23c16.695 0 30.23-13.535 30.23-30.23 0-16.695-13.535-30.23-30.23-30.23zm0 196.48c-16.695 0-30.23 13.535-30.23 30.23 0 16.695 13.535 30.23 30.23 30.23h559.23c16.695 0 30.23-13.535 30.23-30.23 0-16.695-13.535-30.23-30.23-30.23zm0 196.48c-16.695 0-30.23 13.535-30.23 30.23 0 16.695 13.535 30.23 30.23 30.23h559.23c16.695 0 30.23-13.535 30.23-30.23 0-16.695-13.535-30.23-30.23-30.23z"/>
4
+ </svg>
Binary file
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="m450 975c0 124.35-100.8 225-225 225-124.35 0-225-100.65-225-225 0-124.2 100.65-225 225-225 124.2 0 225 100.8 225 225zm-225-600h-112.5c-62.102 0-112.5 50.398-112.5 112.5s50.398 112.5 112.5 112.5h112.5c207.11 0 375 167.89 375 375v112.5c0 62.102 50.398 112.5 112.5 112.5s112.5-50.398 112.5-112.5v-112.5c0-331.35-268.65-600-600-600zm0-375h-112.5c-62.102 0-112.5 50.398-112.5 112.5s50.398 112.5 112.5 112.5h112.5c414.26 0 750 335.74 750 750v112.5c0 62.102 50.398 112.5 112.5 112.5s112.5-50.398 112.5-112.5v-112.5c0-538.46-436.54-975-975-975z"/>
4
+ </svg>
data/assets/js/copy.js ADDED
@@ -0,0 +1,28 @@
1
+ var codeBlocks = document.querySelectorAll('pre.highlight');
2
+
3
+ codeBlocks.forEach((block) => {
4
+ var copyBtn = document.createElement('button');
5
+ copyBtn.type = 'button';
6
+ copyBtn.ariaLabel = 'Copy code to clipboard';
7
+ copyBtn.innerHTML = '<img src="/assets/img/copy.svg" />';
8
+
9
+ block.prepend(copyBtn);
10
+
11
+ copyBtn.addEventListener('click', () => {
12
+ var code = block.querySelector('code').innerText.trim();
13
+ window.navigator.clipboard.writeText(code);
14
+
15
+ copyBtn.innerHTML = '<img src="/assets/img/check.svg" />';
16
+ copyBtn.style.border = 'none';
17
+
18
+ setTimeout(() => {
19
+ copyBtn.innerHTML = '<img src="/assets/img/copy.svg" />';
20
+ copyBtn.style.border = 'none';
21
+ document.activeElement.blur();
22
+ }, 3000);
23
+ });
24
+
25
+ block.addEventListener('blur', () => {
26
+ copyBtn.style.opacity = '0';
27
+ });
28
+ });
data/assets/style.scss ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ title: false
3
+ styles: true
4
+ ---
5
+
6
+ @import "summoner";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: summoner-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rory Dudley
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-06-21 00:00:00.000000000 Z
11
+ date: 2023-07-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -33,9 +33,54 @@ extra_rdoc_files: []
33
33
  files:
34
34
  - LICENSE.txt
35
35
  - README.md
36
+ - _includes/alltags.html
37
+ - _includes/date.html
38
+ - _includes/head.html
39
+ - _includes/listings.html
40
+ - _includes/pagination.html
41
+ - _includes/tags.html
42
+ - _layouts/404.html
43
+ - _layouts/archive.html
44
+ - _layouts/blog.html
36
45
  - _layouts/default.html
46
+ - _layouts/index.html
37
47
  - _layouts/page.html
38
48
  - _layouts/post.html
49
+ - _sass/components/_date.scss
50
+ - _sass/components/_listing.scss
51
+ - _sass/components/_motif.scss
52
+ - _sass/components/_nav.scss
53
+ - _sass/components/_paginator.scss
54
+ - _sass/components/_spacing.scss
55
+ - _sass/components/_tag.scss
56
+ - _sass/components/nav/_img.scss
57
+ - _sass/components/nav/_link.scss
58
+ - _sass/components/paginator/_link.scss
59
+ - _sass/components/paginator/_span.scss
60
+ - _sass/components/post/_code.scss
61
+ - _sass/components/post/_paragraph.scss
62
+ - _sass/config/_fonts.scss
63
+ - _sass/config/_reset.scss
64
+ - _sass/config/_variables.scss
65
+ - _sass/layouts/_404.scss
66
+ - _sass/layouts/_content.scss
67
+ - _sass/layouts/_landing.scss
68
+ - _sass/mixins/_highlight.scss
69
+ - _sass/mixins/_media.scss
70
+ - _sass/summoner.scss
71
+ - assets/fonts/FiraCode-Regular.ttf
72
+ - assets/fonts/SyneMono-Regular.ttf
73
+ - assets/fonts/iAWriterDuoS-Regular.ttf
74
+ - assets/img/back.svg
75
+ - assets/img/belphegor.png
76
+ - assets/img/check.svg
77
+ - assets/img/copy.svg
78
+ - assets/img/home.svg
79
+ - assets/img/menu.svg
80
+ - assets/img/pixie.png
81
+ - assets/img/rss.svg
82
+ - assets/js/copy.js
83
+ - assets/style.scss
39
84
  homepage: https://summoning.net
40
85
  licenses:
41
86
  - MIT
@@ -58,5 +103,5 @@ requirements: []
58
103
  rubygems_version: 3.4.7
59
104
  signing_key:
60
105
  specification_version: 4
61
- summary: My custom jekyll theme for summoning.net.
106
+ summary: My custom jekyll theme for https://summoning.net/.
62
107
  test_files: []