From 0f16565fa439163798ba97256904f54ace13d069 Mon Sep 17 00:00:00 2001 From: Tim Scalzo Date: Wed, 29 Apr 2020 08:59:15 -0400 Subject: [PATCH] Majorly refactored CSS & file structure to make archiving simpler - Updated head declarations to use relative file paths more effectively. - Created specific assets folders so each index.html has a matching assets folder within its directory. - Structure of archived pages is now consistent with the root index.html and its assets folder. - Created master.css to hold styles that are constant for all versions. - Removed duplicate styles from each year's individual style.css. - This will hopefully will make implementing overall new/different layouts easier. (#21) - Special favicon are now read directly from the main website's repo. --- .../assets}/FTY-SKORZHEN-NCV.ttf | Bin .../first-steamworks-transparent-logo.png | Bin 2017/assets/style.css | 101 +++ 2017/{ => assets}/sweetalert2.css | 0 2017/index.html | 21 +- 2017/style.css | 731 ----------------- .../assets}/first-power-up-logo.jpg | Bin 2018/assets/style.css | 81 ++ 2018/{ => assets}/sweetalert2.css | 0 2018/index.html | 21 +- 2018/style.css | 760 ------------------ .../assets}/first-infinite-recharge-logo.png | Bin 2020/assets/style.css | 98 +++ .../assets}/sweetalert2.css | 0 2020/index.html | 42 + assets/favicon/android-chrome-192x192.png | Bin 15974 -> 0 bytes assets/favicon/android-chrome-512x512.png | Bin 39533 -> 0 bytes assets/favicon/apple-touch-icon.png | Bin 14131 -> 0 bytes assets/favicon/favicon-16x16.png | Bin 593 -> 0 bytes assets/favicon/favicon-32x32.png | Bin 1540 -> 0 bytes assets/favicon/site.webmanifest | 1 - assets/first-infinite-recharge-logo.png | Bin 0 -> 77388 bytes assets/style.css | 98 +++ assets/sweetalert2.css | 730 +++++++++++++++++ index.html | 21 +- style.css => master.css | 111 +-- .../sweetalert2.min.js => sweetalert2.min.js | 0 27 files changed, 1215 insertions(+), 1601 deletions(-) rename {assets/fonts => 2017/assets}/FTY-SKORZHEN-NCV.ttf (100%) rename {assets/img => 2017/assets}/first-steamworks-transparent-logo.png (100%) create mode 100644 2017/assets/style.css rename 2017/{ => assets}/sweetalert2.css (100%) delete mode 100644 2017/style.css rename {assets/img => 2018/assets}/first-power-up-logo.jpg (100%) create mode 100644 2018/assets/style.css rename 2018/{ => assets}/sweetalert2.css (100%) delete mode 100644 2018/style.css rename {assets/img => 2020/assets}/first-infinite-recharge-logo.png (100%) create mode 100644 2020/assets/style.css rename {assets/sweetalert2 => 2020/assets}/sweetalert2.css (100%) create mode 100644 2020/index.html delete mode 100755 assets/favicon/android-chrome-192x192.png delete mode 100755 assets/favicon/android-chrome-512x512.png delete mode 100755 assets/favicon/apple-touch-icon.png delete mode 100755 assets/favicon/favicon-16x16.png delete mode 100755 assets/favicon/favicon-32x32.png delete mode 100755 assets/favicon/site.webmanifest create mode 100644 assets/first-infinite-recharge-logo.png create mode 100644 assets/style.css create mode 100644 assets/sweetalert2.css rename style.css => master.css (95%) rename assets/sweetalert2/sweetalert2.min.js => sweetalert2.min.js (100%) diff --git a/assets/fonts/FTY-SKORZHEN-NCV.ttf b/2017/assets/FTY-SKORZHEN-NCV.ttf similarity index 100% rename from assets/fonts/FTY-SKORZHEN-NCV.ttf rename to 2017/assets/FTY-SKORZHEN-NCV.ttf diff --git a/assets/img/first-steamworks-transparent-logo.png b/2017/assets/first-steamworks-transparent-logo.png similarity index 100% rename from assets/img/first-steamworks-transparent-logo.png rename to 2017/assets/first-steamworks-transparent-logo.png diff --git a/2017/assets/style.css b/2017/assets/style.css new file mode 100644 index 0000000..4b74ba9 --- /dev/null +++ b/2017/assets/style.css @@ -0,0 +1,101 @@ +@import url('https://fonts.googleapis.com/css?family=Crimson+Text'); + +@font-face { + font-family: Skorzhen; + src: url(./FTY-SKORZHEN-NCV.ttf); + font-weight: bold; +} + +body, button { + font-family: 'Crimson Text', serif; + color: #38322F; +} + +/* Header */ +h1 { + margin: 0.67em 0; +} + +h3 { + margin-top: 1em 0; +} + +#title { + font-family: Skorzhen; + font-size: 1.75em; + padding: 0; + transform: scale(1,1); + -webkit-transform:scale(1,1); /* Safari and Chrome */ + -moz-transform:scale(1,1); /* Firefox */ + -ms-transform:scale(1,1); /* IE 9+ */ + -o-transform:scale(1,1); /* Opera */ +} + +/* Buttons */ +.button { + border: none !important; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + background-color: #A77C3C !important; +} +.button:hover { + background-color: #BA8A43 !important; +} +.button:active { + background-color: #C19656 !important; +} +.button div { + font-weight: bold; + padding: 10px 15px 12px 15px; +} +button.button { + padding: 10px 15px 12px 15px !important; +} + +#bingo { + width: 8vw; + min-width: 130px; + padding: .5vw; +} +#bingo div { + padding: 5px 0px !important; + font-size: 35px !important; + transform: scale(1,1); + -webkit-transform:scale(1,1); /* Safari and Chrome */ + -moz-transform:scale(1,1); /* Firefox */ + -ms-transform:scale(1,1); /* IE 9+ */ + -o-transform:scale(1,1); /* Opera */ +} + +/* Board */ +#board { + font-size: 1.5em; +} + +#boardHeader > .tile { + font-family: Skorzhen; + font-size: 3em; + border-width: 2px; + color: #62392D; + transform: scale(1,1); + -webkit-transform:scale(1,1); /* Safari and Chrome */ + -moz-transform:scale(1,1); /* Firefox */ + -ms-transform:scale(1,1); /* IE 9+ */ + -o-transform:scale(1,1); /* Opera */ +} + +/* Tiles */ +.tile { + border: 2px solid #62392D; +} + +input[type=checkbox]:checked + div { + background-color: #62392D; + color: #fff; +} + +div.tile:hover { + background-color: #BA8A43; + color: #fff; +} \ No newline at end of file diff --git a/2017/sweetalert2.css b/2017/assets/sweetalert2.css similarity index 100% rename from 2017/sweetalert2.css rename to 2017/assets/sweetalert2.css diff --git a/2017/index.html b/2017/index.html index df8d36f..360e1cf 100644 --- a/2017/index.html +++ b/2017/index.html @@ -1,18 +1,23 @@ - FRC Kickoff Bingo - - + FRC Kickoff Bingo - 2017 + + + + + + + - - - + + +