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