add model function for sunday judging (#435)

govhackaustralia · Aug 12, 2023 · a8a31e6 · a8a31e6
1 parent d466228
commit a8a31e6
Show file tree

Hide file tree

Showing 25 changed files with 166 additions and 467 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -37,7 +37,6 @@
 
 @import 'components/challenge_panel';
 @import 'components/footer';
-@import 'components/csv_button';
 @import 'components/buttons';
 @import 'components/dataset_nav';
 @import 'components/event_info';

diff --git a/app/assets/stylesheets/components/buttons.scss b/app/assets/stylesheets/components/buttons.scss
@@ -1,47 +1,51 @@
-.red {
-    margin: 5px 0px;
+button,
+a {
+  &.red-button,
+  &.blue-button,
+  &.black-button,
+  &.download-csv {
+    margin: 0.25rem 0px;
     border-radius: 0.5em;
     display: inline-block;
     cursor: pointer;
-    padding: 10px 20px;
+    padding: 0.5rem 1rem;
     font-family: Open Sans;
     font-size: 1rem;
     text-align: left;
+    text-decoration: none;
+  }
+
+  &.red-button,
+  &.download-csv {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     color: #fff;
-    text-decoration: none;
-    width: fit-content;
-}
 
-.blue {
-    margin: 5px 0px;
-    border-radius: 0.5em;
-    display: inline-block;
-    cursor: pointer;
-    padding: 10px 20px;
-    font-family: Open Sans;
-    font-size: 1rem;
-    text-align: left;
-    background-color: #57A4FF;
-    border: 1px solid #57A4FF;
+    &:hover {
+      background-color: var(--primary-shade);
+      border: 1px solid var(--primary-shade);
+    }
+  }
+
+  &.blue-button {
     color: #fff;
-    text-decoration: none;
-    width: fit-content;
-}
+    background-color: var(--secondary);
+    border: 1px solid var(--secondary);
 
-.black {
-    margin: 5px 0px;
-    border-radius: 0.5em;
-    display: inline-block;
-    cursor: pointer;
-    padding: 10px 20px;
-    font-family: Open Sans;
-    font-size: 1rem;
-    text-align: left;
+    &:hover {
+      background-color: var(--secondary-shade);
+      border: 1px solid var(--secondary-shade);
+    }
+  }
+
+  &.black-button {
+    color: #fff;
     background-color: #000;
     border: 1px solid #000;
-    color: #fff;
-    text-decoration: none;
-    width: fit-content;
+
+    &:hover {
+      background-color: var(--dark-gray);
+      border: 1px solid var(--dark-gray);
+    }
+  }
 }
diff --git a/app/assets/stylesheets/components/csv_button.scss b/app/assets/stylesheets/components/csv_button.scss
diff --git a/app/assets/stylesheets/layouts/base.scss b/app/assets/stylesheets/layouts/base.scss
@@ -1,18 +1,18 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
 
 :root {
-  --primary: #CC1E57;
-  --primary-shade: #9C1040;
-  --secondary: #4B99D2;
-  --secondary-shade: #3C7CAB;
+  --primary: #cc1e57;
+  --primary-shade: #9c1040;
+  --secondary: #4b99d2;
+  --secondary-shade: #3c7cab;
 
   --dark-gray: #717272;
-  --light-gray: #F4F4F4;
+  --light-gray: #f4f4f4;
 
-  --purple: #4D13D1;
-  --red: #EB0B43;
-  --yellow: #FABC1E;
-  --green: #0ADDA0;
+  --purple: #4d13d1;
+  --red: #eb0b43;
+  --yellow: #fabc1e;
+  --green: #0adda0;
 
   --font-size-base: 14px;
   --font-size-lg: 16px;
@@ -48,7 +48,7 @@ h1 {
 }
 
 h2 {
-  font-size:  var(--text-h2);
+  font-size: var(--text-h2);
   line-height: var(--text-h2);
   font-weight: 300;
   color: var(--primary);
@@ -63,7 +63,9 @@ h3 {
   color: #000;
 }
 
-h4, h5, h6 {
+h4,
+h5,
+h6 {
   color: #000;
 }
 
@@ -80,14 +82,14 @@ hr.grey-border {
 }
 
 /* Custom, iPhone Retina */
-@media only screen and (min-device-width: 320px) and (min-width : 320px) {
+@media only screen and (min-device-width: 320px) and (min-width: 320px) {
   main {
     padding: 2em 1em;
   }
 }
 
 /* Small Devices, Tablets */
-@media only screen and (min-width : 768px) {
+@media only screen and (min-width: 768px) {
   main {
     padding: 2em 5em;
   }