add compiled js and css

chiefpansancolt · Oct 10, 2020 · 4dfc681 · 4dfc681
1 parent 3b50253
commit 4dfc681
Show file tree

Hide file tree

Showing 2 changed files with 619 additions and 3 deletions.
diff --git a/public/application.css b/public/application.css
@@ -41006,6 +41006,82 @@ video {
   animation: bounce 1s infinite;
 }
 
+.clickable {
+  cursor: pointer;
+}
+
+.dialog-body .covered {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.dialog-body .covered:nth-child(odd) {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.dialog-body .covered:nth-child(even) {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.dialog-body .missed {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.dialog-body .missed:nth-child(odd) {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.dialog-body .missed:nth-child(even) {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.dialog-body .never {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.dialog-body .never:nth-child(odd) {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.dialog-body .never:nth-child(even) {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.dialog-body .skipped {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.dialog-body .skipped:nth-child(odd) {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.dialog-body .skipped:nth-child(even) {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
 @media (min-width: 640px){
   .sm\:container{
     width: 100%;