From e0095d86e837df8f4e02e8042b7c4b5139303987 Mon Sep 17 00:00:00 2001
From: Szymon Nowak <szimek@gmail.com>
Date: Wed, 2 Mar 2022 21:27:46 +0100
Subject: [PATCH] We stand with Ukraine!

---
 app/styles/layout/_content.sass | 9 +++++++++
 app/styles/layout/_footer.sass  | 4 ++--
 app/templates/application.hbs   | 9 ++++++---
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/styles/layout/_content.sass b/app/styles/layout/_content.sass
index 7984bbe..464a217 100644
--- a/app/styles/layout/_content.sass
+++ b/app/styles/layout/_content.sass
@@ -2,3 +2,12 @@
   position: relative
   height: 100vh
   min-height: 600px
+
+.visually-hidden
+  clip: rect(0 0 0 0)
+  clip-path: inset(50%)
+  height: 1px
+  overflow: hidden
+  position: absolute
+  white-space: nowrap
+  width: 1px
diff --git a/app/styles/layout/_footer.sass b/app/styles/layout/_footer.sass
index 1c49ab3..0da95d4 100644
--- a/app/styles/layout/_footer.sass
+++ b/app/styles/layout/_footer.sass
@@ -38,12 +38,12 @@
     background: transparent url("../assets/images/github.svg") no-repeat center
 
   .twitter
-    width: 60px
+    width: 80px
     height: 20px
     margin-left: 8px
 
   .webrtc
     width: 72px
-    height: 12px
+    height: 20px
     background: transparent url("../assets/images/webrtc.png") no-repeat center
     background-size: 71px 12px
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index 25cda87..41aeb8e 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -23,12 +23,15 @@
   <p class="about">{{outlet "about_you"}}</p>
 
   <div class="logos">
-    <div class="left">
+    <div class="left"></div>
+    <div class="right">
       <a href="/szimek/sharedrop" class="github" target="_blank" rel="noopener noreferrer"><span>Github</span></a>
       <iframe title="twitter" loading="lazy" class="twitter" src="https://platform.twitter.com/widgets/tweet_button.html?url=https%3A%2F%2Fwww.sharedrop.io&text=ShareDrop%20%E2%80%93%20easily%20and%20securely%20share%20files%20of%20any%20size%20directly%20between%20devices%20using%20your%20browser&count=none" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>
-    </div>
-    <div class="right">
       <a href="http://www.webrtc.org/" class="webrtc" target="_blank" rel="noopener noreferrer"><span>WebRTC</span></a>
     </div>
   </div>
 </footer>
+
+<a href="https://war.ukraine.ua/" style="position: fixed; left: -80px; bottom: 0px; width: 300px; height: 64px; transform: rotate(45deg); z-index: 999; background: linear-gradient(-180deg, rgb(0, 91, 187) 50%, rgb(255, 213, 0) 50%);">
+  <span class="visually-hidden">We stand with Ukraine!</span>
+</a>