Merge pull request #4 from Sycamost/dev

Changes site to scotsleidassocie.org

4 files changed, 50 insertions, 2 deletions

diff --git a/public/css/modules/footer.css b/public/css/modules/footer.css
new file mode 100644
index 0000000..eb9e108
--- /dev/null
+++ b/public/css/modules/footer.css
@@ -0,0 +1,27 @@
+footer {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  gap: var(--grid-gutter-width);
+  align-items: baseline;
+}
+
+.footer__rss-button__label {
+  /* Hides the label from non-screen-readers */
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.footer__rss-button__img {
+  width: calc(8 * var(--relative-eighth-rem));
+}
+
+.footer__back-to-top {
+  grid-column: calc(var(--grid-column-count) - 2) / calc(var(--grid-column-count) + 1);
+}
\ No newline at end of file
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 1a1c62a..d33754f 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -12,4 +12,5 @@
 @import './nav.lg.css' (min-width: 64rem);
 @import './skip-to-content.css';
 @import './committee.css';
-@import './committee.md.css' (min-width: 48rem);
\ No newline at end of file
+@import './committee.md.css' (min-width: 48rem);
+@import './footer.css';
diff --git a/public/css/variables/typography.css b/public/css/variables/typography.css
index fd3452a..810a129 100644
--- a/public/css/variables/typography.css
+++ b/public/css/variables/typography.css
@@ -9,7 +9,7 @@
 
   --font-serif:
     Alegreya,
-    Sitka,
+    Sitka, "Sitka Display", "Sitka Heading", "Sitka Text",
     -apple-system-ui-serif,
     "Droid Serif",
     ui-serif,
diff --git a/public/images/rss.svg b/public/images/rss.svg
new file mode 100644
index 0000000..9a58156
--- /dev/null
+++ b/public/images/rss.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  id="RSSicon"
+  viewBox="0 0 8 8"
+  width="256"
+  height="256"
+>
+  <title>RSS feed icon</title>
+
+  <style type="text/css">
+    .button {stroke: none; fill: orange;}
+    .symbol {stroke: none; fill: white;}
+  </style>
+
+  <rect class="button" width="8" height="8" rx="1.5"/>
+  <circle class="symbol" cx="2" cy="6" r="1"/>
+  <path class="symbol" d="m 1,4 a 3,3 0 0 1 3,3 h 1 a 4,4 0 0 0 -4,-4 z"/>
+  <path class="symbol" d="m 1,2 a 5,5 0 0 1 5,5 h 1 a 6,6 0 0 0 -6,-6 z"/>
+</svg>
\ No newline at end of file