-
+
+
+
- 
+
diff --git a/_layouts/default.html b/_layouts/default.html
index bb3b490..37faf3e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -52,14 +52,13 @@
{% include nav/navbar.html %}
+
+
+
+
+
diff --git a/_layouts/default.html b/_layouts/default.html
index bb3b490..37faf3e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -52,14 +52,13 @@
{% include nav/navbar.html %}
+
+
+
+
-
-
-
-
{% include footer.html %}
diff --git a/res/autism.png b/res/autism.png
deleted file mode 100644
index 5696e3b..0000000
Binary files a/res/autism.png and /dev/null differ
diff --git a/res/blm.png b/res/blm.png
deleted file mode 100644
index 1d09296..0000000
Binary files a/res/blm.png and /dev/null differ
diff --git a/res/pride.png b/res/pride.png
deleted file mode 100644
index bb8588d..0000000
Binary files a/res/pride.png and /dev/null differ
diff --git a/res/women.png b/res/women.png
deleted file mode 100644
index 3cd5e2a..0000000
Binary files a/res/women.png and /dev/null differ
diff --git a/scripts/banner.js b/scripts/banner.js
deleted file mode 100644
index cee3cea..0000000
--- a/scripts/banner.js
+++ /dev/null
@@ -1,18 +0,0 @@
-let date = new Date();
-if (date.getMonth() + 1 === 6) {
- setBanner("pride", "It's Pride Month! Consider donating to charities like Outright International.", "https://outrightinternational.org/");
-} else if (date.getMonth() + 1 === 2) {
- setBanner("blm", "It's Black History Month! Consider donating to charities like Black Lives Matter.", "https://blacklivesmatter.com/");
-} else if (date.getMonth() + 1 === 3) {
- setBanner("women", "It's Women's History Month! Consider donating to charities like the Global Fund for Women.", "https://www.globalfundforwomen.org/");
-} else if (date.getMonth() + 1 === 4 && date.getDate() <= 4) {
- setBanner("autism", "It's Autism Awareness Week! Consider donating to charities like the ASAN.", "https://autisticadvocacy.org/");
-}
-
-function setBanner(name, desc, link) {
- let banner = $("#banner");
- banner.html(desc);
- banner.prop("href", link);
- banner.css("background-image", `url(/res/${name}.png)`);
- banner.removeAttr("hidden");
-}
\ No newline at end of file
diff --git a/style/style.css b/style/style.css
index 3129ffd..acf6b0b 100644
--- a/style/style.css
+++ b/style/style.css
@@ -1,14 +1,14 @@
html {
scroll-padding-top: 136px;
position: relative;
- min-height: 100%;
}
body {
- margin-top: 106px;
font-family: "Roboto", sans-serif;
background-color: #e1e1e1;
- margin-bottom: 100px;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
}
code {
@@ -21,8 +21,9 @@ h1, h2, h3, h4, h5, h6, .nav-item {
}
.main {
- margin-top: 20px;
+ margin-top: 66px;
margin-bottom: 40px;
+ flex: 1;
}
.list-display {
@@ -35,14 +36,6 @@ h1, h2, h3, h4, h5, h6, .nav-item {
background-color: white;
}
-.alert {
- max-width: 850px;
- display: block;
- margin-top: 40px;
- margin-left: auto;
- margin-right: auto;
-}
-
.project {
margin-top: 50px;
}
@@ -140,32 +133,21 @@ h1, h2, h3, h4, h5, h6, .nav-item {
}
.footer {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
margin-left: auto;
margin-right: auto;
+ width: 100%;
max-width: 1000px;
background-color: #f8f9fa;
- padding-left: 15px;
- padding-right: 15px;
- overflow: auto;
- height: 60px;
- line-height: 60px;
+ padding: 0.5em 15px;
+ display: flex;
+ flex-direction: row;
}
-.quote {
- float: right;
-}
-
-#quote-text {
- margin-right: 10px;
-}
-
-#blobheart {
- width: 30px;
- height: 30px;
+.footer-section {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ flex: 1;
+ align-self: center;
}
.card-link {
@@ -213,23 +195,6 @@ hr {
border-top: 2px solid rgba(0, 0, 0, 0.2);
}
-#banner {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- margin-left: auto;
- margin-right: auto;
- max-width: 1000px;
- height: 40px;
- line-height: 40px;
- text-align: center;
- background-size: contain;
- color: white;
- text-shadow: -1px -1px 5px black, 1px -1px 5px black, -1px 1px 5px black, 1px 1px 5px black;
- overflow: auto;
-}
-
.highlight {
border-radius: 10px;
}
@@ -255,14 +220,24 @@ pre.highlight {
border-top: 2px solid rgba(0, 0, 0, 0.2);
}
+#cookieinfo {
+ position: fixed;
+ top: 86px;
+ left: 0;
+ right: 0;
+ max-width: 650px;
+ margin-left: auto;
+ margin-right: auto;
+ z-index: 500;
+}
+
@media (max-width: 768px) {
.container {
max-width: none;
}
.list-display,
- .jumbotron,
- .alert {
+ .jumbotron {
width: auto;
padding-left: 20px;
padding-right: 20px;
@@ -294,4 +269,12 @@ pre.highlight {
margin-right: calc(35px - 1.25rem);
}
+ .footer {
+ flex-direction: column;
+ }
+
+ .footer-section {
+ width: 100%;
+ }
+
}
- {{ content }}
-
+ {{ content }}