chore: moved to a new branch to save space

2023-03-16 21:49:29 -04:00
commit 6ef70824a1
116 changed files with 23521 additions and 0 deletions
--- a/src/components/voice.css
+++ b/src/components/voice.css
@@ -0,0 +1,73 @@
+#voice_box {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 1;
+    width: 480px;
+    opacity: 0;
+    margin: 16px;
+    font-family: 'Roboto', sans-serif;
+    transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
+}
+
+.voice-title {
+    background-color: #9e9e9e;
+    color: black;
+    display: inline-block;
+    position: absolute;
+    top: -12px;
+    left: -8px;
+    padding: 2px 8px;
+    font-size: 14px;
+    min-width: 120px;
+    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
+    z-index: 1;
+}
+
+.voice-subtitle {
+    background-color: rgba(0, 0, 0, 0.65);
+    color: white;
+    padding: 16px;
+    font-size: 18px;
+    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.5);
+    position: relative;
+}
+
+.voice-triangle {
+    position: absolute;
+    bottom: 0px;
+    right: 8px;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 8px 8px 8px 8px;
+    border-color: white transparent transparent transparent;
+}
+
+.voice-actor {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.voice-actor-icon {
+    height: 32px;
+    width: 32px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAYAAAAGAx/kAAACGElEQVQ4jY2UO4sUQRSFv+6e3hkf6yqi62LiD1DRwGRFZDUTRTAVMTHzHxhosBgr+IhMzIXFRzKJYiQoCLqroYGCgiDK6K6z8+hj0Kd2yrZn8EJRza06X91761Ynkphgh4ETwBB4BrwZu1NS3WhJui1pTSNblXTLa/9oxoEWNd4W/xc0K6kzAfRd0lxV16jJdg6YBtaAB8AvoPA4D+wEZoEvsSgGJYAiXwf4EEFyYOC1qYqmFhQ2bQEO+MYKILMv1tWCikqKm4CPwKoF00DTa6pqkqiP9gIHgR3AWaDvdJIoip4jewh8BVaAz1XQOeAKcNcp9O0fAqlTLgzsApeBa8BSNbUUaAFvgVdMtnlHmsXiEHrHpw+iaOps4BRlDUASQDnw3uA9QHsCqA3sMmjFmhRJmaSmO/SmpCeSjktarunqd5IWJLUl3bCmKSlLJGWuVQbMAHcoi3oPWAAOOerXwFPgErAVuEjZGkNgkEhKDco9bwOuG/Ac+OS67ANOGngV+OYDewEUqt+gvLWmxxHgFHDapz52fV4C64Z3PW+AUsPyCJYCP4FHPuQMsNlRrHv0DRo2XP3Ccw/4Tdl8U2GTb6trYYimYNQ6Gw0pYDuwn1E7hJR3W3TMvp5hKbAM/IC/n8hR4L6hqSPJGT3QjPIfFX4nDeAC8CIGhTrBqNsz16plWN/R9KJShGzUiCBBnFS+FYmCP41gBaA/cImMsTl24NIAAAAASUVORK5CYII=');
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.voice-actor-name {
+    height: 16px;
+    font-size: 16px;
+    line-height: 16px;
+    background-color: rgba(0, 0, 0, 0.3);
+    color: white;
+    display: inline-block;
+    padding: 8px;
+}