summoner-jekyll-theme 0.1.0 → 1.0.0

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.
Files changed (45) 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 +15 -0
  10. data/_layouts/blog.html +9 -0
  11. data/_layouts/default.html +6 -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/_paragraph.scss +3 -0
  27. data/_sass/config/_reset.scss +98 -0
  28. data/_sass/config/_variables.scss +51 -0
  29. data/_sass/layouts/_404.scss +17 -0
  30. data/_sass/layouts/_content.scss +12 -0
  31. data/_sass/layouts/_landing.scss +6 -0
  32. data/_sass/mixins/_highlight.scss +106 -0
  33. data/_sass/mixins/_media.scss +5 -0
  34. data/_sass/summoner.scss +26 -0
  35. data/assets/img/back.svg +4 -0
  36. data/assets/img/belphegor.png +0 -0
  37. data/assets/img/check.svg +4 -0
  38. data/assets/img/copy.svg +4 -0
  39. data/assets/img/home.svg +4 -0
  40. data/assets/img/menu.svg +4 -0
  41. data/assets/img/pixie.png +0 -0
  42. data/assets/img/rss.svg +4 -0
  43. data/assets/js/copy.js +28 -0
  44. data/assets/style.scss +6 -0
  45. metadata +43 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: dd2c67022a7ee20f6b3b512943bcfe342e1b1accaf233a4f96231399ad04b181
4
- data.tar.gz: c57384ebd7d804e7880c95cc4dee8726959fc6336ab94de3169521ece8eadfdb
3
+ metadata.gz: 4909ae43a84494161285c8978c034169796b964fe9f1ea32c6618841064590b8
4
+ data.tar.gz: 3a74d7289215fd2ffe5a024030d3956b60de89c2c528b8b85d2adb440719b001
5
5
  SHA512:
6
- metadata.gz: a82ec6ef803583e27a80c15b2004a569e960210552da4de69a6783f140839fea82b928c744a8790f004564a740453c918b4241f6ae7b8d87472d000c1a926ffe
7
- data.tar.gz: cff1307e852802eee991213c58fc1d89e604a684c274c29a2eb3c60635fcd06f0825de6ac113cf85a78df1f65a8917f4e15c38da27db4cf8e9c888b61d20f277
6
+ metadata.gz: fc9702ba5fb6dde46b410e6ba472a580880c3ae02f46fb53995e09addbd33d76230778488c1cda599785a1ac3e3ff3185a9cc57ba7e68c7f9f699a13cc9290b4
7
+ data.tar.gz: de25a47cb339c22e5c43c6a81be9f217c61e12890e23fb3328020920613e97742939848912ae5b52979ff2910959b0c74de9382000a2fa9f41e34c82edbfb397
@@ -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: "%m/%d/%Y"}}
4
+ {% else %}
5
+ {{page.date | date: "%m/%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,15 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="content">
6
+ <div class="nav" style="margin-bottom: var(--space-i);">
7
+ <a href="/">home</a>
8
+ <a href="/blog/feed">rss</a>
9
+ </div>
10
+
11
+ <h1>archive</h1>
12
+ <p>View posts regarding a specific topic.</p>
13
+
14
+ {% include alltags.html %}
15
+ </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 %}
@@ -1 +1,7 @@
1
+ <!DOCTYPE html>
2
+
3
+ {% include head.html %}
4
+
5
+ <meta content="width=device-width, initial-scale=1" name="viewport" />
6
+
1
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 p {
2
+ margin: var(--space-b) 0px;
3
+ }
@@ -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: 'Georgia';
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,106 @@
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: 30px 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: 5px;
81
+ height: 35px;
82
+ width: 35px;
83
+ top: 0px;
84
+ left: 94.5%;
85
+ font-size: 1.5em;
86
+ border: 1px solid #ffffff;
87
+ border-radius: 8px;
88
+ background-color: #272823;
89
+ }
90
+
91
+ pre.highlight:hover > button {
92
+ opacity: 1;
93
+ transition-property: opacity;
94
+ transition-duration: 250ms;
95
+ }
96
+
97
+ pre.highlight button:hover {
98
+ background-color: #3c3d37;
99
+ transition-property: background-color;
100
+ transition-duration: 250ms;
101
+ }
102
+
103
+ pre.highlight > button:active,
104
+ pre.highlight > button:focus {
105
+ opacity: 1;
106
+ }
@@ -0,0 +1,5 @@
1
+ @mixin media($query) {
2
+ @if $query == breakpoint {
3
+ @media (min-width: 50rem) { @content; }
4
+ }
5
+ }
@@ -0,0 +1,26 @@
1
+ // Mixins
2
+ @import "mixins/media";
3
+ @import "mixins/highlight";
4
+
5
+ // Configurations
6
+ @import "config/variables";
7
+ @import "config/reset";
8
+
9
+ // Components
10
+ @import "components/date";
11
+ @import "components/listing";
12
+ @import "components/nav/img";
13
+ @import "components/nav/link";
14
+ @import "components/nav";
15
+ @import "components/paginator/link";
16
+ @import "components/paginator/span";
17
+ @import "components/paginator";
18
+ @import "components/post/paragraph";
19
+ @import "components/motif";
20
+ @import "components/spacing";
21
+ @import "components/tag";
22
+
23
+ // Layouts
24
+ @import "layouts/404";
25
+ @import "layouts/content";
26
+ @import "layouts/landing";
@@ -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 = '1px solid #64CC70';
17
+
18
+ setTimeout(() => {
19
+ copyBtn.innerHTML = '<img src="/assets/img/copy.svg" />';
20
+ copyBtn.style.border = '1px solid #ffffff';
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.0
4
+ version: 1.0.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-05 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,49 @@ 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/_paragraph.scss
61
+ - _sass/config/_reset.scss
62
+ - _sass/config/_variables.scss
63
+ - _sass/layouts/_404.scss
64
+ - _sass/layouts/_content.scss
65
+ - _sass/layouts/_landing.scss
66
+ - _sass/mixins/_highlight.scss
67
+ - _sass/mixins/_media.scss
68
+ - _sass/summoner.scss
69
+ - assets/img/back.svg
70
+ - assets/img/belphegor.png
71
+ - assets/img/check.svg
72
+ - assets/img/copy.svg
73
+ - assets/img/home.svg
74
+ - assets/img/menu.svg
75
+ - assets/img/pixie.png
76
+ - assets/img/rss.svg
77
+ - assets/js/copy.js
78
+ - assets/style.scss
39
79
  homepage: https://summoning.net
40
80
  licenses:
41
81
  - MIT
@@ -58,5 +98,5 @@ requirements: []
58
98
  rubygems_version: 3.4.7
59
99
  signing_key:
60
100
  specification_version: 4
61
- summary: My custom jekyll theme for summoning.net.
101
+ summary: My custom jekyll theme for https://summoning.net/.
62
102
  test_files: []