Browse Source

UI: Add GH ribbon

Alessandro Pignotti 2 years ago
parent
commit
c3891eb870
1 changed files with 3 additions and 1 deletions
  1. 3 1
      index.html

+ 3 - 1
index.html

@@ -30,8 +30,10 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
     <link rel="stylesheet" href="./xterm/xterm.css" />
     <link rel="stylesheet" href="./xterm/xterm.css" />
     <link rel="stylesheet" href="./scrollbar.css" />
     <link rel="stylesheet" href="./scrollbar.css" />
+    <style>.github-fork-ribbon:before { background-color: #ea1e69; }</style>
     <!-- Serviceworker script that adds the COI and CORS headers to the response headers in cases where the server does not support it. -->
     <!-- Serviceworker script that adds the COI and CORS headers to the response headers in cases where the server does not support it. -->
     <script src="serviceWorker.js"></script>
     <script src="serviceWorker.js"></script>
     <script src="./xterm/xterm.js"></script>
     <script src="./xterm/xterm.js"></script>
@@ -40,7 +42,7 @@
   </head>
   </head>
 
 
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">
-
+    <a class="github-fork-ribbon right-bottom" href="https://github.com/leaningtech/webvm/" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
     <div>
     <div>
       <div style="padding-top: 0.7em;padding-bottom: 0.7em;font-size: 0.3em; font-weight: 200;vertical-align:center;height: 120px;">
       <div style="padding-top: 0.7em;padding-bottom: 0.7em;font-size: 0.3em; font-weight: 200;vertical-align:center;height: 120px;">
         <div style="margin-left: 20px; height: 100%; display: flex; align-items: center; justify-content: space-between;">
         <div style="margin-left: 20px; height: 100%; display: flex; align-items: center; justify-content: space-between;">