diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index 25e4ce2..1f212dc 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -1,4 +1,5 @@
$font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+$width: 680px;
* {
box-sizing: border-box;
@@ -40,23 +41,23 @@ a {
{{ if .Site.Params.list.icon }}
- ul {
- list-style: none;
- padding-left: 1rem;
- }
+ ul {
+ list-style: none;
+ padding-left: 1rem;
+ }
- ul li {
- display: flex;
- }
+ ul li {
+ display: flex;
+ }
- ul li:before {
- content: url({{ .Site.Params.list.icon }});
- display: inline-block;
- width: 21px;
- height: 21px;
- margin-right: 10px;
- flex-shrink: 0;
- }
+ ul li:before {
+ content: url({{ .Site.Params.list.icon }});
+ display: inline-block;
+ width: 21px;
+ height: 21px;
+ margin-right: 10px;
+ flex-shrink: 0;
+ }
{{ end }}
@@ -72,17 +73,87 @@ a {
.col-12 {flex: 100%; width: 100%; max-width: 100%;}
[class*="col-"] {
- float: left;
+ float: left;
}
.row {
- display: flex;
- flex-wrap: wrap;
- flex-flow: column;
+ display: flex;
+ flex-wrap: wrap;
+ flex-flow: column;
}
/* Header */
+.header {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ max-width: $width;
+ margin: auto;
+ padding: 10px;
+ font-size: large;
+}
+
+.header i {
+ font-size: x-large;
+}
+
+.header > .items {
+ display: flex;
+ flex-grow: 1;
+ justify-content: right;
+}
+
+.header > .items > .item {
+ align-self: center;
+ padding-inline-end: 10px;
+}
+
+/* Footer */
+
+.footer {
+ display: flex;
+ flex-direction: column;
+ padding-block-start: 16px;
+ font-size: medium;
+ text-align: center;
+}
+
+.footer > .social {
+ display: flex;
+ justify-content: center;
+ font-size: x-large;
+}
+
+.footer > .social a {
+ padding-inline: 3px;
+ color: {{ .Site.Params.color.primary }};
+}
+
+.footer > .links {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ padding: 0;
+}
+
+.footer > .links .link {
+ display: flex;
+ padding-inline: 16px;
+}
+
+.footer > .links .link a {
+ color: inherit;
+}
+
+.footer > .links .link:before {
+ content: none;
+}
+
+.footer > .copyright {
+ font-size: small;
+}
+
/* Sections */
#content {
@@ -97,7 +168,7 @@ a {
padding-right: 1.5rem;
padding-left: 1.5rem;
width: 100%;
- max-width: 680px;
+ max-width: $width;
margin: 0;
align-self: center;
flex-grow: 1;
@@ -124,17 +195,11 @@ a {
.section-content {
width: 100%;
- max-width: 680px;
+ max-width: $width;
margin: auto;
justify-content: center;
}
-// .hero > div {
-// width: 100%;
-// max-width: 680px;
-// margin: auto;
-// }
-
.hero .hero-content {
display: flex;
justify-content: center;
@@ -167,7 +232,7 @@ a {
bottom: 0;
border-right: 3px solid {{ .Site.Params.color.primary }};
border-bottom: 3px solid {{ .Site.Params.color.primary }};
- }
+}
.hero-content div {
flex-grow: 1;
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 5382966..e8b7d29 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -4,9 +4,9 @@
{{- partial "header.html" . -}}
-
+
{{- block "main" . }}{{- end }}
-
+
{{- partial "footer.html" . -}}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index ed56825..a0a2a36 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1 +1,23 @@
-test
\ No newline at end of file
+{{ with .Site.Params.footer }}
+
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index ed56825..1c2279f 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1 +1,13 @@
-test
\ No newline at end of file
+{{ with .Site.Params.header }}
+
+{{ end }}
\ No newline at end of file