We stand with Ukraine!

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

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

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="https://github.com/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>