blue-vs-red

master
louisafriederike 1 year ago
parent cca86686c6
commit 97165ab7ee

2117
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -17,7 +17,7 @@
}, },
"homepage": "https://github.com/louisafriederike/xpub_prototype_citynet#readme", "homepage": "https://github.com/louisafriederike/xpub_prototype_citynet#readme",
"dependencies": { "dependencies": {
"express": "^4.18.1", "express": "^4.18.2",
"node-gyp": "^9.4.0", "node-gyp": "^9.4.0",
"osc": "^2.4.4", "osc": "^2.4.4",
"package.js": "^1.1.3", "package.js": "^1.1.3",

@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<title>eixogen1</title> <title>eixogen</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" /> <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
@ -15,12 +15,27 @@
<meta property="og:description" content="EIXOGEN" /> <meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" /> <meta property="og:image" content="" />
</head> </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="wrapper">
<div class="flex-container" > <div class="flex-container" >
<div class="flex-left"> <div class="flex-left">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<div class="section" > <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>
<div class="section" id="chat-window"> <div class="section" id="chat-window">
<ul id="messages"></ul> <ul id="messages"></ul>
@ -28,12 +43,12 @@
<input id="input" autocomplete="off"/><button onclick="sendMessage()">>>></button> <input id="input" autocomplete="off"/><button onclick="sendMessage()">>>></button>
</form></span> </form></span>
</div> </div>
<div class="section"> <div class="section-main">
<!-- <progress id="file" max="100" value="70"> 70% </progress> --> <!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<p>>>> CACHE CODE:</p> <p>>>> CACHE CODE:<br><br></p>
<span><form id="form" action=""> <span><form id="form" action="">
<input id="input" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button> <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> <div class="section" id="objective"><br><br><br><br>

@ -2,13 +2,23 @@
box-sizing: border-box; box-sizing: border-box;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#title{
font-size: 2em;
color: black;
text-align: left;
}
.profile{margin: 10px;}
body { body {
font: 1.0em/1.6 'Inconsolata', monospace; font: 1.0em/1.6 'Inconsolata', monospace;
color: #c9cdc0; color: #c9cdc0;
font-weight: 400; font-weight: 400;
background-color: rgb(26, 26, 26); background-color: #acccfb;
text-shadow: rgb(255, 106, 0); text-shadow: rgb(255, 106, 0);
/* overflow-y: hidden; /* overflow-y: hidden;
overflow-x: hidden; */ overflow-x: hidden; */
@ -139,7 +149,7 @@ body {
} }
button{ button{
background-color: rgb(129, 135, 121); background-color: #b8bfb7;
font: 1.2em/1.6 'Inconsolata', monospace; font: 1.2em/1.6 'Inconsolata', monospace;
color:black; color:black;
border-radius: 5px; border-radius: 5px;
@ -300,6 +310,19 @@ button:active{
background-color: black; background-color: black;
width: 30vw; 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 { .flex-container2 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

Loading…
Cancel
Save