Merge pull request #1 from javorszky/feb

🦄 Not Things
jsoxford · Feb 4, 2021 · af21e00 · af21e00
2 parents a558279 + ab4f3af
commit af21e00
Show file tree

Hide file tree

Showing 11 changed files with 154 additions and 25 deletions.
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "build": "cross-env ELEVENTY_ENV=prod npm-run-all build:sass build:eleventy social-images",
     "lint": "stylelint 'src/sass/**/*.scss' 'src/sass/**/**/*.scss' 'src/sass/**/**/**/*.scss'",
     "lint:fix": "stylelint --fix 'src/sass/**/*.scss' 'src/sass/**/**/*.scss' 'src/sass/**/**/**/*.scss'",
-    "social-images": "eleventy-social-images --outputDir public --dataFile social/pages.json --templatePath social/template.html",
+    "social-images": "eleventy-social-images --outputDir public --dataFile social/pages.json --templatePath social/template.html --theme green",
     "bump": "npm --no-git-tag-version version"
   },
   "repository": {

diff --git a/src/_data/meta.js b/src/_data/meta.js
@@ -1,8 +1,7 @@
 module.exports = {
   url: process.env.URL || "http://localhost:8080",
-  siteName: "JSNotOxford",
-  siteDescription:
-    "Tiny online unconference on 13th January 2021",
-  authorName: "Gabor Javorszky",
-  twitterUsername: "javorszky", // no `@`
+  siteName: "MaybeNotJSOxford",
+  siteDescription: "A monthly catchup about tech (maybe JS), that's online (not in Oxford)",
+  authorName: "JS Oxford",
+  twitterUsername: "JSOxford", // no `@`
 };
diff --git a/src/_includes/base.njk b/src/_includes/base.njk
@@ -46,14 +46,22 @@
     />
   </head>
   <body>
-    {{ content | safe }}
 
-    <footer class="tdbc-background--secondary">
-      <div class="tdbc-container tdbc-text-align-center">
-        <div class="tdbc-row tdbc-ink--light tdbc-mx-auto">
-          <p class="tdbc-mb-none">&copy; {% year %} {{ meta.siteName }} • {% packageVersion %}</p>
-        </div>
-      </div>
-    </footer>
+    <div class="maybenot-container">
+      {{ content | safe }}
+
+
+        <footer class="maybenot-foot">
+          <h1><strong>Not</strong>JSOxford</h1>
+          <div>
+            <p>
+              Not just JS, and not really in Oxford either.
+              A chat on the second Wednesday of the month.
+            </p>
+            <p>Join us: <a href="https://www.youtube.com/channel/UCjXR8G5M-iwkHVF26AFFsCQ">YouTube</a> | <a href="https://slack.digitaloxford.com/">Slack</a> (we're in <a href="https://digitaloxford.slack.com/archives/C0UURPG9H">#jsoxford</a>)</p>
+          </div>
+        </footer>
+
+    </div>
   </body>
 </html>
diff --git a/src/_includes/event.njk b/src/_includes/event.njk
@@ -0,0 +1,21 @@
+---
+layout: base.njk
+---
+
+<header class="maybenot">
+  <h1>{{ title }}</h1>
+  <h2>{{ description }}</h2>
+</header>
+
+
+<main>
+
+  {# <div class="maybenot-video-contain">
+    <div class="maybenot-video">
+    </div>
+  </div> #}
+
+  {{ content | safe }}
+</main>
+
+
diff --git a/src/fonts/fira-sans-v10-latin-italic.woff2 b/src/fonts/fira-sans-v10-latin-italic.woff2
diff --git a/src/fonts/fira-sans-v10-latin-regular.woff2 b/src/fonts/fira-sans-v10-latin-regular.woff2
diff --git a/src/img/bg.svg b/src/img/bg.svg
diff --git a/src/index.md b/src/index.md
@@ -1,3 +1,5 @@
 ---
-layout: home.njk
+layout: event.njk
+title: 10th February @ 7pm
+description: An evening of Kubernetes and Marcus
 ---
diff --git a/src/sass/_maybenot.scss b/src/sass/_maybenot.scss
@@ -0,0 +1,76 @@
+body {
+  background-color: #20fea1;
+  background-image: url(../img/bg.svg);
+
+  background-size: 100% 100%;
+  background-size: cover;
+  background-attachment: fixed;
+  color: #000;
+}
+
+header.maybenot {
+  h1 {
+    font-style: italic;
+    font-weight: 800;
+  }
+  h2 {
+    font-size: 2em;
+  }
+}
+
+.maybenot-container {
+  margin: 3vmin;
+  display: flex;
+  flex-direction: column;
+  min-height: 95vh;
+  max-width: 50em;
+  margin: auto;
+  padding: 5vmin;
+
+  a {
+    color: #f08;
+    font-weight: 800;
+  }
+}
+
+.maybenot-foot {
+  display: flex;
+  align-items: center;
+
+  h1 {
+    font-style: italic;
+    white-space: nowrap;
+
+    font-weight: 400;
+    margin-right: 1em;
+    font-size: 6vmin;
+
+    strong {
+      font-weight: 800;
+      display: block;
+    }
+  }
+
+  div {
+    display: flex;
+    flex-direction: column;
+    font-size: 4vmin;
+  }
+  p {
+    margin: 0;
+    font-style: italic;
+  }
+}
+
+.maybenot-video-contain {
+  // max-width: 30em;
+}
+.maybenot-video {
+  background: rgba(240, 240, 240, 0.9);
+  backdrop-filter: blur(10px);
+  border-radius: 10px;
+  border: 1px solid rgba(170, 170, 170, 0.596);
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+}
diff --git a/src/sass/_theme.scss b/src/sass/_theme.scss
@@ -35,7 +35,7 @@ $tdbc-button-variants: "primary", "secondary", "light", "gray" !default;
 $tdbc-link-color: tdbc-color("primary") !default;
 $tdbc-border-radius: 8px !default;
 
-$tdbc-font-family: "Baloo 2", sans-serif;
+$tdbc-font-family: "Fira Sans", sans-serif;
 $tdbc-strong-font-weight: 500 !default;
 $tdbc-h1-font-size: 4.2rem !default;
 $tdbc-h2-font-size: 3.15rem !default;

diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -1,18 +1,16 @@
 @font-face {
-  font-family: "Baloo 2";
+  font-family: "Fira Sans";
   font-style: normal;
-  font-weight: normal;
-  src: local("Baloo 2 Regular"), local("Baloo-2-Regular"),
-    url("../fonts/baloo-2-v1-latin-regular.woff2") format("woff2");
+  font-weight: 400;
+  src: url("../fonts/fira-sans-v10-latin-regular.woff2") format("woff2");
   font-display: swap;
 }
 
 @font-face {
-  font-family: "Baloo 2";
-  font-style: normal;
-  font-weight: 500;
-  src: local("Baloo 2 Medium"), local("Baloo-2-Medium"),
-    url("../fonts/baloo-2-v1-latin-500.woff2") format("woff2");
+  font-family: "Fira Sans";
+  font-style: italic;
+  font-weight: 400;
+  src: url("../fonts/fira-sans-v10-latin-italic.woff2") format("woff2");
   font-display: swap;
 }
 
@@ -25,3 +23,5 @@
 @import "card";
 @import "prism";
 @import "utilities";
+
+@import "maybenot";