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

Post banners!

Browse Source
This commit is contained in:
daudix
2024-07-13 22:48:55 +03:00
parent 2ae84fb5d5
commit f690ec1105
5 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
sass/_article.scss Normal file
View File

@ -0,0 +1,18 @@
#banner {
$mask: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
-webkit-mask-image: $mask;
position: absolute;
top: 0;
left: 0;
z-index: -1;
mask-image: $mask;
transition: none;
margin: 0;
user-select: none;
&.bright {
$mask: linear-gradient(rgba(0, 0, 0, 0.3), transparent);
-webkit-mask-image: $mask;
mask-image: $mask;
}
}

2
sass/_code.scss
View File

@ -12,7 +12,7 @@ code:not(pre code) {
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.125rem 0.375rem; padding: 0.125rem 0.375rem;
color: var(--red-fg); color: var(--red-fg);
font-size: 0.875rem; font-size: 0.875em;
} }
pre { pre {

8
sass/_typography.scss
View File

@ -27,7 +27,7 @@ h3 {
small { small {
color: var(--fg-muted-5); color: var(--fg-muted-5);
font-size: 0.875rem; font-size: 0.875em;
} }
abbr[title] { abbr[title] {
@ -39,7 +39,7 @@ abbr[title] {
figcaption { figcaption {
color: var(--fg-muted-4); color: var(--fg-muted-4);
font-size: 0.875rem; font-size: 0.875em;
text-align: center; text-align: center;
} }
@ -83,7 +83,7 @@ ins {
samp { samp {
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
color: var(--fg-muted-5); color: var(--fg-muted-5);
font-size: 0.875rem; font-size: 0.875em;
} }
q { q {
@ -121,7 +121,7 @@ kbd {
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
padding: 0.125rem 0.375rem; padding: 0.125rem 0.375rem;
font-size: 0.875rem; font-size: 0.875em;
line-height: normal; line-height: normal;
// Small nice thingy, keys can be pressed! // Small nice thingy, keys can be pressed!

1
sass/style.scss
View File

@ -10,6 +10,7 @@
@use "alerts"; @use "alerts";
@use "article-list"; @use "article-list";
@use "article";
@use "buttons"; @use "buttons";
@use "code"; @use "code";
@use "comments"; @use "comments";

4
templates/article.html
View File

@ -4,6 +4,10 @@
{%- set date_format = macros_translate::translate(key="date_format", default="%B %d, %Y", language_strings=language_strings) -%} {%- set date_format = macros_translate::translate(key="date_format", default="%B %d, %Y", language_strings=language_strings) -%}
{%- set date_locale = macros_translate::translate(key="date_locale", default="en_US", language_strings=language_strings) -%} {%- set date_locale = macros_translate::translate(key="date_locale", default="en_US", language_strings=language_strings) -%}
<article> <article>
{%- if page.extra.banner -%}
<img id="banner" class="full-bleed{% if page.extra.banner_bright %} bright{% endif %}" src="{{ current_url | safe }}{{ page.extra.banner }}" />
{%- endif -%}
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{%- if page.date -%} {%- if page.date -%}