change ad placement

bring fonts, css and js onto server
kanedata · Jun 20, 2023 · 798e201 · 798e201
1 parent 836686d
commit 798e201
Show file tree

Hide file tree

Showing 47 changed files with 1,058 additions and 22 deletions.
diff --git a/findthatpostcode/static/css/custom.css b/findthatpostcode/static/css/custom.css
@@ -0,0 +1,42 @@
+body {
+    display: grid;
+    grid-template-columns: 1fr max-content;
+}
+
+body>header {
+    grid-column: 1 / 3;
+    grid-row: 1;
+}
+
+body>main {
+    grid-column: 1 / 3;
+    grid-row: 2;
+}
+
+body>aside {
+    grid-column: 1 / 3;
+    grid-row: 3;
+}
+
+body>footer {
+    grid-column: 1 / 3;
+    grid-row: 4;
+}
+
+@media screen and (min-width: 60em) {
+    body>main {
+        grid-column: 1 / 2;
+        grid-row: 2 / 3;
+    }
+
+    body>aside {
+        grid-column: 2 / 3;
+        grid-row: 2 / 3;
+    }
+}
+
+.ea-sticky-ad {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
diff --git a/findthatpostcode/static/css/fonts.css b/findthatpostcode/static/css/fonts.css
@@ -0,0 +1,57 @@
+/* latin */
+@font-face {
+    font-family: 'Archivo';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url("/static/fonts/Archivo-Regular.ttf") format("truetype");
+}
+
+/* latin */
+@font-face {
+    font-family: 'Archivo';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url("/static/fonts/Archivo-Bold.ttf") format("truetype");
+}
+
+/* latin */
+@font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url("/static/fonts/Raleway-Regular.ttf") format("truetype");
+}
+
+/* latin */
+@font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 700;
+    src: url("/static/fonts/Raleway-Bold.ttf") format("truetype");
+}
+
+/* fallback */
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url("/static/fonts/MaterialIcons.woff2") format('woff2');
+}
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -moz-font-feature-settings: 'liga';
+    -moz-osx-font-smoothing: grayscale;
+}