Add follow button

sttts · sttts · commit 770b963b3968 · 2022-10-07T11:57:52.000+02:00
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     height: 0;
     overflow: hidden;
   }
-  .responsive-google-slides iframe {
+  .responsive-google-slides #gslides {
     border: 0;
     position: absolute;
     top: 0;
@@ -25,24 +25,30 @@
   a:hover { color: #ffffff; }
   a:active { color: #ff4040; text-decoration:none; font-weight:normal; }
 
-   #triangle-topleft {
+   #triangle-topright {
       width: 0;
       height: 0;
       border-top: 150px solid #9020d1bb;
       border-left: 150px solid transparent;
       position: absolute;
     }
-
-    #container {
-      position: relative;
+    
+     #triangle-bottomright {
+      width: 0;
+      height: 0;
+      border-bottom: 150px solid #00000080;
+      border-left: 150px solid transparent;
     }
 
-    #triangle-topleft, #overlay {
+    #triangle-topright, #overlay-topright, #triangle-bottomright, #overlay-bottomright {
       position: absolute;
       color: white;
       right: 0;
     }
-    #overlay {
+    #triangle-bottomright, #overlay-bottomright {
+      bottom: 0;
+    }
+    #overlay-topright {
         margin-top: 32px;
         transform: rotate(45deg);
         text-align: center;
@@ -51,12 +57,32 @@
         a:link { color: white; };
         a:visited { color: white; }        
     }
+    #overlay-bottomright {
+        margin-bottom: 50px;
+        margin-right: -10px;
+        text-align: center;
+        color: white;
+        font-weight: bold;
+        a:link { color: white; };
+        a:visited { color: white; }  
+    }
+    .twitter-follow-button {
+        transform: rotate(-45deg);
+    }
 </style>
 
 <body>
     <div class="responsive-google-slides">
-        <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR2pnXIRht6t5GTsONlnrrqFY5qcU29H2zwN-cUeNIkTrEcJW0-v48QZyTL2C0hd8puXIMZOYSXnaCc/embed?start=true&loop=true&delayms=2000&rm=minimal"></iframe>
-  <div id="triangle-topleft"></div>
-  <div id="overlay"><a href="https://www.youtube.com/watch?v=dg0g15Qv5Fo&t=1s">ContainerDays<br/>Recording</a></div>
+        <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR2pnXIRht6t5GTsONlnrrqFY5qcU29H2zwN-cUeNIkTrEcJW0-v48QZyTL2C0hd8puXIMZOYSXnaCc/embed?start=true&loop=true&delayms=2000&rm=minimal" id="gslides"></iframe>
+        <div id="triangle-topright"></div>
+        <div id="overlay-topright"><a href="https://www.youtube.com/watch?v=dg0g15Qv5Fo&t=1s">ContainerDays<br/>Recording</a></div>
+
+        <div id="triangle-bottomright"></div>
+        <div id="overlay-bottomright"><a href="https://twitter.com/the_sttts?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @the_sttts</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        
+        
+        
+            
+        </div>
     </div>
 </body>
