blue-vs-red

10 months ago · 97165ab7ee
parent cca86686c6
commit 97165ab7ee
4 changed files with 1723 additions and 934 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -17,7 +17,7 @@
  },
  "homepage": "https://github.com/louisafriederike/xpub_prototype_citynet#readme",
  "dependencies": {
-    "express": "^4.18.1",
+    "express": "^4.18.2",
    "node-gyp": "^9.4.0",
    "osc": "^2.4.4",
    "package.js": "^1.1.3",
--- a/public/index.html
+++ b/public/index.html
@ -1,7 +1,7 @@
 <!doctype html>
 <html>
    <head>
-        <title>eixogen1</title>
+        <title>eixogen</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
@ -15,25 +15,40 @@
        <meta property="og:description" content="EIXOGEN" />
        <meta property="og:image" content="" />
    </head>
-    <body>
+    <body>        <div class="profile">  <p id="title">Welcome to Eixogen, Sane! Take a deep breath.</p>
+             
+      <button>profile</button>
+    </div>
        <div class="wrapper">
-        <div class="flex-container">
+        <div class="flex-container" >
+
+         
                    <div class="flex-left">
+                      <!-- <progress id="file" max="100" value="70"> 70% </progress> -->                      
+               
+          
                      <div class="section" >
-                        <p>streammmm</p>  
+                        <p>sleepwalker.mod = active</p>  
                        </div>
+                        <div class="section-main">
+                          <!-- <progress id="file" max="100" value="70"> 70% </progress> -->                      
+                      <p>>>> HIGHSCORE BOARD</p>
+                      <p>sane__xx: 61100</p>
+                      <p>non-zero/: 56900</p>
+                      <p>wire3e3e3e: 54000</p>
+                      </div>
                        <div class="section" id="chat-window">
                          <ul id="messages"></ul>
                          <span><form id="form" action="">
                            <input id="input" autocomplete="off"/><button onclick="sendMessage()">>>></button>
                        </form></span> 
                        </div>
-                          <div class="section">
+                          <div class="section-main">
                            <!-- <progress id="file" max="100" value="70"> 70% </progress> -->                      
-                        <p>>>> CACHE CODE:</p>
+                        <p>>>> CACHE CODE:<br><br></p>
                        <span><form id="form" action="">
                            <input id="input" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
-                        </form></span> 
+                        </form><br><br></span> 
                   

                     <div class="section" id="objective"><br><br><br><br>
@ -50,7 +65,7 @@
                        <embed class ="embed" src="https://wttr.in/Rotterdam?T0">
                     </div> -->
                  </div>
-                        
+
                  <div class="section" id="location-log">

                    <p id="log-text"></p>   
--- a/public/style.css
+++ b/public/style.css
@ -2,13 +2,23 @@
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
+    
  }
+#title{
+  font-size: 2em;
+  color: black;
+  text-align: left;
+}
+
+
+.profile{margin: 10px;}
+

 body {
  font: 1.0em/1.6 'Inconsolata', monospace;
  color:  #c9cdc0;
  font-weight: 400;
-  background-color: rgb(26, 26, 26);
+  background-color: #acccfb;
  text-shadow: rgb(255, 106, 0);
  /* overflow-y: hidden;
  overflow-x: hidden; */
@ -139,7 +149,7 @@ body {
 }

 button{
-  background-color: rgb(129, 135, 121);
+  background-color: #b8bfb7;
  font: 1.2em/1.6 'Inconsolata', monospace;
  color:black;
  border-radius: 5px;
@ -300,6 +310,19 @@ button:active{
  background-color: black;
  width: 30vw;
 }
+
+.section-main{
+
+  border: 2px solid #3d3f38;
+  border-radius:6px;
+  display: flex;
+  flex-direction: column;
+  padding: 5px;
+  margin-bottom:6px;
+  color: rgb(37, 37, 37);
+  background-color: #3c8bff;
+
+}
 .flex-container2 {
  display: flex;
  flex-direction: row;