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

Use warning icon instead of a glyph, move QR styles to comments

Browse Source 
-since it's not used anywhere else at the moment
This commit is contained in:
daudix
2024-04-04 07:06:17 +03:00
parent aef0e88d82
commit c80b47fa92
7 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
sass/_comments.scss
View File

@ -1,4 +1,17 @@
section#comments { section#comments {
#qrcode {
float: right;
margin: 3rem 0 0 1rem;
background-color: white;
padding: 12.5px;
width: 150px;
height: 150px;
@media only screen and (max-width: 720px) {
display: none;
}
}
#load-comments { #load-comments {
cursor: pointer; cursor: pointer;
} }

12
sass/_qrcode.scss
View File

@ -1,12 +0,0 @@
#qrcode {
float: right;
margin: 3rem 0 0 1rem;
background-color: white;
padding: 12.5px;
width: 150px;
height: 150px;
@media only screen and (max-width: 720px) {
display: none;
}
}

4
sass/_variables.scss
View File

@ -45,8 +45,6 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
color-scheme: dark;
// COLORS // COLORS
--bg-color: var(--bg-color-d); --bg-color: var(--bg-color-d);
--fg-color: rgb(255, 255, 255); --fg-color: rgb(255, 255, 255);
@ -64,5 +62,7 @@
--red-fg: rgb(246, 97, 81); --red-fg: rgb(246, 97, 81);
--yellow-bg: rgba(248, 228, 92, 0.1); --yellow-bg: rgba(248, 228, 92, 0.1);
--yellow-fg: rgb(248, 228, 92); --yellow-fg: rgb(248, 228, 92);
color-scheme: dark;
} }
} }

1
sass/style.scss
View File

@ -21,6 +21,5 @@
@use "nav"; @use "nav";
@use "not-found"; @use "not-found";
@use "post-nav"; @use "post-nav";
@use "qrcode";
@use "statements"; @use "statements";
@use "tags"; @use "tags";

6
templates/blog.html
View File

@ -29,21 +29,21 @@
{% if page.extra.archive %} {% if page.extra.archive %}
<div class="statement-container archive"> <div class="statement-container archive">
<strong class="big">⚠ Archived</strong> <strong class="big"><svg viewBox="0 0 16 16" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.371c-.77 0-1.535.375-1.941 1.125l-4.88 9.063C.364 13.074 1.513 15 3.235 15h9.532c1.722 0 2.87-1.926 2.054-3.441L9.938 2.496C9.535 1.746 8.77 1.371 8 1.371m0 1.926c.064 0 .129.049.18.144l4.879 9.067c.144.262.004.492-.293.492H3.234c-.296 0-.437-.23-.296-.492L7.82 3.44c.051-.095.116-.144.18-.144m-.031 2.672A1 1 0 0 0 7.812 6c-.457.086-.82.535-.812 1v1c-.008.527.473 1 1 1s1.008-.473 1-1V7c.016-.543-.488-1.047-1.031-1.031M8 10c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"></path></svg> Archived</strong>
{{ page.extra.archive | markdown | safe }} {{ page.extra.archive | markdown | safe }}
</div> </div>
{% endif %} {% endif %}
{% if page.extra.trigger %} {% if page.extra.trigger %}
<div class="statement-container trigger"> <div class="statement-container trigger">
<strong class="big">⚠ Trigger Warning</strong> <strong class="big"><svg viewBox="0 0 16 16" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.371c-.77 0-1.535.375-1.941 1.125l-4.88 9.063C.364 13.074 1.513 15 3.235 15h9.532c1.722 0 2.87-1.926 2.054-3.441L9.938 2.496C9.535 1.746 8.77 1.371 8 1.371m0 1.926c.064 0 .129.049.18.144l4.879 9.067c.144.262.004.492-.293.492H3.234c-.296 0-.437-.23-.296-.492L7.82 3.44c.051-.095.116-.144.18-.144m-.031 2.672A1 1 0 0 0 7.812 6c-.457.086-.82.535-.812 1v1c-.008.527.473 1 1 1s1.008-.473 1-1V7c.016-.543-.488-1.047-1.031-1.031M8 10c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"></path></svg> Trigger Warning</strong>
{{ page.extra.trigger | markdown | safe }} {{ page.extra.trigger | markdown | safe }}
</div> </div>
{% endif %} {% endif %}
{% if page.extra.disclaimer %} {% if page.extra.disclaimer %}
<div class="statement-container disclaimer"> <div class="statement-container disclaimer">
<strong class="big">⚠ Disclaimer(s)</strong> <strong class="big"><svg viewBox="0 0 16 16" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.371c-.77 0-1.535.375-1.941 1.125l-4.88 9.063C.364 13.074 1.513 15 3.235 15h9.532c1.722 0 2.87-1.926 2.054-3.441L9.938 2.496C9.535 1.746 8.77 1.371 8 1.371m0 1.926c.064 0 .129.049.18.144l4.879 9.067c.144.262.004.492-.293.492H3.234c-.296 0-.437-.23-.296-.492L7.82 3.44c.051-.095.116-.144.18-.144m-.031 2.672A1 1 0 0 0 7.812 6c-.457.086-.82.535-.812 1v1c-.008.527.473 1 1 1s1.008-.473 1-1V7c.016-.543-.488-1.047-1.031-1.031M8 10c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"></path></svg> Disclaimer(s)</strong>
{{ page.extra.disclaimer | markdown | safe }} {{ page.extra.disclaimer | markdown | safe }}
</div> </div>
{% endif %} {% endif %}

2
templates/page.html
View File

@ -3,7 +3,7 @@
{% block content %} {% block content %}
{% if page.extra.archive %} {% if page.extra.archive %}
<div class="statement-container archive"> <div class="statement-container archive">
<strong class="big">⚠ Archived</strong> <strong class="big"><svg viewBox="0 0 16 16" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.371c-.77 0-1.535.375-1.941 1.125l-4.88 9.063C.364 13.074 1.513 15 3.235 15h9.532c1.722 0 2.87-1.926 2.054-3.441L9.938 2.496C9.535 1.746 8.77 1.371 8 1.371m0 1.926c.064 0 .129.049.18.144l4.879 9.067c.144.262.004.492-.293.492H3.234c-.296 0-.437-.23-.296-.492L7.82 3.44c.051-.095.116-.144.18-.144m-.031 2.672A1 1 0 0 0 7.812 6c-.457.086-.82.535-.812 1v1c-.008.527.473 1 1 1s1.008-.473 1-1V7c.016-.543-.488-1.047-1.031-1.031M8 10c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"></path></svg> Archived</strong>
{{ page.extra.archive | markdown | safe }} {{ page.extra.archive | markdown | safe }}
</div> </div>
{% endif %} {% endif %}

2
templates/partials/nav.html
View File

@ -19,7 +19,7 @@
{% if config.extra.nav.show_feed %} {% if config.extra.nav.show_feed %}
<li id="feed"> <li id="feed">
<a href="{{ get_url(path=config.feed_filename) | safe }}"> <a href="{{ get_url(path=config.feed_filename) | safe }}">
<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 viewBox="0 0 16 16" fill="currentColor" height="16" width="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"></path></svg>
<span>Feed</span> <span>Feed</span>
</a> </a>
</li> </li>