hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change indenting to 1 tab (4 spaces)

Browse Source 
It's more readable this way
This commit is contained in:
daudix
2024-02-27 18:38:23 +03:00
parent 9fc6befbf4
commit d0eaa63568
33 changed files with 1208 additions and 1256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.editorconfig
View File

@ -1,10 +0,0 @@
root = true
[*]
end_of_line = lf
charset = utf-8
insert_final_newline = true
[*.{css,scss,html}]
indent_style = space
indent_size = 2

4
config.toml
View File

@ -52,9 +52,9 @@ source_url = "https://codeberg.org/daudix/duckquill"
show_feed = true
# Links used in the nav
links = [
{url = "https://codeberg.org/daudix/duckquill", name = "Repo"},
{url = "$BASE_URL/demo", name = "Demo"},
{url = "$BASE_URL/blog", name = "Blog"},
{url = "$BASE_URL/demo", name = "Demo"},
{url = "https://codeberg.org/daudix/duckquill", name = "Repo"},
]
[extra.footer]

34
sass/_crt.scss
View File

@ -1,17 +1,13 @@
.crt {
margin: 1rem 0 1rem;
border-radius: var(--rounded-corner);
background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
var(--primary-color);
box-shadow: 0 0 0 1px var(--primary-color-alpha),
0 2px 6px 2px var(--primary-color-alpha),
0 4px 24px 4px var(--primary-color-alpha);
background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)), var(--primary-color);
box-shadow: 0 0 0 1px var(--primary-color-alpha), 0 2px 6px 2px var(--primary-color-alpha), 0 4px 24px 4px var(--primary-color-alpha);
pre {
color: var(--primary-color);
padding: 1rem 1rem;
text-shadow: var(--primary-color-alpha) 0 0 4px,
var(--primary-color) 0 0 12px;
text-shadow: var(--primary-color-alpha) 0 0 4px, var(--primary-color) 0 0 12px;
// Unset some <pre> stuff
background-color: unset;
box-shadow: unset;
@ -22,15 +18,19 @@
from {
opacity: 1;
}
25% {
opacity: 0.95;
}
50% {
opacity: 0.85;
}
75% {
opacity: 1;
}
to {
opacity: 0.9;
}
@ -48,13 +48,7 @@
&::before {
animation: scanlines 250ms linear infinite;
background: repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.25),
rgba(0, 0, 0, 0.25) 1px,
transparent 3px,
transparent 4px
);
background: repeating-linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 3px, transparent 4px);
content: "";
display: block;
height: calc(100% + 0.5rem);
@ -69,6 +63,7 @@
from {
transform: translateY(-0.5rem);
}
to {
transform: translateY(0);
}
@ -81,12 +76,7 @@
&::after {
animation: scanline 5s linear infinite;
background: linear-gradient(
to top,
transparent 0%,
var(--primary-color-alpha) 10%,
transparent 100%
);
background: linear-gradient(to top, transparent 0%, var(--primary-color-alpha) 10%, transparent 100%);
bottom: 100%;
content: "";
display: block;
@ -100,9 +90,11 @@
from {
bottom: 100%;
}
50% {
bottom: 100%;
}
to {
bottom: -8rem;
}
@ -121,9 +113,11 @@
from {
opacity: 1;
}
50% {
opacity: 0;
}
75% {
opacity: 1;
}

2
sass/_main.scss
View File

@ -292,7 +292,7 @@ details {
border-radius: var(--rounded-corner);
padding: 1rem;
& > summary {
&>summary {
cursor: pointer;
}
}

1
sass/_media.scss
View File

@ -33,4 +33,3 @@ img {
transform: scale(1.1);
}
}

21
sass/_variables.scss
View File

@ -19,27 +19,18 @@
// VARIABLES
--active: 0.9;
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
var(--primary-color);
--bg-color-l: linear-gradient(
rgba(255, 255, 255, 0.8),
rgba(255, 255, 255, 0.8)
),
var(--primary-color);
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
--blur: saturate(180%) blur(10px);
--content-width: 720px;
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
Consolas, "DejaVu Sans Mono", monospace;
--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif",
"Sitka Small", serif;
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
--font-system: system-ui, sans-serif;
--rounded-corner-small: 8px;
--rounded-corner: 12px;
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06),
0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07),
0 2px 6px 2px rgba(0, 0, 0, 0.03);
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
--transition-bezier: 350ms cubic-bezier(0.17, 0.89, 0.32, 1.28);
--transition-long: 800ms;
--transition-longer: 400ms;

6
templates/blog.html
View File

@ -5,7 +5,7 @@
{%- if page.date %}
<small>
<time datetime='{{ page.date | date(format='%+') }}' pubdate>
<time datetime="{{ page.date | date(format=' %+') }}" pubdate>
{{- page.date | date(format=config.extra.date_format) -}}
</time>
{%- if page.authors %}
@ -49,9 +49,7 @@
{% endif %}
{% if page.extra.toc %}
<h2>
Table of Contents
</h2>
<h2>Table of Contents</h2>
<ul>
{% for h1 in page.toc %}
<li>

22
templates/blog_list.html
View File

@ -12,19 +12,15 @@
</small>
<div class="blog-list">
{% for page in section.pages %}
<article>
<h3>
<a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a>
</h3>
{% for page in section.pages %}
<article>
<h3><a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
{%- if page.description %}
<p>{{ page.description }}</p>
{%- endif %}
{%- if page.date %}
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=config.extra.date_format) -}}
</time>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>{{- page.date | date(format=config.extra.date_format) -}}</time>
{%- if page.authors %}
<span>•</span>
<span>Author: {{ page.authors[0] }}</span>
@ -34,17 +30,15 @@
<span>•</span>
<ul class="tags">
{%-for item in taxon %}
<li>
<a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a>
</li>
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
{%- endfor %}
{%- endif %}
</small>
{%- endif %}
</article>
<hr>
{% endfor %}
</article>
<hr>
{% endfor %}
</div>
{% endblock content %}

3
templates/partials/comments.html
View File

@ -24,7 +24,8 @@
</p>
<p>
<small>
Since Fediverse is decentralized, you can use your existing Mastodon API compatible account if you don't have an
Since Fediverse is decentralized, you can use your existing Mastodon API compatible account if you don't
have an
account on this server. Known non-private replies are displayed below.
</small>
</p>

3
templates/partials/footer.html
View File

@ -12,7 +12,8 @@
{% endif %}
{% if config.extra.footer.show_johnvert %}
<details><summary>Johnvertisement</summary>
<details>
<summary>Johnvertisement</summary>
<iframe id="johnvertisement" title="Johnvertisement" src="https://john.citrons.xyz/embed?ref={{ config.extra.footer.johnvert_ref }}"></iframe>
</details>
{% endif %}

4
templates/partials/head.html
View File

@ -52,9 +52,7 @@
<!-- Open Graph -->
<meta property="og:site_name" content="{{ config.title }}" />
<meta property="og:title" content="{%- if page.title -%} {{- page.title }} - {{ config.title -}}
{%- elif section.title -%} {{- section.title }} - {{ config.title -}}
{%- else -%} {{- config.title -}} {%- endif -%}" />
<meta property="og:title" content="{%- if page.title -%}{{- page.title }} - {{ config.title -}}{%- elif section.title -%}{{- section.title }} - {{ config.title -}}{%- else -%}{{- config.title -}}{%- endif -%}" />
<meta property="og:url" content="{{ current_url | default(value='/') }}" />
<meta property="og:description" content="{{ page.description | default(value=config.description) }}" />
<meta property="og:image" content="{{ get_url(path='card.png') }}" />

7
templates/partials/nav.html
View File

@ -7,15 +7,14 @@
</li>
{% for link in config.extra.nav.links %}
<li>
<a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">{{ link.name }}</a>
<a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">{{ link.name
}}</a>
</li>
{% endfor %}
{% if config.extra.nav.show_feed %}
<li id="feed">
<a href="{{ get_url(path='') }}/{{ config.feed_filename }}">
<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0" />
</svg>
<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0" /></svg>
<span>Feed</span>
</a>
</li>

6
templates/shortcodes/image.html
View File

@ -1,12 +1,10 @@
<a href="{{url}}">
<img
class="
<img class="
{% if full %}full{% endif %}
{% if pixels %}pixels{% endif %}
{% if transparent %}transparent{% endif %}
{% if no_hover %}no-hover{% endif %}
"
{% if alt %}alt="{{alt}}"{% endif %}
src="{% if url_min %}{{url_min}}{% else %}{{url}}{% endif %}"
/>
src="{% if url_min %}{{url_min}}{% else %}{{url}}{% endif %}" />
</a>

3
templates/shortcodes/video.html
View File

@ -5,6 +5,5 @@
{% if transparent %}transparent{% endif %}
"
{% if alt %}alt="{{alt}}"{% endif %}
controls
src="{{url}}">
controls src="{{url}}">
</video>

4
templates/taxonomy_list.html
View File

@ -7,9 +7,7 @@
<small>
<ul class="tags">
{% for tag in terms %}
<li>
<a class="tag" href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}">{{ tag.name }}</a>
</li>
<li><a class="tag" href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}">{{ tag.name }}</a></li>
{% endfor %}
</ul>
</small>

14
templates/taxonomy_single.html
View File

@ -9,26 +9,18 @@
</small>
<article>
{% for page in term.pages %}
<h3>
<a class="link-page" href="{{ page.permalink | safe }}">
{{ page.title }}
</a>
</h3>
<h3><a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
{%- if page.description %}
<p>{{ page.description }}</p>
{%- endif %}
<small>
<time datetime='{{ page.date | date(format='%+') }}' pubdate>
{{- page.date | date(format=config.extra.date_format) -}}
</time>
<time datetime='{{ page.date | date(format=' %+') }}' pubdate>{{- page.date | date(format=config.extra.date_format) -}}</time>
{%- if page.taxonomies %}
{%- for name, taxon in page.taxonomies %}
<span>•</span>
<ul class="tags">
{%-for item in taxon %}
<li>
<a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a>
</li>
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
{%- endfor %}