em/em.0x45.cz
1
0
Fork 0
Code Actions

Compare commits

base: em:e3dcd4c6b0ecd9fd4b0329aab52b365358ed3569
Branches Tags
em:master
..
compare: em:b851a127c7b13960b87f52766ad051e43d582753
Branches Tags
em:master

No commits in common. "e3dcd4c6b0ecd9fd4b0329aab52b365358ed3569" and "b851a127c7b13960b87f52766ad051e43d582753" have entirely different histories.
e3dcd4c6b0 ... b851a127c7

4 changed files with 35 additions and 76 deletions
Show Stats Expand all files Collapse all files

72
sass/style.scss
View File

@ -3,24 +3,24 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url("/fonts/spectral-regular.woff2") format("woff2"), src: url("/fonts/spectral-regular.woff2") format("woff2"),
url("/fonts/spectral-regular.woff") format("woff"), url("/fonts/spectral-regular.woff") format("woff"),
url("/fonts/spectral-regular.ttf") format("truetype"); url("/fonts/spectral-regular.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: spectral; font-family: spectral;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: url("/fonts/spectral-bold.woff2") format("woff2"), src: url("/fonts/spectral-bold.woff2") format("woff2"),
url("/fonts/spectral-bold.woff") format("woff"), url("/fonts/spectral-bold.woff") format("woff"),
url("/fonts/spectral-bold.ttf") format("truetype"); url("/fonts/spectral-bold.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: spectral; font-family: spectral;
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
src: url("/fonts/spectral-italic.woff2") format("woff2"), src: url("/fonts/spectral-italic.woff2") format("woff2"),
url("/fonts/spectral-italic.woff") format("woff"), url("/fonts/spectral-italic.woff") format("woff"),
url("/fonts/spectral-italic.ttf") format("truetype"); url("/fonts/spectral-italic.ttf") format("truetype");
} }
::selection{ ::selection{
@ -28,8 +28,6 @@
color: #000; color: #000;
} }
html { scroll-behavior: smooth }
.wrap { .wrap {
max-width: 55rem; max-width: 55rem;
margin: 0 auto; margin: 0 auto;
@ -83,9 +81,6 @@ nav {
align-self: start; align-self: start;
top: 2em; top: 2em;
margin-bottom: 4rem; margin-bottom: 4rem;
max-height: calc(100vh - 2em);
box-sizing: border-box;
overflow-y: auto;
span.title { span.title {
display: block; display: block;
@ -99,8 +94,7 @@ nav {
li a { li a {
color: #000; color: #000;
display: block; display: block;
line-height: 1; padding: 0 .5em;
padding: .25em .5em;
&:hover { &:hover {
color: #fff; color: #fff;
@ -109,35 +103,6 @@ nav {
} }
} }
} }
ul.table-of-contents li {
a {
color: #e1140a;
position: relative;
&::before, &::after {
content: "";
background-color: #bbb;
position: absolute;
left: 0;
top: 0;
}
&::before {
height: 2px;
width: .5em;
}
&::after {
width: 2px;
height: .5em;
}
&:hover { color: #fff }
&:hover::before, &:hover::after { display: none }
}
li {
padding: 0 .5em;
&>a::before, &>a::after { display: none }
}
}
} }
main { main {
@ -246,9 +211,9 @@ a {
} }
.profile-picture { .profile-picture {
float: right; float: right;
width: 15rem; width: 15rem;
margin-left: 3em; margin-left: 3em;
} }
@media screen and (max-width: 50rem) { @media screen and (max-width: 50rem) {
@ -271,10 +236,10 @@ a {
span.title { display: none } span.title { display: none }
} }
.profile-picture { .profile-picture {
width: 10rem; width: 10rem;
margin-left: 1em; margin-left: 1em;
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -288,19 +253,14 @@ a {
color: inherit; color: inherit;
} }
nav ul li a, nav ul.table-of-contents li a { nav ul li a {
color: inherit; color: inherit;
&:hover { &:hover {
color: #131516; color: #131516;
background-color: #cdcdcd; background-color: #cdcdcd;
} }
} }
nav ul.table-of-contents li a {
color: #ff6e67;
&::before, &::after {
background-color: #383838;
}
}
main { main {
.info, input.search { border-color: #383838 } .info, input.search { border-color: #383838 }

4
templates/index.html
View File

@ -29,10 +29,6 @@
<li><a href="{{ get_url(path=item.path, trailing_slash=true) }}">{{ item.title }}</a></li> <li><a href="{{ get_url(path=item.path, trailing_slash=true) }}">{{ item.title }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
{% if page.toc and not page.extra.notoc %}
<span class="title">Table of Contents</span>
{{ macros::toc() }}
{% endif %}
<span class="title">Categories</span> <span class="title">Categories</span>
{{ macros::list_taxonomy(kind="categories") }} {{ macros::list_taxonomy(kind="categories") }}
</nav> </nav>

34
templates/macros.html
View File

@ -48,22 +48,24 @@
{% endmacro %} {% endmacro %}
{% macro toc() %} {% macro toc() %}
<ul class="table-of-contents"> {% if page.toc and not page.extra.notoc %}
{% for h1 in page.toc %} <ul>
<li> {% for h1 in page.toc %}
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a> <li>
{% if h1.children %} <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
<ul> {% if h1.children %}
{% for h2 in h1.children %} <ul>
<li> {% for h2 in h1.children %}
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a> <li>
</li> <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
{% endfor %} </li>
</ul> {% endfor %}
{% endif %} </ul>
</li> {% endif %}
{% endfor %} </li>
</ul> {% endfor %}
</ul>
{% endif %}
{% endmacro %} {% endmacro %}
{% macro list_taxonomy(kind, page=false, prepend="") %} {% macro list_taxonomy(kind, page=false, prepend="") %}

1
templates/page.html
View File

@ -6,6 +6,7 @@
{% block content %} {% block content %}
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{{ macros::toc() }}
{{ page.content | safe }} {{ page.content | safe }}
{{ macros::page_info(page=page) }} {{ macros::page_info(page=page) }}
{{ macros::page_updates(page=page) }} {{ macros::page_updates(page=page) }}