-
-
- {{end}}
Stay up to date
-
- {{range .Site.Data.details.social_links}}
-
-
-
-
-
-
- {{.title}}
-
- {{end}}
-
+
+{{.Title}}
+{{.Params.description}}
+
+ {{if .Params.bannerTitle}}
+
+ {{end}}
+ {{.Params.bannerTitle}}
+ {{end}} + {{if .Params.bannerText}} +{{.Params.bannerText}}
+ {{end}} +{{.Title}}
{{end}} + + {{ if .Site.Data.details.social_links}} +
+ {{range .Site.Data.details.social_links}}
+
+ {{end}}
-
\ No newline at end of file
+
diff --git a/layouts/partials/item.html b/layouts/partials/item.html
index a54f798..a6fcdad 100644
--- a/layouts/partials/item.html
+++ b/layouts/partials/item.html
@@ -1,31 +1,21 @@
-
+
+
+
+ {{.title}}
+
+ {{end}}
+ {{.Title}}
-{{.Params.description}}
+ + {{.Params.description}} + + {{if .GetTerms "tags"}}
{{ range (.GetTerms "tags")}}
- {{.LinkTitle}}
+
+
+ {{.LinkTitle}}
+
{{end}}
{{end}}
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 557376c..cfef62b 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -1,18 +1,29 @@
+
+ {{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
+
- {{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
-
+
{{$author.name}}
-Published: {{.Date | time.Format "Jan 02 2006"}}
-
Tags
-
- {{ range (.GetTerms "tags")}}
- {{.LinkTitle}}
- {{end}}
-
+ Published: {{.Date | time.Format "Jan 02 2006"}}
+ {{if .Params.updated}}
+
Published: {{.Params.updated | time.Format "Jan 02 2006"}}
+ {{end}}
+
+ {{ range (.GetTerms "tags")}}
+
+
+
+ {{.LinkTitle}}
+ {{end}}
+
+
-
+Recent Content
-Featured
+{{range .Site.Taxonomies.categories.featured.Pages.Reverse}} +{{ partial "item" .}} + +{{end}} +{{end}} + +Recent Content
{{range first 3 .Site.RegularPages}} -
-
-{{.Title}}
-{{.Params.description}}
-
-
-{{ range .Site.Data.details.featured}}
-Featured
-
-
-
-
-{{.title}}
- -{{.description}}
-
+
+
diff --git a/static/css/theme.css b/static/css/theme.css
index 38c133c..ebe1880 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1,13 +1,14 @@
-body{
+body {
--theme-color-primary: white;
--theme-color-secondary: black;
--theme-accent: #0727c5;
}
-@media screen and (prefers-color-scheme:dark){
- body{
- --theme-color-primary:black;
- --theme-color-secondary:white;
- --theme-accent: #dcb806;
+
+@media screen and (prefers-color-scheme:dark) {
+ body {
+ --theme-color-primary: black;
+ --theme-color-secondary: white;
+ --theme-accent: gold;
}
}
@@ -34,20 +35,25 @@ body {
max-height: 70vh;
z-index: -1;
}
-header{
- margin-top:1rem;
-}
-header img {
- max-height: 10rem;
+
+header {
+ margin-top: 5px;
}
-header,footer{
+header img {
+ max-height: 8rem;
+}
+
+header,
+footer {
text-align: center;
- width:100vw;
+ width: 100vw;
}
-nav{
- border-radius:30%;
+
+nav {
+ border-radius: 30%;
}
+
a {
color: var(--theme-accent);
}
@@ -58,69 +64,110 @@ a:visited {
hr {
width: 100%;
- margin-top: 2rem;
- margin-bottom: 2rem;
+ margin-top: 15px;
+ margin-bottom: 15px;
color: var(--theme-accent);
}
-main,aside {
- padding:2.5rem;
+
+main,
+aside {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-evenly;
- padding:1rem;
+ padding: 1rem;
+ padding-top: 0;
+}
+article{
max-width:90vw;
}
-main>section{
- margin:1rem;
- padding:0.5rem;
+article > *{
+ max-width:90vw;
}
-main{
- padding-left:5rem;
- padding-right:5rem;
-}
-#main-content{
- min-width:30vw;
+
+
+#main-content {
+ min-width: 30vw;
}
+
.listing {
- width: 100%;
- margin-bottom: 1rem;
+ margin: 15px;
+ width:620px;
+ height:340px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
-}
-.listing *{
- margin:5px;
-}
-.listing-text{
- width:80%;
- max-width:40rem;
- padding:1rem;
- font-size:1.25rem;
-}
-.listing img,
-.listing video{
- width:25rem;
- max-width:25vw;
- max-height: 30vh;
-}
-.listing h2, .listing p{
- margin:0;
+ background-size:cover;
+ background-repeat: no-repeat;
+ background-position-x: center;
+ background-position-y: bottom;
+ border-radius: 15px;
text-align: center;
+ margin-bottom: 25px;
}
+.listing-text {
+ width:100%;
+ height:100%;
+ border-radius: 15px;
+ background:rgba(0, 0, 0, 0.55);
+ backdrop-filter: blur(0px);
+ display:flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-evenly;
+ font-size:24px;
+}
+.listing-text >*{
+ margin:5px;
+ width:fit-content
+}
-.listing-preview {
+.listing-text .bare-link,.listing-text h2{
+
+ text-shadow: black -2px 2px 2px;
+}
+@keyframes blur-in{
+ from {
+ backdrop-filter:blur(0px);
+ background:rgba(0, 0, 0, 0.55);
+ }
+ to {
+ backdrop-filter:blur(5px);
+ background:rgba(0, 0, 0, 0.25);
+ }
+}
+.listing-text:hover{
+ animation: blur-in 0.2s;
+ backdrop-filter: blur(5px);
+ background:rgba(0, 0, 0, 0.25);
+}
+.listing p{
+ font-size:25px;
+}
+.listing .tags a {
+ font-size:15px;
+}
+.listing .tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
- align-items: flex-start;
- justify-content: center;
+ justify-content: space-evenly;
}
-.listing a{
- width: fit-content;
+.tags>a {
+ margin: 5px;
+ padding:2px;
+ border-radius: 3px;
+ font-size:14px;
+ font-weight: bolder;
+ display:flex;
+ flex-direction: row;
+ align-items: center; background-color: var(--theme-accent);
+ color: var(--theme-color-primary);
+ border-radius: 1.25rem;
+ padding:5px;
}
@@ -136,14 +183,13 @@ audio {
.metadata {
display: flex;
flex-direction: row;
- flex-wrap: wrap;
- align-items: flex-start;
+ align-items: center;
justify-content: center;
}
.metadata>div {
margin: 1rem;
- display:flex;
+ display: flex;
flex-direction: column;
align-items: center;
}
@@ -166,6 +212,7 @@ audio {
}
+
header {
text-align: center;
background-color: transparent;
@@ -174,7 +221,6 @@ header {
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
- font-size:1.25rem
}
nav {
@@ -185,27 +231,23 @@ nav {
justify-content: space-evenly;
}
-nav>* {
- margin: 1rem;
+nav>a {
+ margin: 10px;
}
section {
- display:flex;
+ display: flex;
flex-direction: column;
align-items: center;
}
-section div{
- display:flex;
+
+section div {
+ display: flex;
flex-direction: column;
align-items: center;
}
-h1{
- font-size:200%;
-}
-h2{
- font-size:150%;
-}
+
article {
margin-top: 1rem;
margin-bottom: 1rem;
@@ -213,43 +255,50 @@ article {
display: flex;
flex-direction: column;
align-items: center;
- font-family:Verdana, Geneva, Tahoma, sans-serif;
- max-width:60rem;
- font-size: 1.5rem;
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ max-width: 60rem;
+ font-size:25px;
}
-article table{
- width:80%;
+
+article table {
+ width: 80%;
}
-article .media-container{
- display:flex;
+
+article .media-container {
+ display: flex;
flex-direction: column;
align-items: center;
- width:100%;
+ width: 100%;
}
-.media-container a{
- width:100%;
- display:flex;
+
+.media-container a {
+ width: 100%;
+ display: flex;
align-items: center;
flex-direction: column;
}
-article td,article th{
- width:fit-content;
+article td,
+article th {
+ width: fit-content;
}
-article .footnotes{
- width:100%;
+
+article .footnotes {
+ width: 100%;
}
-article .footnotes a{
+
+article .footnotes a {
text-decoration: none;
}
-article sup a{
+
+article sup a {
text-decoration: none;
}
blockquote {
margin-left: 10%;
padding-left: 2.5rem;
- width:80%;
+ width: 80%;
border-left: 0.5rem solid var(--theme-accent);
font-style: italic;
}
@@ -264,8 +313,10 @@ article ul {
article>a {
text-align: center;
}
-article h2,h1{
- width:100%;
+
+article h2,
+h1 {
+ width: 100%;
text-align: center;
}
@@ -283,33 +334,33 @@ article h3 {
text-decoration: underline;
}
-article img{
+article img {
align-self: center;
max-width: 80%;
- max-height: 50vh;
}
+
article video,
article iframe {
- max-width: 60rem;
- max-height: 40rem;
- width: 80%;
- height:50vh;
+ height: 40rem;
+ width: 95%;
+ max-height: 60vh;
background-color: transparent;
}
-article>section>a{
- display:flex;
+article>section>a {
+ display: flex;
flex-direction: column;
align-items: center;
}
-table{
- width:fit-content;
+table {
+ width: fit-content;
}
+
td,
th {
margin: 0;
@@ -318,62 +369,67 @@ th {
text-align: left !important;
}
-video{
- background-color:black;
+video {
+ background-color: black;
}
-.link-preview{
- display:flex;
+.link-preview {
+ display: flex;
flex-direction: row;
flex-wrap: nowrap;
- padding:1.5%;
+ padding: 1.5%;
justify-content: left;
text-decoration: none;
text-align: left;
- width:80%;
- box-shadow:0px 0px 0.5rem var(--theme-accent);
- border-radius:2rem;
- overflow:hidden;
- margin-bottom:1rem;
- margin-top:1rem;
+ width: 80%;
+ box-shadow: 0px 0px 0.5rem var(--theme-accent);
+ border-radius: 2rem;
+ overflow: hidden;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
}
-.link-preview>div{
- margin:1rem;
+
+.link-preview>div {
+ margin: 1rem;
}
-.link-preview>img{
+
+.link-preview>img {
max-width: 20rem;
}
-.link-preview>div>p{
+
+.link-preview>div>p {
text-decoration: none !important;
color: var(--theme-color-secondary);
}
#sidebar {
- padding-top:0;
- align-items: flex-start;
+ padding-top: 0;
+ align-items: flex-start;
}
.recent *,
-.featured *{
- margin:0.25rem;
- padding:0;
+.featured * {
+ margin: 0.25rem;
+ padding: 0;
text-align: left;
}
+
.recent p,
-.featured p{
+.featured p {
min-width: 20vw;
-
+
}
+
.recent img,
.featured img,
.recent video,
-.featured video{
- max-width:15vw;
- margin:0.25rem;
+.featured video {
+ max-width: 15vw;
+ margin: 0.25rem;
}
-#social-links{
+#social-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -381,136 +437,246 @@ video{
justify-content: space-evenly;
}
-.social-link{
- display:flex;
+.social-link {
+ display: flex;
flex-direction: column;
align-items: center;
- margin:1rem;
+ margin: 1rem;
}
-.social-link img{
- width:5rem;
+.social-link img {
+ width: 2.5rem;
}
@media print {
- body{
+ body {
background-color: white;
}
- header,footer{
- display:none;
+
+ header,
+ footer {
+ display: none;
}
- body>img{
- display:none;
+
+ body>img {
+ display: none;
}
- img{
+
+ img {
max-height: 60vh;
}
- *,main,section{
- color:black;
+
+ *,
+ main,
+ section {
+ color: black;
background-color: white;
- border:none;
+ border: none;
box-shadow: none;
- padding:0;
- max-width:90vw;
+ padding: 0;
+ max-width: 90vw;
}
}
-.recent,.featured{
+.recent,
+.featured {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
- padding:1rem;
-}
-.featured a,.recent a{
- width:initial;
+ padding: 1rem;
}
-.section-heading{
+.featured a,
+.recent a {
+ width: initial;
+}
+
+.section-heading {
color: var(--theme-accent);
width: 100%;
}
-#tags{
- display:flex;
- flex-direction: row;
- flex-wrap: wrap;
-}
-#tags>*{
- margin:1rem;
- background-color: var(--theme-accent);
- color:var(--theme-color-primary);
- border-radius: 1.5rem;
- padding:1.5rem;
- font-weight: bolder;
-}
-
-.gallery{
- display:flex;
+#tags {
+ display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
+ align-items: center;
+}
+
+#tags>a {
+ margin: 5px;
+ padding:10px;
+ border-radius: 50px;
+ font-size:20px;
+ background-color: var(--theme-accent);
+ color: var(--theme-color-primary);
+ font-weight: bolder;
+ display:flex;
+ flex-direction: row;
+ align-items: center;
+}
+#tags>a>*{
+ margin:5px;
+}
+
+.gallery {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ width:90vw;
}
-.image-container {
- margin-bottom:1rem;
+#banner{
+ position:relative;
+ width:100vw;
+ height:35vh;
+ overflow:hidden;
+ background-repeat: no-repeat;
+ background-size:cover;
+ display:flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background-position: center;
+ background-position-y:center;
}
-.image-container,.image-container a{
+#banner-text{
+ max-height:20vh;
+ width:fit-content;
+ color:white;
+ background-color: rgba(0,0,0,0.5);
+ backdrop-filter: blur(0.25rem);
+ min-width: 10vw;
+ border-radius:25px;
+ text-shadow: 1px 1px 2px black;
+ padding:1rem;
+}
+
+.image-container {
+ margin-bottom: 1rem;
+}
+
+.image-container,
+.image-container a {
width: fit-content;
display: flex;
flex-direction: column;
justify-content: center;
}
-.image-container .caption{
- font-size:medium;
+
+.image-container .caption {
width: fit-content;
border: 1px solid var(--theme-accent);
- padding:0.5rem;
- border-radius:0.5rem;
+ padding: 0.5rem;
+ border-radius: 0.5rem;
}
-.gallery>*{
+.gallery>* {
margin-bottom: 1.5rem;
}
+#content-list{
+ display:flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+}
-@media screen and (orientation:portrait){
- main{
+@media screen and (orientation:portrait) {
+ main {
flex-direction: column-reverse;
align-items: center;
- width:100vw;
-
+ width: 100vw;
+
}
- .link-preview{
+
+ .link-preview {
flex-direction: column;
}
- .recent,.featured{
+
+ .recent,
+ .featured {
flex-direction: column;
align-items: center;
width: 100%;
}
+
.listing img,
- .listing video{
- width:unset;
+ .listing video {
+ width: unset;
max-width: 100%;
- height:25vh;
- padding-left:2vw;
- padding-right:2vw;
+ height: 25vh;
+ padding-left: 2vw;
+ padding-right: 2vw;
}
+
.recent img,
.featured img,
.recent video,
- .featured video{
- max-width:unset;
- width:100%;
- margin:0;
+ .featured video {
+ max-width: unset;
+ width: 100%;
+ margin: 0;
}
- .listing{
- flex-direction: column;
+
+ .listing {
+ max-width:90vw;
+ max-height: 40vh;
+ }
+ .listing-text{
+ font-size:14px;
+ }
+ .metadata{
+ max-width: 100%;
+ flex-wrap: wrap;
+ }
+ .metadata #tags a {
+ font-size:10px;
+ padding:0;
+ }
+ .metadata .icon{
+ width:2rem;
+ height:2rem;
+ }
+ nav{
+ font-size:10px;
+ }
+ .social-link strong{
+ display:none;
+ }
+ #social-links img{
}
}
+svg{
+ stroke: black;
+ fill:black;
+}
+.icon {
+ width:2.5rem;
+ height:2.5rem;
+}
+.icon-small{
+ height:1rem;
+ width:1rem;
+}
+
+#info>div{
+ display:flex;
+ flex-direction: row;
+}
+#info>div>*{
+ margin:10px;
+}
+
+.bare-link{
+ color:var(--theme-color-secondary) !important;
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/static/res/default.svg b/static/res/default.svg
new file mode 100644
index 0000000..94a9455
--- /dev/null
+++ b/static/res/default.svg
@@ -0,0 +1,60 @@
+
+
+
+
{{ .Get 1 }}
-{{.Get 2 }}
+{{.Get 2 }}