xenua
/
xscratch
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

yea

main
xenua 2 years ago
parent
9b9f1be6e2
commit
06c39ebb60
9 changed files with 44 additions and 235 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 80
      sass/code-highlight-dark.scss
  2. 74
      sass/style.sass
  3. 14
      static/script.js
  4. 37
      templates/base.html
  5. 14
      templates/index.html
  6. 26
      templates/macros.html
  7. 9
      templates/page.html
  8. 17
      templates/section.html
  9. 8
      theme.toml

80
sass/code-highlight-dark.scss
Unescape View File

@ -1,80 +0,0 @@ @@ -1,80 +0,0 @@
/*
* based on Monokai, modified to fit reasonable colors
*/
@import 'reasonable-colors';
.z-comment {
color: $color-gray-3;
}
.z-string {
color: $color-amber-2;
}
.z-constant.z-numeric {
color: $color-purple-3;
}
.z-constant.z-language {
color: $color-purple-3;
}
.z-constant.z-character, .z-constant.z-other {
color: $color-purple-3;
}
.z-keyword {
color: $color-raspberry-3;
}
.z-storage {
color: $color-raspberry-3;
}
.z-storage.z-type {
color: $color-powder-2;
font-style: italic;
}
.z-entity.z-name.z-class {
color: $color-green-2;
font-style: underline;
}
.z-entity.z-other.z-inherited-class {
color: $color-green-2;
font-style: underline;
font-style: italic;
}
.z-entity.z-name.z-function {
color: $color-green-2;
}
.z-variable.z-parameter {
color: $color-cinnamon-2;
font-style: italic;
}
.z-entity.z-name.z-tag {
color: $color-raspberry-3;
}
.z-entity.z-other.z-attribute-name {
color: $color-green-2;
}
.z-support.z-function {
color: $color-powder-2;
}
.z-support.z-constant {
color: $color-powder-2;
}
.z-support.z-type, .z-support.z-class {
color: $color-powder-2;
font-style: italic;
}
.z-invalid {
color: $color-gray-1;
background-color: $color-raspberry-3;
}
.z-invalid.z-deprecated {
color: $color-gray-1;
background-color: $color-purple-3;
}
.z-path {
color: $color-indigo-3;
}
.z-generic {
color: $color-green-3;
}
.z-return-type {
color: $color-green-2;
}

74
sass/style.sass
Unescape View File

@ -14,9 +14,9 @@ @@ -14,9 +14,9 @@
body
display: grid
grid-template-areas: "nav content" "sidebar content" "footer content"
grid-template-areas: "sidebar content" "footer content"
grid-template-rows: 50px 1fr 50px
grid-template-rows: 1fr 50px
grid-template-columns: 20rem 1fr
grid-column-gap: 2rem
@ -34,6 +34,13 @@ body @@ -34,6 +34,13 @@ body
div.debug
padding-left: 2ch
div.sections
display: flex
flex-flow: column nowrap
padding-bottom: 0.5rem
border-bottom: 2px solid silver
margin-bottom: 0.5rem
a
color: #0053a7
text-decoration: underline 0.1em rgba(0, 83, 167, 0)
@ -71,18 +78,6 @@ body @@ -71,18 +78,6 @@ body
a
white-space: nowrap
nav
@include padding-horiz(1rem)
grid-area: nav
height: 50px
display: flex
flex-flow: row nowrap
justify-content: space-between
align-items: center
background-color: #f2f2e1
article
@include padding-horiz(2rem)
margin: 1rem 0
@ -141,7 +136,6 @@ body @@ -141,7 +136,6 @@ body
grid-area: sidebar
overflow-y: scroll
background-color: #f2f2e1
border-top: 2px solid rgba(0, 0, 0, 0.1)
border-bottom: 2px solid rgba(0, 0, 0, 0.1)
display: flex
flex-flow: column nowrap
@ -157,56 +151,6 @@ body @@ -157,56 +151,6 @@ body
#theme-toggle
cursor: pointer
body.dark
// todo: fix lmao
background-color: #232327
color: #e7e3d5
a
color: #207edb
text-decoration-color: rgba(30, 115, 201, 0)
&:hover
text-decoration-color: rgba(30, 115, 201, 0.5)
&:visited
color: #aa99ff
&:active
color: #ed4523
article
font-family: "Iosevka Etoile Web"
color: #e9e3d3
background-color: #0a0b0c
background-image: url("rocky-wall-50.png")
pre
background-color: rgba(5, 5, 5, 0.6)
box-shadow: 0 0 0.5rem 0 rgba(255, 255, 255, 0.5) inset
table td
mark
color: #e9e3d3
code
@import code-highlight-dark
mark
background-color: rgba($color-yellow-2, 0.1)
aside
background-color: #18181a
nav
background-color: #18181a
footer
background-color: #18181a
@media print
body

14
static/script.js
Unescape View File

@ -1,14 +0,0 @@ @@ -1,14 +0,0 @@
let placeholder = document.getElementById('theme-toggle-placeholder');
if (placeholder) {
let toggle = document.createElement("span");
toggle.id = "theme-toggle";
toggle.addEventListener("click", () => {
toggle_theme_pref();
update_theme();
update_theme_toggle();
});
placeholder.replaceWith(toggle);
update_theme_toggle();
}

37
templates/base.html
Unescape View File

@ -20,42 +20,7 @@ @@ -20,42 +20,7 @@
{% endblock css -%}
</head>
<body {% if config.extra.default_dark %}class="dark"{% endif %}>
<script>
function get_theme_pref() {
let pref_dark = false
if(localStorage.getItem('prefers-color') === 'dark') {
pref_dark = true;
} else if(localStorage.getItem('prefers-color') === 'light') {
pref_dark = false;
} else {
pref_dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
}
return pref_dark;
}
function set_theme_pref(dark = false) {
localStorage.setItem('prefers-color', dark ? "dark" : "light");
}
function toggle_theme_pref() {
set_theme_pref(!get_theme_pref());
}
function update_theme() {
if (get_theme_pref()) {
document.body.classList.add("dark");
} else {
document.body.classList.remove("dark");
}
}
function update_theme_toggle() {
let toggle = document.getElementById('theme-toggle');
if (toggle) {
toggle.innerHTML = get_theme_pref() ? '☀️' : '🌙';
}
}
update_theme();
</script>
<nav>{% block nav %}{% endblock %}</nav>
<body>
<aside>{% block aside %}{% endblock %}</aside>
<article>
{%- block content %}<h1>override the content block in a template</h1>{% endblock -%}

14
templates/index.html
Unescape View File

@ -20,14 +20,9 @@ @@ -20,14 +20,9 @@
{% endfor %}
{% endblock %}
{% block nav %}
<span>{{ config.extra.index_nav_text | default(value="") }}</span>
<noscript id="theme-toggle-placeholder"></noscript>
{% endblock nav %}
{% block footer %}
<span>
&copy; {{ now() | date(format='%Y') }}
{{ now() | date(format='%Y') }}
{% if section.extra.author %}
{{ section.extra.author }}
{% elif config.extra.author %}
@ -45,12 +40,7 @@ @@ -45,12 +40,7 @@
{% endif %}
{% if section.subsections %}
{{ config.extra.subsections_string | default(value="Subsections:") }}
<ul>
{% for sub in section.subsections %}
{% set dom = sub | trim_end_matches(pat="/_index.md") %}
<li><a class="stealth" href="{{ dom }}">{{ dom }}</a></li>
{% endfor %}
</ul>
{{ macros::subsection_tree(subs=section.subsections) }}
{% endif %}
{% if config.extra.xscratch_debug_info %}
<span><strong>Debug info:</strong></span>

26
templates/macros.html
Unescape View File

@ -44,4 +44,28 @@ @@ -44,4 +44,28 @@
{{ thing }}
{% endif %}
</div>
{% endmacro %}
{% endmacro debug %}
{% macro parent_tree(ancestors) %}
<div class="sections">
{% for sect in ancestors %}
{% set sect = get_section(path=sect) %}
<span style="padding-left: {{ loop.index0 }}em;">
<a href="{{ sect.permalink }}" class="stealth">
{{ sect.title }}/
</a>
</span>
{% endfor %}
</div>
{% endmacro section_tree %}
{% macro subsection_tree(subs) %}
<ul>
{% for sub in subs %}
{% set sub = get_section(path=sub) %}
<li><a href="{{ sub.permalink }}" class="stealth">
{{ sub.title }}
</a></li>
{% endfor %}
</ul>
{% endmacro subsection_tree %}

9
templates/page.html
Unescape View File

@ -15,17 +15,14 @@ @@ -15,17 +15,14 @@
{% endif %}
{% endblock %}
{% block nav %}
<span><a class="stealth" href="..">../{{ page.slug }}</a></span>
<noscript id="theme-toggle-placeholder"></noscript>
{% endblock %}
{% block content %}
<h1 id="page-title">{{ page.title }}</h1>
{{ page.content | safe }}
{% endblock %}
{% block aside %}
{{ macros::parent_tree(ancestors=page.ancestors) }}
{% if page.date -%}
<span id="page-publish-date">Published: <time>{{ page.date }}</time>{% if page.updated %}, Updated: <time>{{ page.updated }}</time>{% endif %}</span>
{%- endif %}
@ -51,7 +48,7 @@ @@ -51,7 +48,7 @@
{% block footer %}
<span>
&copy; {{ now() | date(format='%Y') }}
{{ now() | date(format='%Y') }}
{% if page.extra.author %}
{{ page.extra.author }}
{% elif config.extra.author %}

17
templates/section.html
Unescape View File

@ -20,15 +20,9 @@ @@ -20,15 +20,9 @@
{% endfor %}
{% endblock %}
{% block nav %}
{% set dom = section.relative_path | trim_end_matches(pat="/_index.md") %}
<span><a class="stealth" href="..">../{{ dom }}</a></span>
<noscript id="theme-toggle-placeholder"></noscript>
{% endblock %}
{% block footer %}
<span>
&copy; {{ now() | date(format='%Y') }}
{{ now() | date(format='%Y') }}
{% if section.extra.author %}
{{ section.extra.author }}
{% elif config.extra.author %}
@ -38,6 +32,8 @@ @@ -38,6 +32,8 @@
{% endblock %}
{% block aside %}
{{ macros::parent_tree(ancestors=section.ancestors) }}
{% if section.title %}
<h1>{{ section.title }}</h1>
{% endif %}
@ -46,12 +42,7 @@ @@ -46,12 +42,7 @@
{% endif %}
{% if section.subsections %}
{{ config.extra.subsections_string | default(value="Subsections:") }}
<ul>
{% for sub in section.subsections %}
{% set dom = sub | trim_end_matches(pat="/_index.md") %}
<li><a class="stealth" href="{{ dom }}">{{ dom }}</a></li>
{% endfor %}
</ul>
{{ macros::subsection_tree(subs=section.subsections) }}
{% endif %}
{% if config.extra.xscratch_debug_info %}

8
theme.toml
Unescape View File

@ -7,14 +7,6 @@ min_version = "0.4.0" @@ -7,14 +7,6 @@ min_version = "0.4.0"
# An optional live demo URL
demo = ""
# Any variable there can be overridden in the end user `config.toml`
# You don't need to prefix variables by the theme name but as this will
# be merged with user data, some kind of prefix or nesting is preferable
# Use snake_casing to be consistent with the rest of Zola
[extra]
default_dark = false
# The theme author info: you!
[author]
name = "xenua"

Write Preview
Loading…
Cancel
Save