diff options
author | Urja Acharya <urja.acharya@huskers.unl.edu> | 2021-03-10 05:33:25 +0300 |
---|---|---|
committer | Urja Acharya <urja.acharya@huskers.unl.edu> | 2021-03-10 05:33:25 +0300 |
commit | d2d3e88c0a24ddd10c9e7bd6f1f6b39fcd8ab6fb (patch) | |
tree | 0e9140199e55bcb8e1b9c2fbb2f486a003377b24 | |
parent | 417c076161186f8561247a527cc6c4644c1ac0d4 (diff) |
Updates
-rw-r--r-- | archetypes/default.md | 6 | ||||
-rw-r--r-- | layouts/partials/footer.html | 5 | ||||
-rw-r--r-- | layouts/partials/index/homePageArticle.html | 14 | ||||
-rw-r--r-- | layouts/partials/index/pinnedPost.html | 8 | ||||
-rw-r--r-- | layouts/partials/index/recentPost.html | 16 | ||||
-rw-r--r-- | layouts/partials/prevNext.html | 3 | ||||
-rw-r--r-- | layouts/partials/share.html | 10 | ||||
-rw-r--r-- | static/css/main.css | 44 |
8 files changed, 56 insertions, 50 deletions
diff --git a/archetypes/default.md b/archetypes/default.md index 68ba2a3..5339b64 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -1,6 +1,10 @@ --- title: "{{ replace .Name "-" " " | title }}" +author: {{ .Site.Params.author }} date: {{ .Date }} +description: "" +tags: [""] +categories: [""] draft: true pinned: false ---- +---
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index f204ede..7406a3d 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -22,4 +22,9 @@ {{- print "urja acharya" -}} </a> </p> + <div style="text-align: right; margin-bottom: 0.25em;"> + <a class="primary-icon to-top" href="#" aria-label="navigate to top" + ><i class="bi bi-box-arrow-in-up"></i + ></a> + </div> </footer> diff --git a/layouts/partials/index/homePageArticle.html b/layouts/partials/index/homePageArticle.html index 65d4e84..b7ec88a 100644 --- a/layouts/partials/index/homePageArticle.html +++ b/layouts/partials/index/homePageArticle.html @@ -1,17 +1,7 @@ -<div class="pinned-post card shadow round-corner"> - <div class="card-links"></div> + <h1 style="margin: 0"><a href="{{ .Permalink }}">{{ .Title }}</a></h1> <p class="document-date"> {{ dateFormat .Site.Params.theme.dateFormat .Date }} · {{ .Params.author }} </p> - <hr /> + <hr class="red-hr"/> {{ .Content }} - {{ if .Site.Params.theme.pinnedPosts }} - <hr /> - <a - href="{{ `pinnedposts` | relURL }}" - style="display: block; text-align: right" - >Previously Pinned Posts</a - > - {{ end }} - </div>
\ No newline at end of file diff --git a/layouts/partials/index/pinnedPost.html b/layouts/partials/index/pinnedPost.html index b5d8ce3..dfeef70 100644 --- a/layouts/partials/index/pinnedPost.html +++ b/layouts/partials/index/pinnedPost.html @@ -1,9 +1,17 @@ +<div class="pinned-post card shadow round-corner"> {{ if .Site.Params.theme.pinnedPosts }} {{ range ((where .Site.Pages "Params.pinned" true).ByDate.Reverse) | first 1 }} {{ partial "index/homePageArticle" . }} {{ end }} + <hr class="red-hr"/> + <div style="text-align: right; margin-bottom: 1em;"> + <a class="card-links" + href="{{ `pinnedposts` | relURL }}" + >Previously Pinned Posts</a + ></div> {{ else }} {{ range site.RegularPages | first 1 }} {{ partial "index/homePageArticle" . }} {{ end }} {{ end }} +</div>
\ No newline at end of file diff --git a/layouts/partials/index/recentPost.html b/layouts/partials/index/recentPost.html index 5ad744c..7517e0a 100644 --- a/layouts/partials/index/recentPost.html +++ b/layouts/partials/index/recentPost.html @@ -1,9 +1,7 @@ - -<h4 style="margin:0 0 1em 0;">Recent Posts</h4> - {{ range ((where .Site.Pages "Kind" "page").ByDate.Reverse) | first 6 }} - {{ partial "listPage" . }} - {{ end }} - <div class="card-links"> - <a href="{{ `archive` | relURL }}">All Posts</a> - </div> - +<h4 style="margin: 0 0 1em 0">Recent Posts</h4> +{{ range ((where .Site.Pages "Kind" "page").ByDate.Reverse) | first 6 }} +{{ partial "listPage" . }} +{{ end }} +<div style="margin-top: 1.5em;"> +<a class="card-links" href="{{ `archive` | relURL }}">All Posts</a> +</div>
\ No newline at end of file diff --git a/layouts/partials/prevNext.html b/layouts/partials/prevNext.html index 5a1b4e8..50c47a5 100644 --- a/layouts/partials/prevNext.html +++ b/layouts/partials/prevNext.html @@ -8,8 +8,7 @@ {{- else }} <div class="disabled"><i class="bi bi-arrow-left-circle"></i></div> {{- end }} - <a class="primary-icon" href="#" aria-label="navigate to top" - ><i class="bi bi-box-arrow-in-up"></i></a> + {{- if .NextInSection }} <a class="active primary-icon" diff --git a/layouts/partials/share.html b/layouts/partials/share.html index 1a26565..3b84c35 100644 --- a/layouts/partials/share.html +++ b/layouts/partials/share.html @@ -4,7 +4,7 @@ display: flex; margin-left: 1em; align-items: center; - width: 120px; + width: 140px; justify-content: space-between; " > @@ -33,4 +33,12 @@ aria-label="share on twitter" ><i class="bi bi-twitter"></i ></a> + <a + class="primary-icon" + href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}" + target="_blank" + rel="noopener" + aria-label="share on twitter" + ><i class="bi bi-linkedin"></i + ></a> </div> diff --git a/static/css/main.css b/static/css/main.css index 3320f1b..3315909 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,11 +1,11 @@ :root { --bg: whitesmoke; --bgLight: white; - --mainText: rgb(0, 0, 0); + --mainText: #272822; --secondaryText: rgb(105, 105, 105); --primary: #a3001b; --highlight: #b6ffb6; - --shadow: black; + --shadow: var(--mainText); --inactive: #949494; } html { @@ -36,6 +36,10 @@ p { margin: 1em 0 0.25em 0; line-height: 1.5em; } +ol, +ul { + line-height: 1.5em; +} a { color: var(--primary); text-decoration: none; @@ -45,7 +49,7 @@ a:hover { } header { background-color: var(--primary); - margin-top: 5px; + margin-top: 0.5em; display: flex; justify-content: start; flex-wrap: wrap; @@ -77,11 +81,9 @@ header { .about-narrative, .page-title-and-info p { color: var(--bg); - text-shadow: 0px 0px 2px var(--bgLight); margin: 0.25em 0 1em 0; line-height: 1.5em; - font-size: 0.9em; - font-weight: 300; + font-size: 0.95em; } .header-image-container { height: 275px; @@ -92,7 +94,7 @@ header { box-sizing: border-box; } .border { - border: solid 1px black; + border: solid 1px var(--mainText); } .header-image { height: 230px; @@ -110,13 +112,13 @@ footer { text-align: center; background-color: var(--primary); color: var(--bg); - padding: 1em 5px; + padding: 1em 0.5em 0.5em 0.5em; display: flex; flex-direction: column; justify-content: center; min-height: 80px; - font-size: 0.9em; - font-weight: 300; + font-size: 0.95em; + margin-bottom: 0.5em; } .footer p { margin: 0; @@ -130,7 +132,7 @@ footer a, pre, code { font-family: "Inconsolata", monospace; - font-size: 1em; + font-size: 1.05em; overflow: auto; } kbd { @@ -173,7 +175,7 @@ h6 { text-shadow: 3px 3px var(--shadow); } .main-title { - font-size: 2.5em; + font-size: 3em; } .page-title { font-size: 2.5em; @@ -211,7 +213,7 @@ td { border: solid 1px var(--primary); padding: 5px; } -hr { +.red-hr { border: 0; height: 1px; background-image: linear-gradient( @@ -259,26 +261,18 @@ hr { margin-top: 0; } .card-links { - margin-top: 1em; - display: flex; - flex-direction: row; - flex-wrap: wrap; - display: inline-block; -} -.card-links a { background-color: var(--primary); color: var(--bg); - margin-right: 10px; padding: 5px 5px; border-radius: 5px; box-shadow: 3px 3px 5px 1px var(--shadow); transition: box-shadow 0.2s; } -.card-links > a:hover { +.card-links:hover { box-shadow: 1px 1px 5px 1px var(--shadow); text-decoration: none; } -.card-links > a:active { +.card-links:active { box-shadow: 0px 0px 1px 1px var(--shadow); } .taxa-container { @@ -296,8 +290,8 @@ hr { .prev-next { display: flex; flex-direction: row; - justify-content: space-between; - margin-bottom: 1.5em; + justify-content: space-around; + margin-bottom: 0.5em; font-size: 1.5em; } .prev-next > div, |