add animal crossing chatbox

5 files changed, 106 insertions, 0 deletions

diff --git a/webAO/client.html b/webAO/client.html
index 6ab9dc5..29e9c2c 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -403,6 +403,7 @@
 				<option value="chatfuture">Future theme</option>
 				<option value="legacy">old webAO</option>
 				<option value="chat999">999</option>
+				<option value="acww">Animal Crossing</option>
 				<option value="dr1">DR 1</option>
 				<option value="chatdr2">DR 2</option>
 				<option value="drv3">DR 3</option>
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css
new file mode 100644
index 0000000..9818b4e
--- /dev/null
+++ b/webAO/styles/chatbox/acww.css
@@ -0,0 +1,102 @@
+.text_white {
+	color: #000;
+}
+
+#client_chatcontainer {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	height: 42%;
+	width: 100%;
+    filter: none;
+}
+
+#client_name {
+	display: block;
+	position: absolute;
+	left: 11%;
+	top: 0;
+	height: 12%;
+	min-width: 11%;	
+	font-size: 0.8em;
+    background: #d8f8a0;
+    color: #004000;
+	margin: 0;
+	padding-top: 0.4%;
+	padding-left: 1.955%;
+	padding-right: 1.955%;
+	border-color: #b0f818;
+	border-style: solid;
+	border-width: 0.3em 0.6em;
+    border-radius: 10%/50%;	
+    box-shadow: 0 0.3em #70c020;
+    line-height: 100%;
+	z-index: 1;
+	font-family: 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: 100%;
+	height: 87%;
+	margin: auto;
+	/*border-color: darkgray;
+	border-style: solid;
+	border-width: 0.15em;
+	border-radius: 0.15em;
+    background-color: white;*/
+    background-image: url("acww.svg");
+    background-size: cover;
+    background-repeat: no-repeat;
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+	font-family: sans-serif;
+}
+
+#client_inner_chat {
+	padding: 5% 12%;
+	margin: 0;
+	line-height: 100%;
+}
+
+#client_chatwaiting {
+	display: block;
+	position: absolute;
+	color: transparent;
+	text-shadow: none;
+	right: 12%;
+	bottom: 15%;
+    width: 1.4em;
+    height: 1.5em;
+    background-image: url("chatwaiting_acww.svg");
+	background-size: contain;
+	animation: idling 0.4s linear infinite;
+}
+
+@keyframes idling {
+	0% {
+		bottom: 12%;
+	}
+
+	50% {
+		bottom: 15%;
+	}
+
+	100% {
+		bottom: 12%;
+	}
+}
\ No newline at end of file
diff --git a/webAO/styles/chatbox/acww.svg b/webAO/styles/chatbox/acww.svg
new file mode 100644
index 0000000..4627e2a
--- /dev/null
+++ b/webAO/styles/chatbox/acww.svg
@@ -0,0 +1 @@
+<svg width="256" height="72" viewBox="0 0 67.7 19.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="2.2" x2="65.2" y1="10.7" y2="10.7" gradientUnits="userSpaceOnUse"><stop stop-color="#9088a8" offset="0"/></linearGradient></defs><path d="m5.3 11.2c-3.7-2-7.5-8.4 12-10.3 11.4-1.4 53-2.1 44.9 8.6 12.8 10.8-21.2 13.2-31.3 10.8-3.9 0-31.1 1.2-25.6-9.1z" style="fill:#e0e0e0;stroke-width:0.3px;stroke:url(#a)"/><path d="m8.3 11.3c-10.1-6.8 4.6-11 22.5-10.4 6.9 0 34.2-0.4 28.7 9 12.6 9.3-16.3 11.4-26.1 9.6-21.9 1.3-27.8-2.1-25.1-8.2z" fill="#f8f8f8"/></svg>
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js
index e04ce01..36e3123 100644
--- a/webAO/styles/chatbox/chatboxes.js
+++ b/webAO/styles/chatbox/chatboxes.js
@@ -1,5 +1,6 @@
 export default [
 	"aa",
+	"acww",
 	"chatdd",
 	"dgs",
 	"chatplvsaa",
diff --git a/webAO/styles/chatbox/chatwaiting_acww.svg b/webAO/styles/chatbox/chatwaiting_acww.svg
new file mode 100644
index 0000000..0f86322
--- /dev/null
+++ b/webAO/styles/chatbox/chatwaiting_acww.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 4.2 4.5"><image width="4.2" height="4.5" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAALNJREFU OI2VkrsVwyAMRZ99UlBmlJSUKT2CR3DJKCkzgkdwSekxKD2COqeC8JEsrMrC8O4VhwGv7cTNov2d vh/1glbG+qIfucXewwAwENFprO+yMNZjeR6tQfzpArEHXSDRcgTKO8hDXKCir+lphGgAAMtqm03f eWcDPtv8H0G7A46eRuBoUp/TmwDJQqKzBjlVo7MBtcUVXTTopYsB0UKjA9k7kMpNq0gXDe6UGhCp HB0Afq/yUx1qGz9eAAAAAElFTkSuQmCC "/><path d="M0.9 0.9H4.1l-1.6 3.6z" style="fill:#6840a0;stroke-width:0.3"/><path d="M0.3 0.3 1.7 3.3 3.2 0.3Z" style="fill:#68d8f0;stroke-width:0.3px"/><path d="M0.3 0.3H3.2L1.7 1.5Z" style="fill:#fff;stroke-width:0.3"/><path d="M0.1 0.1H3.3l-1.6 3.4z" style="fill:none;stroke-width:0.3;stroke:#0030b8"/></svg>
\ No newline at end of file