Update nav bar and enable theme toggle

This commit is contained in:
infidel 2023-12-30 16:59:28 +07:00
parent 7099d4d4ee
commit 3278bd5c66
2 changed files with 5 additions and 11 deletions

View File

@ -11,7 +11,6 @@
*::before, *::before,
*::after { *::after {
font-family: inherit; font-family: inherit;
background-color: inherit;
color: inherit; color: inherit;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -21,9 +20,7 @@ html {
font-size: calc(1em + 0.25vw); font-size: calc(1em + 0.25vw);
font-family: Didact Gothic, Arial, Helvetica Neue, sans-serif; font-family: Didact Gothic, Arial, Helvetica Neue, sans-serif;
line-height: 1.2; line-height: 1.2;
color: rgb(255, 255, 255); background-color: #dfdfdf;
opacity: .85;
background-color: #39424E;
} }
template { template {
display: none !important; display: none !important;
@ -134,7 +131,6 @@ h3 {
h4, h4,
h5 { h5 {
font-size: 1rem; font-size: 1rem;
font-family: PT Sans, sans-serif;
} }
h5 { h5 {
font-size: 0.85rem; font-size: 0.85rem;
@ -323,8 +319,8 @@ caption {
overflow-x: hidden; overflow-x: hidden;
} }
.intro-and-nav { .intro-and-nav {
font-size: 1rem; font-size: .9rem;
width: 20rem; width: 15rem;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
top: 0; top: 0;
@ -345,7 +341,6 @@ caption {
} }
.logo { .logo {
border: 0; border: 0;
margin : 2.25rem;
} }
.logo img { .logo img {
width: 100%; width: 100%;
@ -362,7 +357,7 @@ caption {
max-width: 25rem; max-width: 25rem;
} }
.main-and-footer { .main-and-footer {
margin-left: 20rem; margin-left: 15rem;
} }
.main-and-footer > div { .main-and-footer > div {
max-width: 55rem; max-width: 55rem;
@ -1129,6 +1124,5 @@ main p {
margin-bottom: 1em; margin-bottom: 1em;
line-height: 1.5; line-height: 1.5;
letter-spacing: .2px; letter-spacing: .2px;
opacity: 0.8;
} }

View File

@ -6,7 +6,7 @@
{{ .Content }} {{ .Content }}
</nav> </nav>
<nav class="inf-border" aria-labelledby="toc-heading"> <nav class="inf-border" aria-labelledby="toc-heading">
<h3> Check My Recent Posts </h3> <h3> <a href="/post"> Check My Recent Posts </a> </h3>
<table> <table>
<ul class="inf-patterns-list" id="list"> <ul class="inf-patterns-list" id="list">
{{ range (.Paginator 5).Pages.ByPublishDate.Reverse }} {{ range (.Paginator 5).Pages.ByPublishDate.Reverse }}