jekyll-theme-discord 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.
- checksums.yaml +7 -0
- data/LICENSE +674 -0
- data/README.md +1 -0
- data/_config.yml +23 -0
- data/_includes/footer.html +26 -0
- data/_includes/head.html +34 -0
- data/_layouts/default.html +22 -0
- data/_layouts/home.html +29 -0
- data/assets/avatar.png +0 -0
- data/assets/css/code.css +82 -0
- data/assets/css/dm.css +106 -0
- data/assets/css/gist.css +48 -0
- data/assets/css/main.css +87 -0
- data/assets/dependencies/anchor.js +132 -0
- data/assets/dependencies/normalize.css +349 -0
- data/assets/dependencies/reboot.scss +482 -0
- data/assets/dependencies/root.scss +20 -0
- data/assets/font/open-sans/300.ttf +0 -0
- data/assets/font/open-sans/300.woff +0 -0
- data/assets/font/open-sans/300.woff2 +0 -0
- metadata +76 -0
data/README.md
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
# jekyll-theme-discord
|
data/_config.yml
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
# Don't use tabs unless they become spaces!
|
2
|
+
|
3
|
+
# Site settings
|
4
|
+
title: jekyll-theme-discord # title to be shown under main avatar
|
5
|
+
subtitle: A Microblog for Jekyll with Discord-style "DM"s # subtitle to be shown under title
|
6
|
+
rss-description: Created by EthanMcBloxxer <ethanmcbloxxer@protonmail.com>, this is a theme for Jekyll which has an aesthetic similar to that of Discord and their "DM"s. # RSS feed description
|
7
|
+
author: Some Author # your name
|
8
|
+
avatar: "/assets/avatar.png" # primary avatar
|
9
|
+
avatar-circle: true # make avatar a circle
|
10
|
+
email: "ethanmcbloxxer@protonmail.com" # email in footer
|
11
|
+
deep-links: true # make "#" urls for each paragraph and heading with a tiny animated "#", credit to Anchor.JS
|
12
|
+
|
13
|
+
# DM settings
|
14
|
+
top-linebreak: true # add space between "attachment" + "label" and text
|
15
|
+
bottom-linebreak: false # add space between text and "date" + "credit"
|
16
|
+
codeblock-border: true # use discord's dark border around code blocks
|
17
|
+
|
18
|
+
# DO NOT TOUCH:
|
19
|
+
collections:
|
20
|
+
- dms
|
21
|
+
plugins:
|
22
|
+
- jekyll-sitemap
|
23
|
+
- jekyll-gist
|
@@ -0,0 +1,26 @@
|
|
1
|
+
|
2
|
+
<!-- Footer -->
|
3
|
+
<div class="push"></div>
|
4
|
+
|
5
|
+
<style>
|
6
|
+
@font-face {
|
7
|
+
font-family: 'Open Sans';
|
8
|
+
font-style: normal;
|
9
|
+
font-weight: 100;
|
10
|
+
src: local(''),
|
11
|
+
url('/assets/font/open-sans/300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
12
|
+
url('/assets/font/open-sans/300.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
13
|
+
url('/assets/font/open-sans/300.ttf') format('truetype');/* Safari, Android, iOS */
|
14
|
+
}
|
15
|
+
</style>
|
16
|
+
|
17
|
+
<footer style="font-family: 'Open Sans'; font-size: 1rem; position: fixed; bottom: 0px; text-align: center; background: #32363a; width: 100%; padding: 1rem;">
|
18
|
+
<a href="mailto:{{ site.email }}" style="color: inherit; text-decoration: none;">{{ site.author }}</a>
|
19
|
+
•
|
20
|
+
<a href="/feed.xml" style="color: inherit; text-decoration: none;">RSS</a>
|
21
|
+
•
|
22
|
+
<a href="/sitemap.xml" style="color: inherit; text-decoration: none;">Sitemap</a>
|
23
|
+
•
|
24
|
+
<span id="copyright-text">© <noscript>2021</noscript> <a style="color: inherit; text-decoration: none;" href="https://github.com/EthanMcBloxxer/jekyll-theme-discord">jekyll-theme-discord</a></span>
|
25
|
+
<script>document.getElementById("copyright-text").innerHTML = "© " + new Date().getFullYear() + " <a style='color: inherit; text-decoration: none;' href='https://github.com/EthanMcBloxxer/jekyll-theme-discord'>jekyll-theme-discord</a>"</script>
|
26
|
+
</footer>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="{{ site.encoding | default: 'utf-8' }}">
|
3
|
+
|
4
|
+
<title>{{ title | page.title | site.title }}</title>
|
5
|
+
<meta property="og:title" content="{{ title }}"/>
|
6
|
+
|
7
|
+
<meta name="description" content="{{ description }}"/>
|
8
|
+
<meta property="og:description" content="{{ description }}"/>
|
9
|
+
|
10
|
+
<meta name="author" content="Chris Mills"/>
|
11
|
+
<meta property="og:locale" content=""/>{% if page.id %}
|
12
|
+
<meta property="og:type" content="article">
|
13
|
+
<meta property="og:article:author" content="{{ site.author }}">
|
14
|
+
<meta property="og:article:published_time" content="{{ page.date | date_to_xmlschema }}">
|
15
|
+
<meta property="og:url" content="{{ page.url | absolute_url }}">
|
16
|
+
<link rel="canonical" href="{{ page.url | absolute_url }}">
|
17
|
+
{% else %}
|
18
|
+
<meta property="og:type" content="website">
|
19
|
+
<meta property="og:url" content="{{ page.url | absolute_url | strip_index }}">
|
20
|
+
<link rel="canonical" href="{{ page.url | absolute_url | strip_index }}">{% endif %}
|
21
|
+
|
22
|
+
<link rel="stylesheet" href="/assets/dependencies/root.scss"/>
|
23
|
+
<link rel="stylesheet" href="/assets/dependencies/normalize.css"/>
|
24
|
+
<link rel="stylesheet" href="/assets/dependencies/reboot.scss"/>
|
25
|
+
<link rel="stylesheet" href="/assets/css/main.css"/>
|
26
|
+
<link rel="stylesheet" href="/assets/css/dm.css"/>
|
27
|
+
<link rel="stylesheet" href="/assets/css/code.css"/>
|
28
|
+
<link rel="stylesheet" href="/assets/css/gist.css"/>
|
29
|
+
|
30
|
+
<link rel="manifest" href="/manifest.webmanifest">
|
31
|
+
<meta name="msapplication-config" content="/browserconfig.xml"/>
|
32
|
+
<link rel="icon" type="image/png" href="{{ site.avatar }}" />
|
33
|
+
<link rel="shortcut icon" href="/favicon.ico" />
|
34
|
+
</head>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
<!DOCTYPE html>
|
5
|
+
<html lang="{{ page.language | default: site.language | default: 'en' }}">
|
6
|
+
{% include head.html %}
|
7
|
+
<body>
|
8
|
+
{{ content }} {% include footer.html %}
|
9
|
+
{% if site.deep-links == true%}<script src="/assets/dependencies/anchor.js" type="text/javascript"></script>
|
10
|
+
<script type="text/javascript">
|
11
|
+
document.addEventListener('DOMContentLoaded', function(event) {
|
12
|
+
anchors.options.placement = 'left';
|
13
|
+
anchors.options.visible = 'hover';
|
14
|
+
anchors.options.icon = '#';
|
15
|
+
anchors.options.ariaLabel = 'Anchor';
|
16
|
+
anchors.options.titleText = 'DM Permalink';
|
17
|
+
anchors.add('.dm-container p, .dm-container h1, .dm-container h2, .dm-container h3, .dm-container h4, .dm-container h5, .dm-container h6');
|
18
|
+
anchors.remove('.dm-label p, .dm-label h1, .dm-label h2, .dm-label h3, .dm-label h4, .dm-label h5, .dm-label h6');
|
19
|
+
});
|
20
|
+
</script>{% endif %}
|
21
|
+
</body>
|
22
|
+
</html>
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<header style="margin-top: 1rem; margin-bottom: 1rem">
|
5
|
+
<div style="text-align: center;">
|
6
|
+
<img src='{{ site.avatar }}' style="max-width: 10%; {% if site.avatar-circle %} border-radius: 100% {% endif %}"/>
|
7
|
+
<h1 style="margin: auto; font-size: 5vw;">{{ site.title }}</h1>
|
8
|
+
<h2 style="margin: auto; font-size: 2.5vw; margin-top: -0.15rem">{{ site.subtitle }}</h2>
|
9
|
+
<h4 style="margin: auto; font-size: 1.5vw; color: #dcddde50;">{{ site.author }}</h4>
|
10
|
+
</div>
|
11
|
+
</header>
|
12
|
+
{% for dm in site.dms reversed %}
|
13
|
+
<div class="dm-container" id="{{ dm.title }}">
|
14
|
+
{% if dm.dm-date %}<div class="dm-timestamp">{{ dm.dm-date }}</div>{% endif %}
|
15
|
+
{% if dm.dm-author %}<div class="dm-credit">—{{ dm.dm-author }}</div>{% endif %}
|
16
|
+
{% if dm.dm-attachment %}<div class="dm-attachment">
|
17
|
+
<a class="dm-attachment" href="{{ dm.dm-attachment }}">attachment</a>
|
18
|
+
</div>
|
19
|
+
{% if site.top-linebreak == true %}<p style="margin-top: 1rem"></p>{% endif %}
|
20
|
+
{% endif %}{% if dm.dm-label %}<div class="dm-label">
|
21
|
+
{{ dm.dm-label | markdownify | smartify }} </div>
|
22
|
+
{% if site.top-linebreak == true %}<p style="margin-top: 1rem"></p>{% endif %}
|
23
|
+
{% endif %}
|
24
|
+
<!-- DM Content -->
|
25
|
+
{{ dm.content | markdownify }} <!-- /DM Content -->
|
26
|
+
{% if site.bottom-linebreak == true %}<br/>{% endif %}
|
27
|
+
</div>{% endfor %}
|
28
|
+
|
29
|
+
<p style="padding-bottom: 1rem"></p>
|
data/assets/avatar.png
ADDED
Binary file
|
data/assets/css/code.css
ADDED
@@ -0,0 +1,82 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
.highlight {
|
5
|
+
background-color: #2f3136;
|
6
|
+
width: auto;
|
7
|
+
height: auto;
|
8
|
+
padding: .35rem;
|
9
|
+
margin: -.2em 0;
|
10
|
+
margin-bottom: 1.2rem;
|
11
|
+
border-radius: 3px;
|
12
|
+
font-size: 85%;
|
13
|
+
font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
|
14
|
+
text-indent: 0;
|
15
|
+
border: none;
|
16
|
+
white-space: pre-wrap;
|
17
|
+
font-size: 0.875rem;
|
18
|
+
line-height: 1.25rem;
|
19
|
+
text-indent: 0;
|
20
|
+
white-space: pre-wrap;
|
21
|
+
}
|
22
|
+
{% if site.codeblock-border == true %} div.highlight {border: 1px solid #202225;} {% endif %}
|
23
|
+
.highlight pre { background-color: #2f3136; font-size: 16px; margin: unset; }
|
24
|
+
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
25
|
+
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
26
|
+
.highlight .k { font-weight: bold } /* Keyword */
|
27
|
+
.highlight .o { font-weight: bold } /* Operator */
|
28
|
+
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
29
|
+
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
30
|
+
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
31
|
+
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
32
|
+
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
33
|
+
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
34
|
+
.highlight .ge { font-style: italic } /* Generic.Emph */
|
35
|
+
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
36
|
+
.highlight .gh { color: #999999 } /* Generic.Heading */
|
37
|
+
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
38
|
+
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
39
|
+
.highlight .go { color: #888888 } /* Generic.Output */
|
40
|
+
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
41
|
+
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
42
|
+
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
43
|
+
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
44
|
+
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
45
|
+
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
46
|
+
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
47
|
+
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
48
|
+
.highlight .kt { color: #cb4b16; font-weight: bold } /* Keyword.Type */
|
49
|
+
.highlight .m { color: #009999 } /* Literal.Number */
|
50
|
+
.highlight .s { color: #d14 } /* Literal.String */
|
51
|
+
.highlight .na { color: #008080 } /* Name.Attribute */
|
52
|
+
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
53
|
+
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
54
|
+
.highlight .no { color: #008080 } /* Name.Constant */
|
55
|
+
.highlight .ni { color: #800080 } /* Name.Entity */
|
56
|
+
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
57
|
+
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
58
|
+
.highlight .nn { color: #555555 } /* Name.Namespace */
|
59
|
+
.highlight .nt { color: #000080 } /* Name.Tag */
|
60
|
+
.highlight .nv { color: #008080 } /* Name.Variable */
|
61
|
+
.highlight .ow { font-weight: bold } /* Operator.Word */
|
62
|
+
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
63
|
+
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
64
|
+
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
65
|
+
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
66
|
+
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
67
|
+
.highlight .sb { color: #2aa198 } /* Literal.String.Backtick */
|
68
|
+
.highlight .sc { color: #2aa198 } /* Literal.String.Char */
|
69
|
+
.highlight .sd { color: #2aa198 } /* Literal.String.Doc */
|
70
|
+
.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
|
71
|
+
.highlight .se { color: #2aa198 } /* Literal.String.Escape */
|
72
|
+
.highlight .sh { color: #2aa198 } /* Literal.String.Heredoc */
|
73
|
+
.highlight .si { color: #2aa198 } /* Literal.String.Interpol */
|
74
|
+
.highlight .sx { color: #2aa198 } /* Literal.String.Other */
|
75
|
+
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
76
|
+
.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
|
77
|
+
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
78
|
+
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
79
|
+
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
80
|
+
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
81
|
+
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
82
|
+
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
data/assets/css/dm.css
ADDED
@@ -0,0 +1,106 @@
|
|
1
|
+
/*
|
2
|
+
Foreground: Discord.css, most elements ripped from the Discord application
|
3
|
+
Background: HLJS Solarized Dark (highlight.js solarized-dark) https://highlightjs.org, Original Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
|
4
|
+
*/
|
5
|
+
|
6
|
+
.dm-container {
|
7
|
+
position: relative;
|
8
|
+
margin: auto;
|
9
|
+
margin-bottom: 1rem;
|
10
|
+
padding: 0.5em;
|
11
|
+
width: 60%;
|
12
|
+
display: block;
|
13
|
+
border-radius: 10px;
|
14
|
+
overflow-x: auto;
|
15
|
+
|
16
|
+
color: #dcddde;
|
17
|
+
background: #36393f;
|
18
|
+
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
|
19
|
+
font-size: 1rem;
|
20
|
+
}
|
21
|
+
|
22
|
+
.dm-container p {
|
23
|
+
text-align: center;
|
24
|
+
margin-top: auto;
|
25
|
+
}
|
26
|
+
|
27
|
+
.dm-timestamp {
|
28
|
+
position: absolute;
|
29
|
+
bottom: 0;
|
30
|
+
margin-bottom: 0.2rem;
|
31
|
+
margin-left: 0.15rem;
|
32
|
+
|
33
|
+
color: #72767d;
|
34
|
+
font-size: 0.9rem;
|
35
|
+
}
|
36
|
+
|
37
|
+
.dm-credit {
|
38
|
+
position: absolute;
|
39
|
+
bottom: 0;
|
40
|
+
right: 0;
|
41
|
+
margin-bottom: 0.2rem;
|
42
|
+
margin-right: 0.4rem;
|
43
|
+
|
44
|
+
color: #72767d;
|
45
|
+
font-size: 0.9rem;
|
46
|
+
}
|
47
|
+
|
48
|
+
.dm-attachment {
|
49
|
+
position: absolute;
|
50
|
+
bottom: unset;
|
51
|
+
top: 0;
|
52
|
+
margin-top: 0.2rem;
|
53
|
+
margin-left: 0.075rem;
|
54
|
+
}
|
55
|
+
a.dm-attachment {
|
56
|
+
color: #72767d !important;
|
57
|
+
font-size: 0.9rem !important;
|
58
|
+
text-decoration: none !important;
|
59
|
+
}
|
60
|
+
|
61
|
+
.dm-label {
|
62
|
+
position: absolute;
|
63
|
+
bottom: unset;
|
64
|
+
top: 0;
|
65
|
+
right: 0;
|
66
|
+
margin-top: 0.2rem;
|
67
|
+
margin-right: 0.5rem;
|
68
|
+
color: #72767d;
|
69
|
+
font-size: 0.9rem;
|
70
|
+
}
|
71
|
+
|
72
|
+
.dm-mention {
|
73
|
+
border-radius: 3px;
|
74
|
+
padding: 0 2px;
|
75
|
+
font-weight: 500;
|
76
|
+
unicode-bidi: -moz-plaintext;
|
77
|
+
unicode-bidi: plaintext;
|
78
|
+
color: #7289da;
|
79
|
+
background: rgba(114,137,218,.1);
|
80
|
+
position: relative;
|
81
|
+
margin: 0;
|
82
|
+
padding: 0;
|
83
|
+
border: 0;
|
84
|
+
font-weight: inherit;
|
85
|
+
font-style: inherit;
|
86
|
+
font-family: "Helvetica Neue";
|
87
|
+
font-size: 100%;
|
88
|
+
vertical-align: baseline;
|
89
|
+
text-rendering: optimizeLegibility;
|
90
|
+
-webkit-transition: background-color 50ms ease-out,color 50ms ease-out;
|
91
|
+
transition: background-color 50ms ease-out,color 50ms ease-out;
|
92
|
+
cursor: pointer;
|
93
|
+
}
|
94
|
+
.dm-mention:hover,
|
95
|
+
.dm-mention a:hover {
|
96
|
+
border-radius: 3px;
|
97
|
+
color: #fff;
|
98
|
+
background-color: #7289da;
|
99
|
+
}
|
100
|
+
.dm-mention a {
|
101
|
+
text-decoration: none;
|
102
|
+
}
|
103
|
+
|
104
|
+
a {color: #3087e8;}
|
105
|
+
.pt-emphasis {font-style: italic;}
|
106
|
+
.pt-strong {font-weight: bold;
|
data/assets/css/gist.css
ADDED
@@ -0,0 +1,48 @@
|
|
1
|
+
.gist .gist-file {
|
2
|
+
border-color: unset !important;
|
3
|
+
}
|
4
|
+
|
5
|
+
.gist .gist-data,
|
6
|
+
.gist .gist-meta {
|
7
|
+
background-color: inherit !important;
|
8
|
+
border-bottom: unset !important;
|
9
|
+
}
|
10
|
+
.gist .gist-meta {
|
11
|
+
color: #dcddde !important;
|
12
|
+
}
|
13
|
+
.gist .gist-meta a {
|
14
|
+
color: #dcddde !important;
|
15
|
+
}
|
16
|
+
|
17
|
+
.gist .markdown-body h1, .gist .markdown-body h2 {
|
18
|
+
border-color: #2f3136 !important;
|
19
|
+
}
|
20
|
+
|
21
|
+
.gist p, .gist h1, .gist h2, .gist h3, .gist h4, .gist h5, .gist h6 {
|
22
|
+
color: #dcddde;
|
23
|
+
}
|
24
|
+
|
25
|
+
.gist .highlight {
|
26
|
+
background: unset !important;
|
27
|
+
color: #e7e7e7 !important;
|
28
|
+
}
|
29
|
+
|
30
|
+
.gist .blob-code-inner {
|
31
|
+
color: #dcddde !important;
|
32
|
+
}
|
33
|
+
|
34
|
+
.gist .pl-c1, .gist .pl-s .pl-v {
|
35
|
+
color: #ffae00 !important;
|
36
|
+
}
|
37
|
+
|
38
|
+
.gist .pl-s .pl-s1, .gist .pl-smi {
|
39
|
+
color: #dcddde !important;
|
40
|
+
}
|
41
|
+
|
42
|
+
.gist .pl-pds, .gist .pl-s, .gist .pl-s .pl-pse .pl-s1, .gist .pl-sr, .gist .pl-sr .pl-cce, .gist .pl-sr .pl-sra, .gist .pl-sr .pl-sre {
|
43
|
+
color: #00ffd9 !important;
|
44
|
+
}
|
45
|
+
|
46
|
+
.gist .pl-e, .gist .pl-en {
|
47
|
+
color: #ff00e2 !important;
|
48
|
+
}
|
data/assets/css/main.css
ADDED
@@ -0,0 +1,87 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
html {
|
5
|
+
font-size: 100%;
|
6
|
+
height: 100%;
|
7
|
+
}
|
8
|
+
|
9
|
+
body {
|
10
|
+
background-color: #292b2f;
|
11
|
+
|
12
|
+
font-family: Whitney, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
13
|
+
font-size: 1.35rem;
|
14
|
+
line-height: 1.5;
|
15
|
+
color: #dcddde;
|
16
|
+
position: relative;
|
17
|
+
|
18
|
+
display: flex;
|
19
|
+
flex-direction: column;
|
20
|
+
}
|
21
|
+
|
22
|
+
h1,h2,h3,h4,h5,h6 {
|
23
|
+
font-weight: 500;
|
24
|
+
line-height: 1.1;
|
25
|
+
text-align: center;
|
26
|
+
scroll-margin-top: 2rem;
|
27
|
+
}
|
28
|
+
h1 {
|
29
|
+
font-size: 2.75rem;
|
30
|
+
}
|
31
|
+
h2 {
|
32
|
+
font-size: 2rem;
|
33
|
+
}
|
34
|
+
h3 {
|
35
|
+
font-size: 1.75rem;
|
36
|
+
}
|
37
|
+
h4 {
|
38
|
+
font-size: 1.5rem;
|
39
|
+
}
|
40
|
+
h1, h2, h3 {
|
41
|
+
margin-top: 0.4rem;
|
42
|
+
}
|
43
|
+
|
44
|
+
.anchorjs-link {
|
45
|
+
transition: all .25s linear;
|
46
|
+
color: #ff865f;
|
47
|
+
}
|
48
|
+
.anchorjs-link:hover {
|
49
|
+
text-decoration: none;
|
50
|
+
}
|
51
|
+
*:hover > .anchorjs-link {
|
52
|
+
margin-left: -1.125em !important;
|
53
|
+
}
|
54
|
+
|
55
|
+
blockquote {
|
56
|
+
font-style: italic;
|
57
|
+
padding: 0.625rem 1.25rem;
|
58
|
+
margin: 0 0 1.25rem;
|
59
|
+
font-size: 1.1rem;
|
60
|
+
border-left: 0.3125rem solid #4f545c;
|
61
|
+
}
|
62
|
+
blockquote p:first-child {
|
63
|
+
margin-top: 0;
|
64
|
+
}
|
65
|
+
blockquote p:last-child {
|
66
|
+
margin-bottom: 0;
|
67
|
+
}
|
68
|
+
|
69
|
+
::-webkit-scrollbar {
|
70
|
+
background-color: #202324 !important;
|
71
|
+
color: #aba499 !important;
|
72
|
+
}
|
73
|
+
::-webkit-scrollbar-thumb {
|
74
|
+
background-color: #454a4d !important;
|
75
|
+
}
|
76
|
+
::-webkit-scrollbar-thumb:hover {
|
77
|
+
background-color: #575e62 !important;
|
78
|
+
}
|
79
|
+
::-webkit-scrollbar-thumb:active {
|
80
|
+
background-color: #484e51 !important;
|
81
|
+
}
|
82
|
+
::-webkit-scrollbar-corner {
|
83
|
+
background-color: #181a1b !important;
|
84
|
+
|
85
|
+
* {
|
86
|
+
scrollbar-color: #202324 #454a4d !important;
|
87
|
+
}
|