brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2024-11-21 15:56:29 -05:00
Code Issues Projects Releases Packages Wiki Activity

Messing with font sizes and the like

Browse source
This commit is contained in:
Brandon Rozek 2022-11-22 23:25:30 -05:00
parent 5214da544e
commit 89aade301c
5 changed files with 36 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/style-dark.css
View file

@ -54,7 +54,7 @@ mark {
background-color: #222020; background-color: #222020;
} }
#contentsList hr.separator { .bloglist hr.separator {
border: solid 1px #363636; border: solid 1px #363636;
} }

43
assets/css/style.css
View file

@ -13,7 +13,7 @@ body {
text-align: center; text-align: center;
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1.5; line-height: 1.5;
font-size: 1.1rem; font-size: 1rem;
word-wrap: break-word; word-wrap: break-word;
} }
@ -48,7 +48,8 @@ a:active {
/* Topbar Header */ /* Topbar Header */
.header-top { .header-top {
padding: 20px; font-size: 0.9em;
padding: 0.25rem;
color: black; color: black;
background-color: #f2f2f2; background-color: #f2f2f2;
border-bottom: 1px solid #979797; border-bottom: 1px solid #979797;
@ -77,10 +78,6 @@ a:active {
width: 350px; width: 350px;
} }
.header-top .h-card .u-photo {
height: 100px;
}
@media (max-width: 550px) { @media (max-width: 550px) {
.header-top { .header-top {
padding-left: 20px; padding-left: 20px;
@ -89,6 +86,7 @@ a:active {
.header-flex { flex-direction: column; } .header-flex { flex-direction: column; }
.header-top .h-card { .header-top .h-card {
flex-direction: column-reverse; flex-direction: column-reverse;
width: auto;
} }
} }
@ -198,7 +196,6 @@ mark {
** TAGS ** TAGS
*/ */
#tags ul { #tags ul {
max-width: 600px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
padding: 0; padding: 0;
@ -212,8 +209,9 @@ mark {
height: 24px; height: 24px;
margin: 5px; margin: 5px;
padding: 0 5px; padding: 0 5px;
padding-bottom: 5px;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 1.25rem;
border: 1px solid #888a8a; border: 1px solid #888a8a;
text-decoration: none; text-decoration: none;
} }
@ -227,14 +225,29 @@ mark {
/* /*
** BLOG LIST PAGE ** BLOG LIST PAGE
*/ */
#contentsList {
.bloglist-teaser {
font-size: 2.25rem;
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.bloglist-date {
font-size: 1.75rem;
font-style: italic;
color: #005c00;
}
.bloglist {
font-size: 1.5rem;
padding: 20px 0; padding: 20px 0;
} }
#contentsList hr.separator { .bloglist hr.separator {
width: 10px; width: 10px;
margin: 30px auto; margin: 30px auto;
border: solid 1px #c9c9c9; border: solid 2 px #c9c9c9;
} }
/* /*
@ -261,8 +274,9 @@ mark {
** STANDARD PAGE ** STANDARD PAGE
*/ */
main { main {
font-size: 1.25em;
padding: 20px 10px; padding: 20px 10px;
max-width: 800px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
min-height: calc(100vh - 250px); min-height: calc(100vh - 250px);
} }
@ -277,7 +291,7 @@ main .e-content {
main .e-content h2 { main .e-content h2 {
padding-bottom: .3em; padding-bottom: .3em;
font-size: 1.5em; /* font-size: 1.5em; */
border-bottom: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;
} }
@ -324,7 +338,7 @@ footer {
background-color: #363636; background-color: #363636;
color: #ededed; color: #ededed;
min-height: 100%; min-height: 100%;
font-size: 12px; font-size: 1rem;
box-sizing:border-box; box-sizing:border-box;
} }
footer a:link { footer a:link {
@ -332,7 +346,6 @@ footer a:link {
} }
.footer-navs { .footer-navs {
font-size: 1rem;
max-width: 800px; max-width: 800px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

9
layouts/blog/list.html
View file

@ -9,23 +9,24 @@
{{ $postCount := len $posts }} {{ $postCount := len $posts }}
{{ range last 1 $posts }} {{ range last 1 $posts }}
{{ $tags := .Site.Taxonomies.tags }} {{ $tags := .Site.Taxonomies.tags }}
<div style="font-size: 1.5rem; max-width: 30rem; margin-left: auto; margin-right: auto;"> <div class='bloglist-teaser'>
Hello! This page contains <strong>{{ $postCount | lang.NumFmt 0 }} posts</strong> Hello! This page contains <strong>{{ $postCount | lang.NumFmt 0 }} posts</strong>
written in the past <strong>{{ div (sub now.Unix .Date.Unix) 31536000 }} years</strong> written in the past <strong>{{ div (sub now.Unix .Date.Unix) 31536000 }} years</strong>
spanning {{ len $tags }} topics within the dropdown above. spanning
{{ len $tags }} topics within the dropdown above.
</div> </div>
{{ end }} {{ end }}
<!-- contents --> <!-- contents -->
<div id="contentsList"> <div class="bloglist">
{{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}} {{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}}
{{ range $index, $value := .Pages.GroupByDate $listPageDateFormat }} {{ range $index, $value := .Pages.GroupByDate $listPageDateFormat }}
{{ if (ne $index 0) }} {{ if (ne $index 0) }}
<hr class="separator"> <hr class="separator">
{{ end }} {{ end }}
<p class="date">{{ .Key }}</p> <p class="bloglist-date">{{ .Key }}</p>
{{ range .Pages }} {{ range .Pages }}
<p><a href="{{ .Permalink }}">{{ .Title }}</a></p> <p><a href="{{ .Permalink }}">{{ .Title }}</a></p>
{{ end }} {{ end }}

2
layouts/partials/header.html
View file

@ -26,7 +26,7 @@
<div class="h-card p-author"> <div class="h-card p-author">
<h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2> <h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }} {{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 100 }} {{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }} {{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}" /> <img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}" />
<div style="display: none"> <div style="display: none">

2
layouts/tags/list.html
View file

@ -4,7 +4,7 @@
{{ partial "search.html" . }} {{ partial "search.html" . }}
{{ partial "tags/all.html" . }} {{ partial "tags/all.html" . }}
<!-- contents --> <!-- contents -->
<div id="contentsList"> <div class="bloglist">
{{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}} {{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}}
{{ range $index, $value := .Pages.GroupByDate $listPageDateFormat }} {{ range $index, $value := .Pages.GroupByDate $listPageDateFormat }}
{{ if (ne $index 0) }} {{ if (ne $index 0) }}