diff --git a/assets/css/main.css b/assets/css/main.css
index 31057e6..08d49f5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1327,7 +1327,7 @@ ul.portraits li p {
nav {
position: absolute;
top: 1.5rem;
- right: 4.375rem;
+ /* right: 4.375rem; */
}
.data-list {
@@ -1501,3 +1501,126 @@ ul.portraits li p {
}
/* end @media (min-width: 1024px) */
+
+/* begin responsive nav */
+
+.float-right {
+ float: right;
+}
+
+.navigation {
+ height: 6rem;
+ width: 100%;
+
+ a {
+
+ &:hover,
+ &:focus {
+ color: var(--color-white);
+ }
+ }
+
+ .navigation-list {
+ float: right;
+ list-style: none;
+ margin-bottom: 0;
+ margin-top: 0;
+
+ @media only screen and (max-width: 768px) {
+ position: relative;
+ top: 2rem;
+ right: 0;
+ z-index: 5;
+ visibility: hidden;
+ opacity: 0;
+ padding: 0;
+ max-height: 0;
+ width: 100%;
+ background-color: var(--color-black);
+ border-top: solid 2px var(--color-black);
+ border-bottom: solid 2px var(--color-black);
+ transition: opacity 0.25s, max-height 0.15s linear;
+ }
+
+ .navigation-item {
+ float: left;
+ margin: 0;
+ position: relative;
+
+ @media only screen and (max-width: 768px) {
+ float: none !important;
+ text-align: center;
+
+ a,
+ span {
+ line-height: 5rem;
+ display: inline;
+ font-size: 1.7rem;
+ font-weight: 600;
+ }
+ }
+
+ a,
+ span {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+ }
+ }
+
+
+ #menu-toggle {
+ display: none;
+
+ @media only screen and (max-width: 768px) {
+ display: initial;
+ position: relative;
+ visibility: hidden;
+
+ &:checked+label>i {
+ color: var(--color-black);
+ }
+
+ &:checked+label+ul {
+ visibility: visible;
+ opacity: 1;
+ max-height: 100rem;
+ }
+
+ &:focus-visible+label {
+ outline-style: auto;
+ }
+ }
+ }
+
+ .menu-button {
+ display: none;
+ text-align: right;
+
+ @media only screen and (max-width: 768px) {
+ position: relative;
+ display: block;
+ font-size: 2.4rem;
+ font-weight: 400;
+ fill: var(--color-gold);
+ }
+
+ i {
+
+ &:hover,
+ &:focus {
+ color: var(--color-light-grey);
+ }
+ }
+ }
+
+ i {
+ color: var(--color-black);
+ cursor: pointer;
+
+ &:hover,
+ &:focus {
+ color: var(--color-black);
+ }
+ }
+}
\ No newline at end of file
diff --git a/config.toml b/config.toml
index 7f96a2d..fd4dd2b 100644
--- a/config.toml
+++ b/config.toml
@@ -2,6 +2,10 @@ baseURL = "https://ethicalsource.dev"
languageCode = "en-us"
title = "Organization for Ethical Source"
+[params]
+description = "The Organization for Ethical Source is a global, multidisciplinary community devoted to centering justice, equity, and human rights in the practice of open source."
+favicon = "/images/favicon.ico"
+
DefaultContentLanguage = "en"
hasCJKLanguage = true
EnableMissingTranslationPlaceholders = true
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d435c6a..a7361b4 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,25 +9,31 @@
-
- {{ .Site.Title }} | {{ .Title }}
-
+
+ {{/* If not home page, add use site title + page title */}}
+ {{ if ne page.IsHome true }}
+ {{ .Site.Title }} | {{ .Page.Title }}{{ else }}
+ {{ .Page.Title }}
+ {{ end }}
+
- {{ if .Params.title }}
-
- {{ else }}
-
- {{ end }}
+ {{/* setup base meta tags */}}
+
+
+
+ {{/* setup opengraph meta tags - https://ogp.me/ */}}
+
+
+
+
- {{ if .Params.Summary }}
-
- {{ else }}
-
- {{ end }}
+
+ {{/* setup link tags for stylesheets and icons */}}
-
+
+
@@ -38,8 +44,6 @@
{{ partial "footer" }}
- {{ partial "navigation" . }}
-