Compare commits

...

3 Commits

Author SHA1 Message Date
Hri7566 1dc00c7f88 Add sounds submodule 2024-09-17 07:05:36 -04:00
Hri7566 0f21e39066 Add motd template 2024-01-26 02:10:58 -05:00
Hri7566 b3e491bcfe things 2024-01-26 02:08:49 -05:00
5 changed files with 3323 additions and 3145 deletions

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "sounds"]
path = sounds
url = git@git.hri7566.info:Hri7566/piano-sounds-dev

View File

@ -70,7 +70,7 @@
<div class="bg"></div>
<div id="modals">
<div id="sound-warning" class="dialog">
<p>This site makes a lot of sound! You may want to adjust the volume before continuing.</p>
<p>{{ motd }}</p>
<button class="submit">PLAY</button>
</div>
<div id="new-room" class="dialog">

View File

@ -22,8 +22,8 @@ a:hover { color: #e05; transition: color 0.25s; }
table { border: 0; padding: 0; margin: 0; }
#names { position: fixed; top: 4px; left: 4px; font-size: 12px; width: 80%; }
#names .name { float: left; position: relative; padding: 4px; margin: 2px;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
#names .name { float: left; position: relative; padding: 4px; margin: 2px;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
min-width: 50px; text-align: center; cursor: pointer; line-height: 15px; }
#names .name.me:after { content: "Me"; position: absolute; top: -4px; right: 50%; font-size: 10px; }
#names .name.owner:before { content: url('/crown.png'); position: absolute; top: -8px; left: 4px; }
@ -34,7 +34,7 @@ table { border: 0; padding: 0; margin: 0; }
#names .name.muted-chat:after { content: "MUTE"; position: absolute; top: -4px; right: 50%; font-size: 8px; }
#piano { width: 95%; height: 20%; margin: auto; position: relative; overflow: hidden; padding-left: 1%; }
#piano .key { float: left; width: 1.8%; height: 90%; border: 1px solid black; background: #fff;
#piano .key { float: left; width: 1.8%; height: 90%; border: 1px solid black; background: #fff;
margin-left: -0.5%; margin-bottom: 100%;
box-shadow: 1px 2px 5px #000; -webkit-box-shadow: 1px 2px 5px #000; -moz-box-shadow: 1px 2px 5px #000;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
@ -183,7 +183,7 @@ table { border: 0; padding: 0; margin: 0; }
#modal .bg { width: 100%; height: 100%; background: #48a; opacity: 0.5; position: absolute; left: 0; top: 0; }
#modal, #modal * { user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; }
.dialog { background: #cdc; width: 400px; height: 100px; position: fixed; left: 50%; top: 50%;
.dialog { background: #cdc; width: 400px; height: 100px; position: fixed; left: 50%; top: 50%;
margin-left: -200px; margin-top: -50px; padding: 10px; border: 1px solid #9a9; overflow: hidden;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; -moz-box-shadow: 0px 0px 8px #000; }
@ -209,7 +209,7 @@ table { border: 0; padding: 0; margin: 0; }
#chat li .name { font-weight: bold; margin-right: 10px; }
#chat li .message { margin-right: 6px; }
#chat li .quote { color: #789922; }
#chat input { margin: 4px; width: 99%; border: 1px solid #fff; background: none; text-shadow: #888 1px 1px; color: #fff;
#chat input { margin: 4px; width: 99%; border: 1px solid #fff; background: none; text-shadow: #888 1px 1px; color: #fff;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#chat input::-webkit-input-placeholder { color: #ccc; }
#chat input:-moz-placeholder { color: #ccc; }

6451
script.js

File diff suppressed because it is too large Load Diff

2
sounds

@ -1 +1 @@
Subproject commit 81033e1069557150bf10a1dd130d8ca02965b47b
Subproject commit 6b98bd95be700c1003bd67c85ba4e8b971d4701a