Added sticker for quarantine

css/style.css

@@ -46,32 +46,32 @@ header {
 /************************************************/
 /* A place for temporary campaigns / sticker on home banner */
 .sticker {
-    background: url(../images/alias-challenge.png) no-repeat center center;
+    background: url(../images/quarantine.png) no-repeat center center;
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg);
     position: absolute;
-    left: 7%;
-    bottom: 20%;
-    width: 600px;
-    height: 600px;
+    right: 7%;
+    top: 10%;
+    width: 300px;
+    height: 300px;
 }
 
 @media only screen and (max-width: 830px) {
     .sticker {
-        background-size: 400px;
-        width: 400px;
-        height: 400px;
-        bottom: 15%;
+        background-size: 200px;
+        width: 200px;
+        height: 200px;
+        top: 10%;
     }
   }
 
 @media only screen and (max-width: 640px) {
     .sticker {
-        background-size: 300px;
-        width: 300px;
-        height: 300px;
-        bottom: 20%;
-        left: 3%;
+        background-size: 150px;
+        width: 150px;
+        height: 150px;
+        top: 20%;
+        right: 3%;
     }
 }
 

templates/partials/header.html.twig

@@ -7,7 +7,7 @@
       <h1 class="responsive-headline">{{ site.header.title }}</h1>
       <h3>{{ site.header.description }}</h3>
       <!-- Place for temporary stickers -->
-      <!--a class=sticker href="/aliaschallenge"></a-->
+      <a class=sticker href="/quarantine"></a>
       <!--a class=report2018 href="https://disroot.org/annual_reports/AnnualReport2018.pdf"></a-->
       <hr />
       {% if site.social %}