Update index.html

HE-Arc · Nov 13, 2023 · c63e15f · c63e15f
1 parent 7cca24b
commit c63e15f
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -8,6 +8,40 @@
         <link rel="stylesheet" type="text/css" href="style.css" />
     </head>
     <body>
+    <style>
+        #forkongithub a{
+            background:#e30613;
+            color:#fff;
+            text-decoration:none;
+            font-family:arial,sans-serif;
+            text-align:center;
+            font-weight:bold;
+            padding:5px 40px;
+            font-size:1rem;
+            line-height:2rem;
+            position:relative;
+            transition:0.5s;}
+        #forkongithub a:hover{
+            background:#ff2020;
+            color:#000;}
+        #forkongithub a::before,#forkongithub a::after{
+            content:"";
+            width:100%;
+            display:block;
+            position:absolute;
+            top:1px;left:0;height:1px;background:#fff;}
+        #forkongithub a::after{
+            bottom:1px;top:auto;}
+        @media screen and (min-width:800px){
+            #forkongithub{
+                position:fixed;display:block;top:0;left:0;width:200px;overflow:hidden;height:200px;z-index:9999;}
+            #forkongithub a{
+                width:200px;position:absolute;top:60px;left:-60px;
+                transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
+                box-shadow:4px 4px 10px rgba(0,0,0,0.8);}
+        }</style>
+
+        <span id="forkongithub"><a href="https://github.com/HE-Arc/slides-devweb">Fork me on GitHub</a></span>        
         <div class="container">
             <header>
                 <h1>Slides Dev Web<span>HE-Arc 2023/24</span></h1>