Squashed commit of the following:

commit 64d9be6 Author: Seth "Violet" Gibbs <[email protected]> Date: Tue May 14 00:19:51 2024 -0500 looks good to go! about to merge into master commit a3b8cb0 Author: Seth "Violet" Gibbs <[email protected]> Date: Mon May 13 18:31:28 2024 -0500 remove some console logs commit 8601561 Author: Seth "Violet" Gibbs <[email protected]> Date: Mon May 13 18:30:38 2024 -0500 largely working, CSV download is good, just want to do some wildcard stuff commit 4d75e80 Author: Seth "Violet" Gibbs <[email protected]> Date: Mon May 13 16:19:08 2024 -0500 works! further testing needed, then save as CSV commit 006e390 Author: Seth "Violet" Gibbs <[email protected]> Date: Mon May 13 15:01:00 2024 -0500 score retrieval largely works, now to get the visual element going commit c3801ba Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 12 22:56:57 2024 -0500 well the input bug is fine now commit bd265b5 Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 11 15:38:00 2024 -0500 input field stuff mostly good time to do the SEARCHING THINGS commit c0bf41e Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 11 02:24:20 2024 -0500 sync commit 1cdf3e7 Author: Seth "Violet" Gibbs <[email protected]> Date: Fri May 10 19:55:14 2024 -0500 sorta there. ? commit 70537a7 Author: Seth "Violet" Gibbs <[email protected]> Date: Fri May 10 15:26:49 2024 -0500 sync commit 5e0eac4 Author: Seth "Violet" Gibbs <[email protected]> Date: Fri May 10 01:38:09 2024 -0500 sync commit 7569f3e Author: Seth "Violet" Gibbs <[email protected]> Date: Thu May 9 16:04:15 2024 -0500 splitting request function lots of other stuff commit df8dd2d Author: Seth "Violet" Gibbs <[email protected]> Date: Thu May 9 02:23:09 2024 -0500 i have to stop now commit 7048845 Author: Seth "Violet" Gibbs <[email protected]> Date: Wed May 8 16:35:38 2024 -0500 style stuff done time to get onto actual functionality commit ddc2f35 Author: Seth "Violet" Gibbs <[email protected]> Date: Wed May 8 02:35:33 2024 -0500 tabs working good i dont really understand what i did but it worked commit a6539a2 Author: Seth "Violet" Gibbs <[email protected]> Date: Tue May 7 21:41:53 2024 -0500 split tabs stuff into a new file commit 3626b15 Author: Seth "Violet" Gibbs <[email protected]> Date: Tue May 7 16:50:29 2024 -0500 started something for dynamic tabs, listener not working on the togglelable bits commit 6f594c1 Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 5 19:53:33 2024 -0500 i hate that replace needs to have global regex in order to replace everything, why would i only want to replace the first occurrence. just make it a keyword arg or something commit 5b2b49c Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 5 19:44:52 2024 -0500 looking good, more than two spaces breaks? commit 0e9c047 Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 5 18:28:49 2024 -0500 basic objective match finding, now to figure out how to style suggestions? commit 458b89c Merge: 0e7f885 cb247b9 Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 5 16:23:47 2024 -0500 update with layout change commit 0e7f885 Author: Seth "Violet" Gibbs <[email protected]> Date: Sun May 5 05:39:59 2024 -0500 work for the night, visuals mostly good, autofill items/blocks/whatever? commit 33373ef Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 4 22:04:59 2024 -0500 structuring commit 1271a80 Merge: 5bec037 668af26 Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 4 21:58:39 2024 -0500 Merge branch 'mc-scoreboard-viewer' of https://github.com/svioletg/svioletg.github.io into mc-scoreboard-viewer commit 5bec037 Merge: 8594d67 574bb7f Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 4 21:57:53 2024 -0500 Merge branch 'master' of https://github.com/svioletg/svioletg.github.io into mc-scoreboard-viewer commit 668af26 Merge: 8594d67 574bb7f Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 4 18:33:43 2024 -0500 Merge branch 'master' of https://github.com/svioletg/svioletg.github.io into mc-scoreboard-viewer commit 8594d67 Merge: e756985 2800211 Author: Seth "Violet" Gibbs <[email protected]> Date: Sat May 4 00:15:59 2024 -0500 Merge branch 'master' into mc-scoreboard-viewer commit e756985 Author: Seth "Violet" Gibbs <[email protected]> Date: Thu May 2 17:11:08 2024 -0500 using SCSS now and gonna start getting variables set up, putting some of this on master commit 7466324 Merge: b665d97 0ff6ea3 Author: Seth "Violet" Gibbs <[email protected]> Date: Thu May 2 16:22:16 2024 -0500 Merge remote-tracking branch 'origin/master' into mc-scoreboard-viewer commit b665d97 Author: Seth "Violet" Gibbs <[email protected]> Date: Thu May 2 15:56:41 2024 -0500 will try to convert my python for this
svioletg · May 14, 2024 · e71c46b · e71c46b
1 parent f1ee43a
commit e71c46b
Show file tree

Hide file tree

Showing 23 changed files with 1,599 additions and 255 deletions.
diff --git a/bcrmc/bcrmc.css b/bcrmc/bcrmc.css
@@ -33,29 +33,10 @@ body {
   background-image: url("i/dirt_128x128_dark.png");
 }
 
-body.bcr1 {
-  background-image: var(--bcr1-bg);
-}
-
-body.bcr2 {
-  background-image: var(--bcr2-bg);
-}
-
-body.bcr3 {
-  background-image: var(--bcr3-bg);
-}
-
-body.bcr4 {
-  background-image: var(--bcr4-bg);
-}
-
-body.bcr5 {
-  background-image: var(--bcr5-bg);
-}
-
 main {
   background-color: rgba(0, 0, 0, 0.5);
   width: 75%;
+  min-height: 100vh;
   margin: 0 auto;
 }
 
@@ -105,34 +86,148 @@ div.off {
   display: none;
 }
 
-.flexnav.gallery-files {
-  width: 60%;
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+div.text-input-sub {
+  position: absolute;
+  width: -moz-max-content;
+  width: max-content;
+  background-color: white;
+  color: black;
+  padding-top: 0.25em;
+  padding-bottom: 0.25em;
+  font-family: "Arial", sans-serif;
+  font-size: 0.75em;
+  border: 1px solid #333;
+  box-sizing: border-box;
 }
 
-a {
+div.text-input-sub.invalid {
+  color: red;
+  border-color: red;
+}
+
+div.search-suggestions {
+  position: absolute;
+  color: white;
+  max-height: 15em;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  border: 1px solid cyan;
+  z-index: 1;
+}
+
+div.search-suggestions.fade-out {
+  animation-name: fade-out;
+  animation-duration: 0.25s;
+}
+
+div.search-suggestions::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+button.search-suggestion-entry {
+  color: white;
+  font-family: "MinecraftRegular";
+  font-size: 1.5em;
+  background-color: rgb(0, 0, 50);
+  padding: 0.5em;
+  display: block;
+  width: 100%;
+  border: none;
+  box-sizing: border-box;
+  border-bottom: 1px solid blue;
+  transition: 0.1s background-color;
+}
+
+button.search-suggestion-entry:hover {
+  background-color: navy;
   color: cyan;
 }
 
+table {
+  margin: 0 auto;
+  text-align: center;
+  border-collapse: collapse;
+}
+
+table.scoreboard {
+  font-family: "MinecraftRegular", sans-serif;
+  font-size: 20px;
+  color: white;
+  text-shadow: 2px 2px #414141;
+  min-width: 50%;
+  max-width: 75%;
+}
+
+table.scoreboard tr th, td {
+  text-align: center;
+  color: white;
+  padding: 0.5em;
+}
+
+table.scoreboard tr th {
+  border: 2px solid black;
+}
+
+table.scoreboard tr:hover td {
+  background-color: rgb(0, 0, 70);
+}
+
+table.scoreboard tr td {
+  background-color: rgb(0, 0, 50);
+  transition: 0.1s background-color;
+  border: 2px solid navy;
+  padding-right: 0.1em;
+  padding-left: 0.1em;
+}
+
+table.scoreboard tr td.adjacent {
+  background-color: rgb(0, 0, 75);
+}
+
+table.scoreboard tr td:hover {
+  background-color: rgb(0, 0, 100);
+}
+
+.flexnav.gallery-files {
+  width: 60%;
+}
+
 .bttn {
   font-family: "MinecraftRegular";
-  text-shadow: 3px 3px rgba(0, 0, 0, 0.5);
-  font-size: 1.5em;
+  font-size: 20px;
+  text-shadow: 2px 2px #414141;
   margin: 0 auto;
-  width: 396px;
-  height: 50px;
+  width: 400px;
+  height: 40px;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   color: white;
   padding: 0px;
-  padding-bottom: 5px;
-  border-style: solid;
-  border-width: 2px;
-  border-color: black;
-  background-image: url("i/bttn.png");
+  padding-top: 1px;
+  border: 2px solid black;
+  background-image: url("/bcrmc/i/bttn.png");
   background-size: cover;
-  /*transition: 0.2s all;*/
+}
+
+.bttn:hover {
+  border-color: white;
+}
+
+.bttn.disabled {
+  pointer-events: none;
+  filter: brightness(0.5);
 }
 
 .bttn.arrow {
@@ -145,16 +240,21 @@ a {
   pointer-events: none;
 }
 
+.bttn.tab.active {
+  border-color: white;
+  filter: brightness(0.5);
+}
+
 nav.flexnav .bttn {
   justify-content: center;
 }
 
-.bttn:hover {
-  border-color: white;
+a {
+  color: cyan;
 }
 
 a.mega {
-  background-image: url("i/bttnbig.png");
+  background-image: url("/bcrmc/i/bttnbig.png");
   height: 72px;
 }
 
@@ -163,6 +263,37 @@ a.mega span {
   top: 3px;
 }
 
+input {
+  font-size: 1.5em;
+  font-family: "MinecraftRegular";
+  padding: 0.5em;
+  color: white;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+input.invalid {
+  border: 2px solid #ff7777;
+  color: #ff7777;
+}
+
+select.bttn {
+  font-family: "MinecraftRegular", sans-serif;
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.25);
+  width: 10em;
+  font-size: 1.5em;
+  text-align: center;
+}
+
+select.bttn > option {
+  font-size: 0.75em;
+  font-family: "MinecraftRegular", sans-serif;
+  color: white;
+  background-color: black;
+  text-shadow: none;
+  border: none;
+}
+
 .hl {
   color: orange;
 }
@@ -209,26 +340,6 @@ h2 {
   text-shadow: 5px 5px black;
 }
 
-body.bcr1 h2 {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr1-h2);
-}
-
-body.bcr2 h2 {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr2-h2);
-}
-
-body.bcr3 h2 {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr3-h2);
-}
-
-body.bcr4 h2 {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr4-h2);
-}
-
-body.bcr5 h2 {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr5-h2);
-}
-
 h2 sup {
   font-style: italic;
   font-weight: lighter;
@@ -353,6 +464,31 @@ img.alone {
   height: 500px;
 }
 
+kbd {
+  font-family: "Consolas", monospace;
+  font-size: 1em;
+  background-image: linear-gradient(#333, #222);
+  padding: 5px;
+  height: 1em;
+  width: 1em;
+  display: inline-block;
+  border: 1px solid black;
+  border-radius: 5px;
+  color: yellow;
+}
+
+body.bcr1 {
+  background-image: var(--bcr1-bg);
+}
+
+body.bcr1 h2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr1-h2);
+}
+
+body.bcr1 table.scoreboard th {
+  background-image: var(--bcr1-h2);
+}
+
 img.bcr1-icon {
   content: var(--bcr1-icon);
   height: 1.5em;
@@ -361,6 +497,18 @@ img.bcr1-icon {
   filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.5));
 }
 
+body.bcr2 {
+  background-image: var(--bcr2-bg);
+}
+
+body.bcr2 h2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr2-h2);
+}
+
+body.bcr2 table.scoreboard th {
+  background-image: var(--bcr2-h2);
+}
+
 img.bcr2-icon {
   content: var(--bcr2-icon);
   height: 1.5em;
@@ -369,6 +517,18 @@ img.bcr2-icon {
   filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.5));
 }
 
+body.bcr3 {
+  background-image: var(--bcr3-bg);
+}
+
+body.bcr3 h2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr3-h2);
+}
+
+body.bcr3 table.scoreboard th {
+  background-image: var(--bcr3-h2);
+}
+
 img.bcr3-icon {
   content: var(--bcr3-icon);
   height: 1.5em;
@@ -377,6 +537,18 @@ img.bcr3-icon {
   filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.5));
 }
 
+body.bcr4 {
+  background-image: var(--bcr4-bg);
+}
+
+body.bcr4 h2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr4-h2);
+}
+
+body.bcr4 table.scoreboard th {
+  background-image: var(--bcr4-h2);
+}
+
 img.bcr4-icon {
   content: var(--bcr4-icon);
   height: 1.5em;
@@ -385,6 +557,18 @@ img.bcr4-icon {
   filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.5));
 }
 
+body.bcr5 {
+  background-image: var(--bcr5-bg);
+}
+
+body.bcr5 h2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--bcr5-h2);
+}
+
+body.bcr5 table.scoreboard th {
+  background-image: var(--bcr5-h2);
+}
+
 img.bcr5-icon {
   content: var(--bcr5-icon);
   height: 1.5em;

diff --git a/bcrmc/bcrmc.css.map b/bcrmc/bcrmc.css.map