]> git.example.dev Git - binbsis50-sm.git/commitdiff
projects / binbsis50-sm.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 71ecff6)
updated: slowly working on styling
author2weiEmu <saalbach.robert@outlook.de>
Mon, 15 Jun 2026 16:09:08 +0000 (18:09 +0200)
committer2weiEmu <saalbach.robert@outlook.de>
Mon, 15 Jun 2026 16:09:08 +0000 (18:09 +0200)
public/css/index.css patch | blob | blame | history
public/index.html patch | blob | blame | history
public/rooms.html patch | blob | blame | history
songmanager patch | blob | blame | history

diff --git a/public/css/index.css b/public/css/index.css
index 2ee1b137debd9f765484745d8e766b9c13138e70..df176b8116ab9d820d99028b4ad91dea54f0be25 100644 (file)
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1,18 +1,44 @@
 :root {
-       font-family: sans-serif;
+       font-family: "Sansita", sans-serif;
+
+       --darker-background: #251E1E;
+       --lighter-background: #373333;
+       --green-foreground: #DDEFD7;
+       --green-background: #B1C0AB;
+}
+
+body {
+       background-color: var(--darker-background);
+       margin: 0 auto 0 auto;
+       width: 50vw;
+}
+
+h1, a {
+       color: var(--green-foreground);
 }
 
-button {
-       padding: 5px;
+input {
+       background-color: var(--lighter-background);
        border: none;
-       border-radius: 6px;
-       background-color: #bcdee0;
+       padding: 12px;
+       border-radius: 15px;
+       color: var(--green-background);
+}
+
+input:focus {
+       border: none;
+       outline: none;
+}
+
+#songFilterInputs {
+       display: flex;
 }
 
-button:hover {
-       background-color: #4be8f2;
+#songFilterInputs * {
+       margin: 10px;
 }
 
+
 #innerSongList, #innerSongFileList {
        overflow-y: scroll;
        height: 50vh;
@@ -24,12 +50,6 @@ button:hover {
 
 .songElement {
        display: flex;
-       margin: 10px;
-       max-width: 40vw;
-       border-radius: 5px;
-       box-shadow: grey 3px 3px 2px;
-       border: 1px solid grey;
-       padding: 4px;
 
        * {
                margin: auto 10px auto 10px;
@@ -48,12 +68,6 @@ button:hover {
                font-size: 12px;
        }
 
-       .songElementCheck {
-               padding: 0;
-               font-size: 2.25rem;
-               line-height: 2.25rem;
-
-       }
 }
 
 .songFileElement {
diff --git a/public/index.html b/public/index.html
index 224c9e12198747ce5e2957e4cce497f732b1c0f6..288b9ec116160061b60f8ee0b5c653028ea93484 100644 (file)
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,9 @@
 
 <html>
        <head>
+               <link rel="preconnect" href="https://fonts.googleapis.com">
+               <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+               <link href="https://fonts.googleapis.com/css2?family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap" rel="stylesheet">
                <link href="/css/index.css" rel="stylesheet" type="text/css">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
@@ -10,21 +13,19 @@
 
        <body>
 
-               <a href="/rooms.html">Room Management</a>
+               <h1><a href="/rooms.html">See Rooms →</a></h1>
                <div id="outerSongList">
-                       <h1><u>Song List</u></h1>
+                       <h1>Songs</h1>
 
                        <div id="songFilterInputs">
-                               <input placeholder="Name of a song..." id="songFilterName"></input>
-                               <input placeholder="Name of an artist..." id="songFilterArtist"></input>
+                               <input placeholder="Song Name..." id="songFilterName"></input>
+                               <input placeholder="Aritst Name..." id="songFilterArtist"></input>
                                <input id="songFilterInDB" type="checkbox">In DB</input>
                                <input id="songFilterNotInDB" type="checkbox">Not In DB</input>
                                <button id="" onclick="getSongList()">Update Songs</button>
+                               <button onclick="openCreationMenu()">Create New Song</button>
                        </div>
 
-                       <div>
-                               <button onclick="openCreationMenu()">Create New Song</button> <!-- TODO -->
-                       </div>
                        <div id="innerSongList">
                        </div>
 
diff --git a/public/rooms.html b/public/rooms.html
index 9084726049d1eb3b44e11e9bba80460a54a7fdab..fd2d994a18b0c8dafb49ec827a6bc2d95997ff55 100644 (file)
--- a/public/rooms.html
+++ b/public/rooms.html
@@ -1,6 +1,10 @@
 
 <html>
        <head>
+               <link rel="preconnect" href="https://fonts.googleapis.com">
+               <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+               <link href="https://fonts.googleapis.com/css2?family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap" rel="stylesheet">
+
                <link href="/css/index.css" rel="stylesheet" type="text/css">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
diff --git a/songmanager b/songmanager
index f75e0335c4e3fae45670a3668712d740c980f1a9..7551edf1a0d107c7208bd09959d8ceeaaba3cb94 100755 (executable)
Binary files a/songmanager and b/songmanager differ
Unnamed repository; edit this file 'description' to name the repository.