icons pngs

This commit is contained in:
anarsec 2024-04-22 01:52:16 +00:00
parent 745de9bf7d
commit 510f393b17
No known key found for this signature in database
17 changed files with 35 additions and 41 deletions

View file

@ -588,6 +588,9 @@ code
.icon-text
font-size: 16px
.footer-text
color: black !important
summary
cursor: pointer
margin-top: 0.5em
@ -612,6 +615,7 @@ body[theme="dark"] .navbar
body[theme="dark"] .footer
background-color: #090809 !important
body[theme="dark"] .navbar-item
color: #c9c7c9 !important
@ -657,7 +661,7 @@ body[theme="dark"] a.toc
body[theme="dark"] a.toc:hover
color: black !important
body[theme="dark"] a:not(.toc,.navbar-item)
body[theme="dark"] a:not(.toc,.navbar-item,.footer-text)
color: #fa86d8 !important
body[theme="dark"] code
@ -671,3 +675,5 @@ body[theme="dark"] a.is-active
img[theme=dark]:not(.no-dark)
filter: invert(1) hue-rotate(180deg)
body[theme="dark"] .footer-text
color: white !important

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

View file

@ -63,13 +63,13 @@
{% endif %}
{% endfor %}
<a class="navbar-item" id="nav-search" title="Search" href="/search" target="_blank" rel="noopener noreferrer">
<span class="icon">
<i class="fas fa-search"></i>
<span class="icon is-small">
<img src="/icons/search.png">
</span>
</a>
<a class="navbar-item" id="dark-mode" title="Switch to dark theme">
<span class="icon">
<i class="fas fa-adjust"></i>
<img src="/icons/night-mode.png">
</span>
</a>
</div>
@ -121,12 +121,12 @@
{% block footer %}
<footer class="footer py-4">
<div class="content has-text-centered has-text-link-light">
<div class="content has-text-centered">
<p>
<a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog </a>
<a class="footer-text" href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog </a>
<a href="/atom.xml" target="_blank">
<span class="icon is-large" title="RSS Feed">
<i class="fas fa-rss fa-lg"></i>
<span class="icon" title="RSS Feed">
<img src="/icons/rss-symbol.png">
</span>
</a>
<a href="https://0xacab.org/anarsec/anarsec.guide" target="_blank">

View file

@ -6,7 +6,7 @@
<div class="has-text-centered">
<h1 class="title is-2">
<span class="icon">
<i class="fas fa-cubes"></i>
<img src="/icons/cube.png">
</span>
Categories
</h1>
@ -14,8 +14,8 @@
<p>
{% for category in terms %}
<a href="/categories/{{category.name | lower}}" class="mr-4">
<span class="icon">
<i class="fas fa-cube"></i>
<span class="icon is-small">
<img src="/icons/cube.png">
</span>
<span>{{category.name}} <sup>{{ category.pages | length }}</sup></span>
</a>

View file

@ -7,8 +7,8 @@
<div class='has-text-centered'>
<h1 class="title">
<span class="icon-text">
<span class="icon">
<i class="fas fa-cube"></i>
<span class="icon is-small">
<img src="/icons/cube.png">
</span>
<span>{{ term.name }}</span>
</span>
@ -73,4 +73,4 @@
</div>
</div>
</section>
{% endblock content %}
{% endblock content %}

View file

@ -53,9 +53,6 @@
{% macro page_publish_metadata(page) %}
<span class="icon-text has-text-grey">
<span class="icon">
<i class="far fa-calendar-alt"></i>
</span>
<span>Published on&nbsp;</span>
<span><time datetime="{{ page.date }}">{{ page.date | date(format='%B %d, %Y') }}</time></span>
<span>&nbsp;| <a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md#{{page.title | slugify}}">Last edited on&nbsp;<time datetime="{{ page.extra.dateedit }}">{{ page.extra.dateedit | date(format='%B %d, %Y') }}</time></a></span>
@ -64,8 +61,8 @@
{% macro page_content_metadata(page) %}
<span class="icon-text has-text-grey">
<span class="icon">
<i class="far fa-clock"></i>
<span class="icon is-small">
<img src="/icons/clock.png">
</span>
<span>{{ page.reading_time }} min</span>
</span>
@ -73,9 +70,6 @@
{% macro page_content_pdfs(page) %}
<span class="icon-text has-text-grey">
<span class="icon">
<i class="far fa-file-pdf"></i>
</span>
<span>PDF: <a href="/posts/{{page.slug | lower}}/{{page.extra.letter | lower}}">Letter</a> | <a href="/posts/{{page.slug | lower}}/{{page.extra.a4 | lower}}">A4</a> </span>
</span>
@ -86,8 +80,8 @@
{% for category in categories %}
<a class="has-text-weight-semibold" href="/categories/{{category | lower}}">
<span class="icon-text">
<span class="icon">
<i class="fas fa-cube"></i>
<span class="icon is-small">
<img src="/icons/cube.png">
</span>
<span>{{category}}</span>
</span>
@ -102,8 +96,8 @@
{% for tag in tags %}
<a class="has-text-weight-semibold" href="/tags/{{tag | lower}}">
<span class="icon-text">
<span class="icon">
<i class="fas fa-tag"></i>
<span class="icon is-small">
<img src="/icons/tag.png">
</span>
<span>{{tag}}</span>
</span>

View file

@ -20,12 +20,9 @@
{{ page.title }}
</h1>
<div class="columns is-multiline is-gapless">
<div class="column is-10">
<div class="column is-12">
{{ macros::page_publish_metadata(page=page) }}
</div>
<div class="column is-2 has-text-right-desktop">
{{ macros::page_content_metadata(page=page) }}
</div>
<div class="column is-12">
{{ macros::page_content_pdfs(page=page) }}
</div>

View file

@ -42,9 +42,6 @@
<div class="column is-10">
{{ macros::page_publish_metadata(page=page) }}
</div>
<div class="column is-2 has-text-right-desktop has-text-right-tablet">
{{ macros::page_content_metadata(page=page) }}
</div>
<div class="column is-4">
{{ macros::page_content_pdfs(page=page) }}
</div>
@ -53,8 +50,8 @@
{{ page.summary | safe }}
<a class="has-text-weight-semibold" href='/posts/{{ page.slug }}'>
Read More
<span class="icon is-small">
<i class="fas fa-arrow-right fa-xs"></i>
<span class="icon">
<img src="/icons/arrow-right.png">
</span>
</a>
</div>

View file

@ -6,7 +6,7 @@
<div class="has-text-centered">
<h1 class="title is-2">
<span class="icon">
<i class="fas fa-tags"></i>
<img src="/icons/tag.png">
</span>
Tags
</h1>
@ -14,8 +14,8 @@
<p>
{% for tag in terms %}
<a href="/tags/{{tag.name | lower}}" class="mr-4">
<span class="icon">
<i class="fas fa-tag"></i>
<span class="icon is-small">
<img src="/icons/tag.png">
</span>
<span>{{tag.name}} <sup>{{ tag.pages | length }}</sup></span>
</a>

View file

@ -7,8 +7,8 @@
<div class='has-text-centered'>
<h1 class="title">
<span class="icon-text">
<span class="icon">
<i class="fas fa-tag"></i>
<span class="icon is-small">
<img src="/icons/tag.png">
</span>
<span>{{ term.name }}</span>
</span>
@ -73,4 +73,4 @@
</div>
</div>
</section>
{% endblock content %}
{% endblock content %}