nebkor/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fuck with css

Browse source
This commit is contained in:
Joe Ardent 2023-01-18 15:44:40 -08:00
parent 9b7c57bdf2
commit a84d16c725
5 changed files with 38 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
config.toml
View file

@ -1,4 +1,5 @@
name = "From the Office of the Chief Sundries Officer and Head of R&D" name = "From the Office of the Chief Sundries Officer and Head of R&D"
title = "From the Office of the Chief Sundries Officer and Head of R&D"
# The URL the site will be built for # The URL the site will be built for
base_url = "https://proclamations.nebcorp-hias.com" base_url = "https://proclamations.nebcorp-hias.com"

27
sass/parts/_header.scss
View file

@ -1,3 +1,8 @@
.hias-footer {
text-align: center;
font-size: 0.4rem;
}
.page-header { .page-header {
font-size: 3em; font-size: 3em;
line-height: 100%; line-height: 100%;
@ -28,15 +33,33 @@ header .main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: flex-end;
align-items: flex-start; align-items: flex-start;
gap: 12px; gap: 12px;
font-size: 1.5rem; font-size: 1.2rem;
/* Otherwise header and menu is too close on small screens*/ /* Otherwise header and menu is too close on small screens*/
margin-bottom: 10px; margin-bottom: 10px;
} }
header .config-title {
line-height: 1.3;
}
.nav-header {
/* flex-child */
flex-grow: 0;
/* flex-container */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-even;
gap: 4px;
}
.socials { .socials {
/* flex-child */ /* flex-child */
flex-grow: 0; flex-grow: 0;

5
sass/parts/misc.scss
View file

@ -11,11 +11,6 @@
background-color: var(--primary-color); background-color: var(--primary-color);
} }
.hias-footer {
text-align: center;
font-size: 0.4rem;
}
::-moz-selection { ::-moz-selection {
background: var(--primary-color); background: var(--primary-color);
color: var(--hover-color); color: var(--hover-color);

18
templates/partials/nav.html
View file

@ -1,25 +1,29 @@
<header> <header>
<div class="main"> <div class="config-title">
<a href={{ config.base_url }}>{{ config.title }}</a> <h1><a href={{ config.base_url }}>{{ config.title }}</a></h1>
</div>
<div class="main">
<div class="socials"> <div class="socials">
{% for social in config.extra.socials %} {% for social in config.extra.socials %}
<a href="{{ social.url }}" class="social"> <a href="{{ social.url }}" class="social">
<img alt={{ social.name }} src="/social_icons/{{ social.icon }}.svg" rel="me"> <img alt={{ social.name }} src="/social_icons/{{ social.icon }}.svg" rel="me">
</a>
{% if not loop.last %} {% if not loop.last %}
| |
{% endif %} {% endif %}
</a>
{% endfor %} {% endfor %}
</div> </div>
</div>
<nav>
</div>
<div class="nav-header">
{% for menu in config.extra.menu %} {% for menu in config.extra.menu %}
<a href={{ menu.url }} style="margin-left: 0.7em">{{ menu.name }}</a> <a href={{ menu.url }}>{{ menu.name }}</a>
{% if not loop.last %} {% if not loop.last %}
| |
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</nav>
</div>
</header> </header>