diff options
| -rw-r--r-- | .github/workflows/deploy.yml | 2 | ||||
| -rw-r--r-- | .github/workflows/test.yml | 2 | ||||
| -rw-r--r-- | public/client.html | 3 | ||||
| -rw-r--r-- | public/index.html | 22 | ||||
| -rw-r--r-- | webAO/styles/chatbox/RevelationsPersonaDialogueMono.woff2 | bin | 0 -> 3816 bytes | |||
| -rw-r--r-- | webAO/styles/chatbox/fc.png | bin | 0 -> 217 bytes | |||
| -rw-r--r-- | webAO/styles/chatbox/ff.css | 113 | ||||
| -rw-r--r-- | webAO/styles/chatbox/p1.css | 129 | ||||
| -rw-r--r-- | webAO/styles/chatbox/p1.png | bin | 0 -> 3923 bytes | |||
| -rw-r--r-- | webAO/styles/chatbox/p2.css | 135 |
10 files changed, 270 insertions, 136 deletions
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 81be114..47af407 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -10,7 +10,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Setup Node uses: actions/setup-node@v6 with: diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index aaeffbb..5a1a8e7 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -7,7 +7,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Setup Node uses: actions/setup-node@v6 with: diff --git a/public/client.html b/public/client.html index b38edd4..ef60e15 100644 --- a/public/client.html +++ b/public/client.html @@ -880,10 +880,11 @@ <option value="key">Key</option> <option value="n64zelda">N64 Zelda</option> <option value="papermario">Paper Mario</option> + <option value="p1">Persona 1</option> + <option value="p2">Persona 2</option> <option value="p3">Persona 3</option> <option value="p4">Persona 4</option> <option value="p5">Persona 5</option> - <option value="sonic">Murder of Sonic</option> <option value="halla">VA-11 HALL-A</option> <option value="whentheycry">When They Cry Series</option> <option value="yakuza">Yakuza</option> diff --git a/public/index.html b/public/index.html index 5078682..7970295 100644 --- a/public/index.html +++ b/public/index.html @@ -1,3 +1,4 @@ +<!doctype html> <html> <head> <title><%= htmlWebpackPlugin.options.title %></title> @@ -55,37 +56,18 @@ content="width=device-width, initial-scale=1, maximum-scale=1" /> - <!-- Bootstrap Integration --> - <link - rel="stylesheet" - href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" - integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" - crossorigin="anonymous" - /> - <link rel="preconnect" href="https://fonts.gstatic.com" /> <link href="https://fonts.googleapis.com/css?family=Oswald%7CRoboto+Condensed%7CPoiret+One&display=swap" rel="stylesheet" /> - <!-- AOS --> - <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" /> - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="logo-new.png" /> <link rel="stylesheet" type="text/css" href="styles/master.css" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="favicon.ico" /> - <script> - // Check that service workers are supported - if ("serviceWorker" in navigator) { - // Use the window load event to keep the page load performant - window.addEventListener("load", () => { - navigator.serviceWorker.register("service-worker.js"); - }); - } - </script> + </head> <body> diff --git a/webAO/styles/chatbox/RevelationsPersonaDialogueMono.woff2 b/webAO/styles/chatbox/RevelationsPersonaDialogueMono.woff2 Binary files differnew file mode 100644 index 0000000..18bec81 --- /dev/null +++ b/webAO/styles/chatbox/RevelationsPersonaDialogueMono.woff2 diff --git a/webAO/styles/chatbox/fc.png b/webAO/styles/chatbox/fc.png Binary files differnew file mode 100644 index 0000000..cbb1407 --- /dev/null +++ b/webAO/styles/chatbox/fc.png diff --git a/webAO/styles/chatbox/ff.css b/webAO/styles/chatbox/ff.css deleted file mode 100644 index 0c8640b..0000000 --- a/webAO/styles/chatbox/ff.css +++ /dev/null @@ -1,113 +0,0 @@ -.text_white { - color: #fff; -} - -.text_blue { - color: #6bc6f7; -} - -.text_green { - color: #00f700; -} - -.text_red { - color: #f00; -} - -.text_orange { - color: #f77339; -} - -.text_yellow { - color: #ff0; -} - -.text_pink { - color: #ffc0cb; -} - -.text_cyan { - color: #0ff; -} - -.text_grey { - color: #bbb; -} - -#client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 40%; - width: 100%; - filter: none; -} - -#client_name { - display: block; - position: absolute; - left: 0; - top: 1%; - height: 13%; - min-width: 3.25em; - font-size: 0.8em; - background: rgba(60, 85, 255, 0.4); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - margin: 0; - padding-top: 0.4%; - padding-left: 1.955%; - padding-right: 1.955%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.3em; - z-index: 1; - font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", - "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", - "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; -} - -#client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; - margin-top: 2.75%; -} - -#client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.25em); - height: 78%; - margin: auto; - border-color: rgba(115, 115, 115); - border-style: double; - border-width: 0.15em; - border-radius: 0.15em; - background-color: rgba(0, 0, 99); - font-size: 1.6em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - transition: height 0.5s; -} - -#client_inner_chat { - padding: 0.4% 2.8%; - margin: 1px; - line-height: 100%; -} - -#client_trackstatus { - display: none; -} - -#client_clock { - display: none; -} diff --git a/webAO/styles/chatbox/p1.css b/webAO/styles/chatbox/p1.css new file mode 100644 index 0000000..5a7d84e --- /dev/null +++ b/webAO/styles/chatbox/p1.css @@ -0,0 +1,129 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #18d7ff; +} + +.text_green { + color: #84fb08; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #ff7118; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +.text_grey { + color: #bbb; +} + +@font-face { + font-family: "RevelationsPersonaDialogue"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + local("RevelationsPersonaDialogue"), + local("RevelationsPersonaDialogueMono"), + url("./RevelationsPersonaDialogueMono.woff2") + format("woff2"); +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; + transition-property: height, width; + transition-duration: 0.2s; +} + +#client_name { + display: none; +} + +#client_inner_name { + margin: 1px; +} + +#client_chat { + font-size: 1.1em; + display: block; + width: 90%; + margin: auto; + height: 85%; + border-image-source: url("p1.png"); + border-image-slice: 45 fill; + border-image-width: 4em; + border-width: 4em; + background-image: linear-gradient(rgba(0,16,0,0.56), rgba(0,239,0,0.56)); + top: 0; + left: 5%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-family: "RevelationsPersonaDialogue", sans-serif; +} + +#client_inner_chat { + display: block; + position: absolute; + margin: 0.8em; + padding: 0.1em 1em; + text-shadow: 4px 2px black; +} + +#client_chatwaiting { + display: block; + transform: rotate(-90deg) scaleY(2); + position: absolute; + color: rgba(100,50,0,0.8); + font-size: 1.3em; + right: 0.4em; + bottom: -0.1em; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } +} + +#client_trackstatus { + display: none; +} + +#client_clock { + display: none; +} diff --git a/webAO/styles/chatbox/p1.png b/webAO/styles/chatbox/p1.png Binary files differnew file mode 100644 index 0000000..3c4ca39 --- /dev/null +++ b/webAO/styles/chatbox/p1.png diff --git a/webAO/styles/chatbox/p2.css b/webAO/styles/chatbox/p2.css new file mode 100644 index 0000000..15d9123 --- /dev/null +++ b/webAO/styles/chatbox/p2.css @@ -0,0 +1,135 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #18d7ff; +} + +.text_green { + color: #7fde7f; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #ff7118; +} + +.text_yellow { + color: #e5e54a; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +.text_grey { + color: #bbb; +} + +@font-face { + font-family: "RevelationsPersonaDialogue"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + local("RevelationsPersonaDialogue"), + local("RevelationsPersonaDialogueMono"), + url("./RevelationsPersonaDialogueMono.woff2") + format("woff2"); +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; + transition-property: height, width; + transition-duration: 0.2s; +} + +#client_name { + display: block; + position: absolute; + left: 6%; + top: 1%; + height: 13%; + color: #e5e54a; + font-family: "RevelationsPersonaDialogue", sans-serif; + z-index: 1; +} + +#client_inner_name { + margin: 1px; +} + +#client_chat { + font-size: 1.1em; + display: block; + width: 90%; + margin: auto; + height: 85%; + border-style: ridge; + border-width: 0.2em; + border-color: #181818; + background-image: linear-gradient(rgba(0,16,0,0.56), rgba(0,0,239,0.56)); + top: 0; + left: 5%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-family: "RevelationsPersonaDialogue", sans-serif; +} + +#client_inner_chat { + display: block; + position: absolute; + margin: 0.8em; + padding: 0.1em 0.1em; + text-shadow: 4px 2px black; +} + +#client_chatwaiting { + display: block; + transform: rotate(90deg) scaleY(1.25) scaleX(0.5); + position: absolute; + color: #d58300; + font-size: 1.3em; + right: 0.4em; + bottom: -0.1em; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } +} + +#client_trackstatus { + display: none; +} + +#client_clock { + display: none; +} |
