Merge pull request #146 from CSSUoB/freshers-banner

Add temporary banner
CSSUoB · Aug 18, 2021 · 999c9a6 · 999c9a6
2 parents 104fef3 + 8bc5fa8
commit 999c9a6
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -35,6 +35,10 @@
   {% include header.html %}
 
   <main>
+    <div id="freshers-banner">
+      <p>Joining us in September? Read our <a href=/newsletter/freshers-welcome-2021>2021 Welcome Newsletter</a> and <a href=/discord>meet everyone else over on the Discord</a></p>
+    </div>
+
     {{ content }}
   </main>
 

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -14,8 +14,12 @@
 </head>
 <body>
   {% include header.html %}
-
   <main>
+
+    <div id="freshers-banner">
+      <p>Joining us in September? Read our <a href=/newsletter/freshers-welcome-2021>2021 Welcome Newsletter</a> and <a href=/discord>meet everyone else over on the Discord</a></p>
+    </div>
+
     <div class="post-header">
       {% if page.header-image %}
         <img class="post-header-image" src="{{ page.header-image | relative_url }}">

diff --git a/css/main.scss b/css/main.scss
@@ -23,6 +23,21 @@ body {
   flex-direction: column;
 }
 
+#freshers-banner {
+  background-color: #9D68DC;
+  border-radius: 10px;
+  padding: 2px 20px;
+  font-size: 18px;
+  margin-bottom: 20px;
+
+  * {
+    color: white;
+    text-align: center;
+    font-family: "JetBrains Mono", "Inconsolata", monospace;
+    font-weight: bolder;
+  }
+}
+
 main {
   font-family: "Roboto", sans-serif;
   width: 80%;
@@ -87,7 +102,7 @@ main {
     max-width: 900px;
     margin: 0 auto;
     background-color: white;
-    padding: 10px 30px 20px;
+    padding: 20px 20px;
     border-radius: 20px;
 
     * {