aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTim Keller <tjkeller.xyz>2025-02-22 20:14:43 -0600
committerTim Keller <tjkeller.xyz>2025-02-22 20:14:43 -0600
commitc210dd6989046d2379a6ac161b7f95cafd5a0566 (patch)
tree30e401d39ecf68980c25ca88a19ce8ff075ca16d
parent9574eabd56758ae048cee7ba1edb08bac91fa7fc (diff)
downloadhugo-theme-tjkbasic-c210dd6989046d2379a6ac161b7f95cafd5a0566.tar.xz
hugo-theme-tjkbasic-c210dd6989046d2379a6ac161b7f95cafd5a0566.zip
reorganize style.css and remove rss icon from bottom of page
-rw-r--r--assets/stylesheets/style.css112
-rw-r--r--layouts/_default/baseof.html3
-rw-r--r--static/icons/rss_feed_24dp_78A75A_FILL0_wght400_GRAD0_opsz24.svg1
3 files changed, 58 insertions, 58 deletions
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
index b5a6aed..24b860d 100644
--- a/assets/stylesheets/style.css
+++ b/assets/stylesheets/style.css
@@ -9,6 +9,7 @@ body {
overflow-x: hidden;
}
+/* header */
header {
display: grid;
grid-template-columns: 1fr auto 1fr;
@@ -33,11 +34,14 @@ header {
header a {
color: white;
- text-decoration: none;
position: relative;
width: fit-content;
}
+header a:hover {
+ text-decoration: none;
+}
+
header a:hover::after {
content: "";
background: green;
@@ -49,6 +53,7 @@ header a:hover::after {
width: calc(100% + 2ex);
}
+/* page */
main, footer{
max-width: 900px;
margin: 1.5em auto;
@@ -63,6 +68,13 @@ main, footer{
color: #555;
}
+#copyright, #theme-copyright {
+ text-align: center;
+ display: block;
+ opacity: .2;
+}
+
+/* elements */
hr {
color: #555;
margin: 2em 0;
@@ -72,16 +84,49 @@ h1, h2, h3, h4, h5, h6 {
text-align: center;
}
-.monodate {
- font-family: monospace;
+a {
+ color: lightgreen;
+ text-decoration: none;
}
-.bold {
- font-weight: bold;
+a:hover {
+ text-decoration: underline;
}
-a {
- color: lightgreen;
+/* images */
+img, figcaption {
+ margin: auto;
+ display: block;
+ width: fit-content;
+ max-width: 60%;
+ color: #ddd;
+}
+
+/* tables */
+table {
+ border-collapse: collapse;
+}
+
+tr:nth-child(even) {
+ background: #252525;
+}
+
+th {
+ background: #333;
+ border-right: 1.5px solid #222;
+ padding: .25em;
+}
+
+td:not(.img) {
+ padding-inline: .75ex;
+}
+
+td:not(:last-child) {
+ border-right: 1.5px solid #2b2b2b;
+}
+
+td.img {
+ border: none;
}
/* highlighted code */
@@ -123,53 +168,12 @@ ol, ul, pre code {
max-width: 100%;
}
-.alpha-ol ol {
- list-style-type: lower-alpha;
-}
-
-img, figcaption {
- margin: auto;
- display: block;
- width: fit-content;
- max-width: 60%;
- color: #ddd;
-}
-
-#copyright, #theme-copyright {
- text-align: center;
- display: block;
- opacity: .2;
-}
-
-.overflow-box {
- overflow: scroll;
-}
-
-table {
- border-collapse: collapse;
-}
-
-tr:nth-child(even) {
- background: #252525;
-}
-
-th {
- background: #333;
- border-right: 1.5px solid #222;
- padding: .25em;
-}
-
-td:not(.img) {
- padding-inline: .75ex;
-}
-
-td:not(:last-child) {
- border-right: 1.5px solid #2b2b2b;
-}
-
-td.img {
- border: none;
-}
+/* utility classes */
+.monodate { font-family: monospace }
+.bold { font-weight: bold }
+.nowrap { white-space: nowrap }
+.overflow-box { overflow: scroll }
+.alpha-ol ol { list-style-type: lower-alpha }
@media (max-width: 1000px) {
header {
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 13b6058..f6060c0 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -29,9 +29,6 @@
</main>
<footer>
<hr>
- <div id="sharing">
- <a><img src="/icons/rss_feed_24dp_78A75A_FILL0_wght400_GRAD0_opsz24.svg" /></a>
- </div>
{{ if .Site.Params.copyright.include }}
<span id="copyright">&copy; {{ time.Now.Year }} {{ .Site.Params.copyright.name }} &ndash; {{ .Site.Params.copyright.type }}</span>
{{ end }}
diff --git a/static/icons/rss_feed_24dp_78A75A_FILL0_wght400_GRAD0_opsz24.svg b/static/icons/rss_feed_24dp_78A75A_FILL0_wght400_GRAD0_opsz24.svg
deleted file mode 100644
index 01addb0..0000000
--- a/static/icons/rss_feed_24dp_78A75A_FILL0_wght400_GRAD0_opsz24.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#78A75A"><path d="M200-120q-33 0-56.5-23.5T120-200q0-33 23.5-56.5T200-280q33 0 56.5 23.5T280-200q0 33-23.5 56.5T200-120Zm480 0q0-117-44-218.5T516-516q-76-76-177.5-120T120-680v-120q142 0 265 53t216 146q93 93 146 216t53 265H680Zm-240 0q0-67-25-124.5T346-346q-44-44-101.5-69T120-440v-120q92 0 171.5 34.5T431-431q60 60 94.5 139.5T560-120H440Z"/></svg> \ No newline at end of file