strike website

1 year ago · c85659eb4d
parent 236f963356
commit c85659eb4d
3 changed files with 52 additions and 8 deletions
--- a/web/strike/index.html
+++ b/web/strike/index.html
@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@ -5,17 +6,41 @@
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
-  <title></title>
+  <title>SI21 Operaators</title>
+
+  <!-- Paged.js-->
+  <!-- <script src="pagedjs/paged.js"></script>
+  <script src="pagedjs/interface.js"></script>
+  <script src="pagedjs/reload-in-place.js"></script>
+  <script src="plugins/marginNotes.js" type="text/javascript"></script>
+  <script src="handlers.js"></script>
+  <link rel="stylesheet" type="text/css" href="pagedjs/interface-header.css" />
+  <link rel="stylesheet" type="text/css" href="pagedjs/interface.css" />
+  <link rel="stylesheet" type="text/css" href="pagedjs/interface.css" /> -->
+

  <!-- Main stylesheet -->
  <link rel="stylesheet" href="style.css">
-
 </head>

-<body>
-<iframe src="https://pzwiki.wdka.nl/mediadesign/Briki" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
-  Your browser doesn't support iframes
-</iframe>
-</body>     
+<body class="interface-bar-bottom home">
+
+<img src="oper.png" alt="Girl in a jacket">
+
+<div class="centered">
+    <a href="................">M</a>
+    <a href="................">A</a>
+    <a href="................">N</a>
+    <a href="................">I</a>
+    <a href="................">F</a>
+    <a href="................">E</a>
+    <a href="................">S</a>
+    <a href="................">T</a>
+    <a href="................">O</a>
+</div>
+ 
+
+

-</html>
+</body>
+</html>
--- a/web/strike/oper.png
+++ b/web/strike/oper.png
--- a/web/strike/style.css
+++ b/web/strike/style.css
@ -0,0 +1,19 @@
+a{
+    font-family: 'Courier New', Courier, monospace;
+    font-size: 200px;
+    color: aqua;
+    position: relative;
+    display: inline-flex;
+    /* top: 50%;
+    left: 30%; */
+    /* transform: translate(-30%, -30%); */
+}
+
+
+/* Centered text */
+.centered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }