Megamichi/Terra-Dash
Megamichi/Terra-Dash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web ui redesign/not done

Browse source
This commit is contained in:
megamichi 2024-12-01 21:13:10 +01:00
parent 57ae5a68a9
commit 10db9ae8de
24 changed files with 324 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
static/background.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 73 KiB

1
static/icons/home.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 243 B

1
static/icons/paper.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M240-80q-50 0-85-35t-35-85v-120h120v-560l60 60 60-60 60 60 60-60 60 60 60-60 60 60 60-60 60 60 60-60v680q0 50-35 85t-85 35H240Zm480-80q17 0 28.5-11.5T760-200v-560H320v440h360v120q0 17 11.5 28.5T720-160ZM360-600v-80h240v80H360Zm0 120v-80h240v80H360Zm320-120q-17 0-28.5-11.5T640-640q0-17 11.5-28.5T680-680q17 0 28.5 11.5T720-640q0 17-11.5 28.5T680-600Zm0 120q-17 0-28.5-11.5T640-520q0-17 11.5-28.5T680-560q17 0 28.5 11.5T720-520q0 17-11.5 28.5T680-480ZM240-160h360v-80H200v40q0 17 11.5 28.5T240-160Zm-40 0v-80 80Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 636 B

1
static/icons/settings.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 771 B

1
static/icons/terminal.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 340 B

1
static/icons/world.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q20-22 36-47.5t26.5-53q10.5-27.5 16-56.5t5.5-59q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 602 B

64
static/navbar.css Normal file
View file

@ -0,0 +1,64 @@
:root {
font-size: 16px;
color: black;
font-family: 'Courier New', Courier, monospace;
}
a {
font-size: 16px;
color: black;
text-decoration: none;
}
body {
display: flex;
justify-content: start;
}
.navbar {
border-style: solid;
border-color: #ced4da;
border-radius: 1rem;
width: 19rem;
height: 100vh;
background-color: #ced4da;
padding-top: 5%;
}
.navbar-cont {
display: flex;
flex-direction: column;
list-style: none;
gap: 1.5rem;
justify-content: start;
align-items:center;
text-align: center;
padding: 0;
margin: 0;
}
.nav-item {
width: 15rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-style: solid;
border-color: rgb(255, 255, 255);
border-radius: 20px;
transition: background-color 0.4s ;
}
.nav-item a {
padding-left: 1rem;
}
.nav-item:hover {
background-color: rgb(255, 255, 255);
}
.icon {
width: 2rem;
filter: invert(100%)
}

44
static/style.css
View file

@ -1,52 +1,48 @@
a {
color: chartreuse;
}
body {
color: chartreuse;
}
#dash {
.main {
padding: 5%;
display: flex;
align-content: center;
justify-content: start;
flex-direction: column;
}
.button {
color: black;
background-color: chartreuse;
border-color: chartreuse;
background-color: rgb(0, 0, 0);
border-color: rgb(0, 0, 0);
padding: 10px;
border-radius: 20px;
border-style:hidden;
}
#buttons {
display: flex;
flex-direction: column;
padding: 10px;
}
input {
color: chartreuse;
background-color: rgba(0, 0, 0, 0.1);
border-color: chartreuse;
#term-input {
color: rgb(0, 0, 0);
background-color: rgba(166, 166, 166, 0.1);
border-color: white;
padding: 10px;
border-style: solid;
border-width: 1px;
border-radius: 20px;
}
#terminal {
background-color: rgba(0, 0, 0, 0.1);
color: chartreuse;
background-color: black;
color: white;
border-style: solid;
border-color: chartreuse;
border-color: rgb(0, 0, 0);
border-radius: 20px;
padding: 15px;
font-family: 'Courier New', Courier, monospace;
font-size: 16px;
height: 100%;
width: 50%;
overflow-y: auto;
box-shadow: 0 0 10px rgb(0, 255, 0);
box-shadow: 0 0 10px rgb(0, 0, 0);
}
#timer {
font-size: 11px;
margin: 0px;
margin-left: 15px;
}