From 610bb62f30a1a23f2fcca3d0088449bf53a3f394 Mon Sep 17 00:00:00 2001
From: Greenscreener <honzikcernoh@gmail.com>
Date: Mon, 5 Oct 2020 02:47:06 +0200
Subject: [PATCH] Added online-only notice.

---
 themes/patek/assets/css/main.scss | 15 +++++++++++++++
 themes/patek/layouts/index.html   |  5 ++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/themes/patek/assets/css/main.scss b/themes/patek/assets/css/main.scss
index 4f8aa53..0b95462 100644
--- a/themes/patek/assets/css/main.scss
+++ b/themes/patek/assets/css/main.scss
@@ -329,3 +329,18 @@ patek-logo {
   font-weight: bold;
 }
 // /Custom styles
+
+.patek-logo-top {
+  position: relative;
+}
+.patek-logo-top .online-notice {
+  white-space: nowrap;
+  position: absolute;
+  display: inline-block;
+  font-size: 2rem;
+  padding: 0px 5px;
+  border-radius: 3px;
+  background-color: red;
+  font-family: 'Fira Code', monospace;
+  transform: rotate(-27deg) translate(-190px, -50px);
+}
diff --git a/themes/patek/layouts/index.html b/themes/patek/layouts/index.html
index 0023239..417ab45 100644
--- a/themes/patek/layouts/index.html
+++ b/themes/patek/layouts/index.html
@@ -29,6 +29,9 @@
     <div id="landing">
         <div class="patek-logo-top">
             <patek-logo>Pátek</patek-logo>
+            <div class="online-notice">
+                <a href="/blog/covidbreak-part2">Online mode</a>
+            </div>
         </div>
         <div class="intro container">
             <section class="section">
@@ -90,4 +93,4 @@
 
     </div>
     {{ partial "footer.html" . }}
-{{ end }}
\ No newline at end of file
+{{ end }}