mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-09 19:00:34 -05:00
Messing with font sizes and the like
This commit is contained in:
parent
5214da544e
commit
89aade301c
5 changed files with 36 additions and 22 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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,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 }}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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) }}
|
||||||
|
|
Loading…
Reference in a new issue