alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

💄 style: change various font sizes and date format

Browse Source
This commit is contained in:
welpo 2023-02-06 01:03:14 +01:00
parent 6a4620a33b
commit 06dae7a711
4 changed files with 60 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
sass/main.scss
View File

@ -77,9 +77,10 @@ body {
word-wrap: break-word; word-wrap: break-word;
min-height: 80vh; min-height: 80vh;
} }
h1 { h1 {
display: block; display: block;
font-size: 1.7em; font-size: 2.3em;
margin-top: 0.67em; margin-top: 0.67em;
margin-bottom: 0em; margin-bottom: 0em;
margin-left: 0; margin-left: 0;
@ -97,6 +98,46 @@ h2 {
font-weight: bold; font-weight: bold;
} }
h3 {
display: block;
font-size: 1.7em;
margin-top: 0.83em;
margin-bottom: 0em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h4 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h5 {
display: block;
font-size: 1.2em;
margin-top: 0.83em;
margin-bottom: 0em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.bloglist-title{
display: block;
font-size: 1.2em;
margin-top: 1.2em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.content { .content {
max-width: var(--normal-layout-width); max-width: var(--normal-layout-width);

10
sass/parts/_cards.scss
View File

@ -43,6 +43,16 @@
} }
} }
.bloglist-title{
display: block;
font-size: 1.2em;
margin-top: 1.2em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.bloglist-table-row { .bloglist-table-row {
padding: 2%; padding: 2%;
background-color: var(--navbar-color); background-color: var(--navbar-color);

2
sass/parts/_misc.scss
View File

@ -47,7 +47,7 @@ blockquote {
a { a {
color: var(--text-color); color: var(--text-color);
text-decoration-color: var(--links); text-decoration-color: var(--links);
font-weight: 1000; font-weight: 800;
} }
a:hover { a:hover {

14
templates/macros/macros.html
View File

@ -2,13 +2,13 @@
<div class="bloglist-container"> <div class="bloglist-container">
{%- for page in pages %} {%- for page in pages %}
<section class="bloglist-table-row"> <section class="bloglist-table-row">
<h3> <div class="bloglist-title">
<a href={{ page.permalink }}>{{page.title}}</a> <a href={{ page.permalink }}>{{page.title}}</a>
</h3> </div>
<div class="meta"> <div class="meta">
{%- if page.date %} {%- if page.date %}
<time>{{ page.date | date(format="%Y-%m-%d") }}</time> <time>{{ page.date | date(format="%d %B %Y") }}</time>
{% endif -%} {% endif -%}
<br /> <br />
<span>{{ page.reading_time }} minute read</span> <span>{{ page.reading_time }} minute read</span>
@ -57,18 +57,18 @@
{% endmacro tags %} {% endmacro tags %}
{% macro page_header(title) %} {% macro page_header(title) %}
<h2> <h1>
{{ title }} {{ title }}
</h2> </h1>
{% endmacro content %} {% endmacro content %}
{% macro page_desc(desc) %} {% macro page_desc(desc) %}
<div id="banner-container-home"> <div id="banner-container-home">
<div id="home-banner-text"> <div id="home-banner-text">
<h1> <h3>
{{ desc.title }} {{ desc.title }}
</h1> </h3>
<p id="banner-home-subtitle">{{ desc.text }}</p> <p id="banner-home-subtitle">{{ desc.text }}</p>
</div> </div>
<div class="image-container-home"> <div class="image-container-home">