diff --git a/.gitignore b/.gitignore index 4eaea8f..c2b1e82 100644 --- a/.gitignore +++ b/.gitignore @@ -68,5 +68,9 @@ app/config.py *.sqlite tmp/ +<<<<<<< HEAD .tern-port + +# Do not add scss cache +*.sass-cache diff --git a/README.md b/README.md index 970c3ba..8ee5972 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,8 @@ Finally run the webserver with python3 app/app.py runserver +Make sure to use localhost instead of 127.0.0.1 if you want to be able to login. + ## Development ### Changing the database diff --git a/app/app.py b/app/app.py index 9788e36..44c9aaf 100644 --- a/app/app.py +++ b/app/app.py @@ -73,7 +73,6 @@ def register_plugins(app: Flask) -> Manager: app_manager = Manager(app) app_manager.add_command("db", MigrateCommand) app_manager.add_command("runserver", Server(port=8000)) - # Add admin interface init_admin(app, db) @@ -157,7 +156,7 @@ def add_template_filters(app: Flask) -> None: minutes, seconds = divmod(remainder, 60) time = "%02d:%02d:%02d" % (hours, minutes, seconds) if show_text: - return "closes in " + time + return f"{time} left" return time @app.template_filter("year") diff --git a/app/static/css/darkmode.css b/app/static/css/darkmode.css new file mode 100644 index 0000000..7b5130b --- /dev/null +++ b/app/static/css/darkmode.css @@ -0,0 +1,110 @@ +:root { + /*Darkmode colors*/ + --dGray0:#D0D0D8; + --dGray1:#8E8E93; + --dGray2:#636366; + --dGray3:#48484A; + --dGray4:#3A3A3C; + --dGray5:#2C2C2E; + --dGray6:#1C1C1E; + --dBlue:#0A84FF; +} +.table-hover tbody tr:hover{ + background-color: var(--dGray3); +} +body{ + background-color: var(--dGray5); + color: var(--dGray1); +} +a { + color: var(--dBlue); +} +.btn-primary { + color: var(--dGray6); + background-color: var(--dBlue); +} + +.navbar { + background-color: var(--dGray6); +} +.navbar-default .navbar-nav .active a{ + background-color: var(--dGray4); + color: var(--dGray1); +} +.navbar-default .navbar-nav .active a:hover{ + background-color: var(--dGray3); + color: var(--dGray0); +} +.navbar-default .navbar-nav li a,.navbar-default .navbar-brand{ + color: var(--dGray1); +} +.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-brand:hover{ + color: var(--dGray0); +} +hr{ + border-top: 1px solid var(--dGray2); +} + +h1, h2, h3, h4, h5, h6{ + color: var(--dGray1); +} + +.jumbotron, .darker { + background-color: var(--dGray4); +} +.table tbody tr td { + border-top: 1px solid var(--dGray3); +} +.table thead tr th { + border-bottom: 2px solid var(--dGray2); +} +.navbar-toggle .icon-bar { + background-color: var(--dGray0); + opacity: 0.5; +} +.select2-container--default .select2-selection--single{ + background-color: var(--dGray3); + color: var(--dGray0); +} +.select2-container--default .select2-selection--single .select2-selection__rendered{ + color: var(--dGray0); +} +.select2-results__option{ + background-color: var(--dGray5); + color: var(--dGray0); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--dGray4); + color: var(--dGray0); +} +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.bootstrap-datetimepicker-widget table td.day:hover, +.bootstrap-datetimepicker-widget table td.hour:hover, +.bootstrap-datetimepicker-widget table td.minute:hover, +.bootstrap-datetimepicker-widget table td span:hover, +.bootstrap-datetimepicker-widget table td.second:hover { + background: var(--dGray4); +} + +.select2-container--default .select2-results__option[aria-selected=true]{ + background-color: var(--dBlue); + color: var(--dGray0); +} +.select2-search{ + background-color: var(--dGray2); +} +.select2-search input{ + background-color: var(--dGray0); +} +.dropdown-menu{ + background-color: var(--dGray5); +} +.form-control{ + color: var(--dGray0); +} +.form-control::placeholder{ + color: var(--dGray2); +} +.enter_darkmode>a { + text-align: center; +} \ No newline at end of file diff --git a/app/static/css/main.css b/app/static/css/main.css index b5e52d0..bd93cde 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -12,17 +12,20 @@ --FontFamily:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; --FontSize:13px; } + html { height: 100%; } body { padding-top: 70px; - + background-color: var(--dGray5); + color: var(--dGray1); height: 100%; font-family: var(--FontFamily); font-size: var(--FontSize); } + .background{ position: absolute; z-index: -1000; @@ -64,6 +67,15 @@ body { padding-left: 20px; } +.order_row { + background: var(--dGray4); +} + +.time_data{ + display: flex; + justify-content: space-between; +} + @media(min-width: 768px) and (max-width: 991px){ /* Make sure the small map in the location page has the same with as the block above */ .sm-no-side-padding { @@ -90,10 +102,6 @@ div.box:hover { box-shadow: 2px 4px 4px -1px #888888; } -.darkmode .table-hover tbody tr:hover{ - background-color: var(--dGray3); -} - a.divLink { position: absolute; width: 100%; @@ -126,97 +134,96 @@ a.divLink { display: none; } -.darkmode { - background-color: var(--dGray5); - color: var(--dGray1); +.table-hover tbody tr:hover{ + background-color: var(--dGray3); } -.darkmode a { +a { color: var(--dBlue); } -.darkmode .btn-primary { +.btn-primary { color: var(--dGray6); background-color: var(--dBlue); } -.darkmode .navbar { +.navbar { background-color: var(--dGray6); } -.darkmode .navbar-default .navbar-nav .active a{ +.navbar-default .navbar-nav .active a{ background-color: var(--dGray4); color: var(--dGray1); } -.darkmode .navbar-default .navbar-nav .active a:hover{ +.navbar-default .navbar-nav .active a:hover{ background-color: var(--dGray3); color: var(--dGray0); } -.darkmode .navbar-default .navbar-nav li a,.darkmode .navbar-default .navbar-brand{ +.navbar-default .navbar-nav li a,.navbar-default .navbar-brand{ color: var(--dGray1); } -.darkmode .navbar-default .navbar-nav li a:hover,.darkmode .navbar-default .navbar-brand:hover{ +.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-brand:hover{ color: var(--dGray0); } -.darkmode hr{ +hr{ border-top: 1px solid var(--dGray2); } -.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6{ +h1, h2, h3, h4, h5, h6{ color: var(--dGray1); } -.darkmode .jumbotron, .darkmode .darker { +.jumbotron, .darker { background-color: var(--dGray4); } -.darkmode .table tbody tr td { +.table tbody tr td { border-top: 1px solid var(--dGray3); } -.darkmode .table thead tr th { +.table thead tr th { border-bottom: 2px solid var(--dGray2); } -.darkmode .navbar-toggle .icon-bar { +.navbar-toggle .icon-bar { background-color: var(--dGray0); opacity: 0.5; } -.darkmode .select2-container--default .select2-selection--single{ +.select2-container--default .select2-selection--single{ background-color: var(--dGray3); color: var(--dGray0); } -.darkmode .select2-container--default .select2-selection--single .select2-selection__rendered{ +.select2-container--default .select2-selection--single .select2-selection__rendered{ color: var(--dGray0); } -.darkmode .select2-results__option{ +.select2-results__option{ background-color: var(--dGray5); color: var(--dGray0); } -.darkmode .select2-container--default .select2-results__option--highlighted[aria-selected] { +.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--dGray4); color: var(--dGray0); } -.darkmode .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, -.darkmode .bootstrap-datetimepicker-widget table td.day:hover, -.darkmode .bootstrap-datetimepicker-widget table td.hour:hover, -.darkmode .bootstrap-datetimepicker-widget table td.minute:hover, -.darkmode .bootstrap-datetimepicker-widget table td span:hover, -.darkmode .bootstrap-datetimepicker-widget table td.second:hover { +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.bootstrap-datetimepicker-widget table td.day:hover, +.bootstrap-datetimepicker-widget table td.hour:hover, +.bootstrap-datetimepicker-widget table td.minute:hover, +.bootstrap-datetimepicker-widget table td span:hover, +.bootstrap-datetimepicker-widget table td.second:hover { background: var(--dGray4); } -.darkmode .select2-container--default .select2-results__option[aria-selected=true]{ +.select2-container--default .select2-results__option[aria-selected=true]{ background-color: var(--dBlue); color: var(--dGray0); } -.darkmode .select2-search{ +.select2-search{ background-color: var(--dGray2); } -.darkmode .select2-search input{ +.select2-search input{ background-color: var(--dGray0); } -.darkmode .dropdown-menu{ +.dropdown-menu{ background-color: var(--dGray5); } -.darkmode .form-control{ +.form-control{ color: var(--dGray0); } -.darkmode .form-control::placeholder{ +.form-control::placeholder{ color: var(--dGray2); } .enter_darkmode>a { diff --git a/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc b/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc new file mode 100644 index 0000000..80cd664 Binary files /dev/null and b/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc differ diff --git a/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc b/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc new file mode 100644 index 0000000..2cf0dc0 Binary files /dev/null and b/app/static/css/themes/highPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc differ diff --git a/app/static/css/themes/highPerformance/.sass-cache/f007f33e9ca31bc5d2b8605323eaf3b5d0e7edd6/kerstmis.scssc b/app/static/css/themes/highPerformance/.sass-cache/f007f33e9ca31bc5d2b8605323eaf3b5d0e7edd6/kerstmis.scssc new file mode 100644 index 0000000..1f15a0d Binary files /dev/null and b/app/static/css/themes/highPerformance/.sass-cache/f007f33e9ca31bc5d2b8605323eaf3b5d0e7edd6/kerstmis.scssc differ diff --git a/app/static/css/themes/highPerformance/darkmode.css b/app/static/css/themes/highPerformance/darkmode.css new file mode 100644 index 0000000..324f4a0 --- /dev/null +++ b/app/static/css/themes/highPerformance/darkmode.css @@ -0,0 +1,12 @@ +/*Darkmode*/ +:root { + /*Darkmode colors*/ + --dGray0:#D0D0D8; + --dGray1:#8E8E93; + --dGray2:#636366; + --dGray3:#48484A; + --dGray4:#3A3A3C; + --dGray5:#2C2C2E; + --dGray6:#1C1C1E; + --dBlue:#0A84FF; +} \ No newline at end of file diff --git a/app/static/css/themes/highPerformance/dataPrivacy.css b/app/static/css/themes/highPerformance/dataPrivacy.css new file mode 100644 index 0000000..cc063f7 --- /dev/null +++ b/app/static/css/themes/highPerformance/dataPrivacy.css @@ -0,0 +1,4 @@ +.background { + background-image: url("https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2"); + background-size: contain; +} \ No newline at end of file diff --git a/app/static/css/themes/highPerformance/halloween.css b/app/static/css/themes/highPerformance/halloween.css new file mode 100644 index 0000000..580ed15 --- /dev/null +++ b/app/static/css/themes/highPerformance/halloween.css @@ -0,0 +1,16 @@ +/*halloween*/ + +:root { + /*Darkmode colors*/ + --dGray0:#FFEB65; + --dGray1:#F28705; + --dGray2:#F25C05; + --dGray3:#F27405; + --dGray4:#8C3D0F; + --dGray5:#260101; + --dGray6:#260101; + --dBlue:#D91604; +} +.table-hover tbody tr:hover{ + background-image: url("static/images/themes/halloween/Halloween.jpeg"); +} \ No newline at end of file diff --git a/app/static/css/themes/highPerformance/kerstmis.css b/app/static/css/themes/highPerformance/kerstmis.css new file mode 100644 index 0000000..7f4bede --- /dev/null +++ b/app/static/css/themes/highPerformance/kerstmis.css @@ -0,0 +1,534 @@ +@charset "UTF-8"; +/* +¡¡¡ OPGELET !!! +Deze css bevat lelijke code. +Dit komt doordat bootstrap lelijk en oud is. +Ik zal later proberen de css te verbeteren en bootstrap weg te gooien. +Enige discretie is aangeraden. + +---=§[ Arnhoudt ]§=--- + +*/ +/*high performance kerstmis*/ +:root { + /*Darkmode colors*/ + --dGray0:#F28705; + --dGray1:white; + --dGray2:#590212; + --dGray3:#590212; + --dGray4:#274001; + --dGray5:#274001; + --dGray6:#F2778D; + --dBlue:#F2778D; } + +body { + height: 100%; + font-family: Radikal,Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; + background-color: #2F0000; } + +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_regular.ttf"); + font-weight: normal; } +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_light.ttf"); + font-weight: 200; } +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_medium.ttf"); + font-weight: medium; } +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_bold.ttf"); + font-weight: bold; } +.btn { + border-radius: 5rem; + color: white; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + background-image: linear-gradient(-40deg, #F53030, #F58B9E); } + +.btn:hover { + background-image: linear-gradient(-40deg, #A81111, #FF4B33); } + +.navbar { + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + padding: 1.5rem; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-transform: capitalize; } + +.nav > li > a { + padding-left: 1vw; + padding-right: 1vw; } + +.main { + height: 90vh; + overflow: scroll; + padding-left: 0; + padding-right: 0; + width: 100%; + display: flex; + align-items: center; + flex-direction: column; } + +.navbar .container { + width: 100%; + padding: 0 4vw; } + +@media (min-width: 768px) { + .container { + width: 100%; } } +@media (min-width: 992px) { + .main .container, .main .orders { + width: 970px; } } +@media (min-width: 1200px) { + .main .container, .main .orders { + width: 1170px; } } +.main { + padding-top: 2.5rem; } + +.order_data { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + padding: 0 3rem; + align-items: baseline; } + +.order_row { + background: transparent; } + +.order_data h5 { + max-width: 60%; + padding-bottom: 3rem; } + +.expand_button { + padding: 1rem 0rem; + margin-top: -1rem; + width: 70%; + margin-bottom: 1.5rem; } + +.hi_im_haldis h2 { + display: none; } + +.hi_im_haldis h3 { + width: 100%; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + text-align: center; } + +.hi_im_haldis { + background: linear-gradient(70deg, rgba(203, 52, 68, 0.8), rgba(135, 32, 44, 0.8)); + border-radius: 0; + width: 100%; } + +.hi_im_haldis_wrapper { + width: 100%; } + +.darker:nth-child(even) { + background-color: #B62937; + border-radius: 2rem; } + +.darker:nth-child(odd) { + background-color: #821C25; + border-radius: 2rem; } + +.darker { + padding: 1rem; } + +.order_row:nth-child(even) .order_data { + background-color: #B62937; + border-radius: 2rem; } + +.order_row:nth-child(odd) .order_data { + background-color: #821C25; + border-radius: 2rem; } + +.order_row h5 { + font-weight: bold; } + +.order_row { + margin-bottom: 3rem; } + +h3 { + padding-bottom: 1rem; } + +.home_sir { + font-weight: bold; + color: #F45D68; } + +.expand_button_wrapper { + margin-top: -1rem; + width: 100%; + display: flex; + justify-content: center; } + +.time_data { + text-align: right; + display: flex; + flex-direction: column; + justify-self: right; } + +.navbar .navbar-nav .active a { + color: #ff9bae; + border-bottom: 1px solid #ff9bae; + padding-bottom: 1rem; } + +.navbar-nav { + padding-left: 2rem; } + +.jumbotron, .darker { + display: flex; + flex-direction: column; + border-radius: 4rem; } + +.row > div > h5 { + font-weight: bold; + padding-top: 1.5rem; + font-size: 2.5rem; } + +.row > div > .amount_of_orders { + font-weight: lighter; + font-size: 1.6rem; } + +.row > div .time { + font-weight: lighter; } + +.jumbotron { + background-color: transparent; } + +.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover { + background-color: transparent; } + +.background { + -webkit-filter: blur(0px) brightness(80%); + -moz-filter: blur(0px) brightness(80%); + -o-filter: blur(0px) brightness(80%); + -ms-filter: blur(0px) brightness(80%); + filter: blur(0px) brightness(80%); + position: fixed; + top: 0; + left: 0; } + +footer a { + color: #69E8FF; } + +footer { + position: fixed; + bottom: 0; + width: 100%; + background: #CB3444; + height: 5rem; + display: flex; + align-items: center; } + +footer > hr { + display: none; } + +#mapid { + width: 100%; } + +.order_overview, .order_order, .order_items, .order_ordered, .order_depts { + padding: 1rem 5rem 3rem 5rem; } + +.order_overview { + width: 100%; } + +.order_depts { + width: 100%; + margin-bottom: 10rem; } + +.location_data, .location_products { + width: 100%; } + +.location_products { + margin-bottom: 10rem; } + +.locations_locations { + padding: 1rem 5rem 3rem 5rem; } + +.background_wrapper { + position: absolute; + left: 0; + bottom: 5rem; + width: 100%; + height: 100%; + overflow: hidden; } + +.christmas_background { + z-index: -101; + width: 300%; + height: 300%; + background: linear-gradient(-45deg, #2F0000, #C20A12); + animation: gradientBG 19s ease infinite; } + +.sled { + width: 15rem; + height: 15rem; + transition: transform 2s ease-in 5s, rotate 1s ease-in-out 2s; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + background-image: url("static/images/themes/kerstmis/sled.svg"); } + +.sled_wrapper { + top: 0.5rem; + left: -7.5rem; + position: absolute; + transform: translate(-50vw, 40vh) rotate(0deg); + width: 15rem; + height: 15rem; + animation: sled 29s ease-in-out infinite; } + +.train_button:checked ~ .sled_wrapper:hover { + animation-play-state: paused; } + +.train_button:checked ~ .sled_wrapper:hover .sled { + transform: translateY(100vh) rotate(90deg); } + +.snowman_wrapper { + height: 17rem; + width: 10rem; + position: absolute; + bottom: 15rem; + left: -12rem; + animation: snowman 37s ease infinite; + transform-origin: right bottom; } + +.snowman_head { + position: absolute; + top: 0; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_head.svg"); + animation: snowman_head 2s ease infinite; } + +.snowman_body { + position: absolute; + top: 9.5rem; + left: 0.5rem; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_body.svg"); } + +.train_button:checked ~ .merry_christmas { + position: absolute; + top: 0; + width: 100%; + height: 100%; + background-position: center; + background-image: url("static/images/themes/kerstmis/merry_christmas.svg"); + background-size: 25vw; + background-repeat: no-repeat; + animation: merry_christmas 5s ease infinite; } + +.train_button { + position: absolute; + transform: scaleX(20) scaleY(8) translateX(-100rem); + bottom: 5.5rem; + left: 7rem; + animation: follow_train 47s linear infinite; + opacity: 0; } + +.train_wrapper { + position: absolute; + bottom: 0.5rem; + transform: translateX(-80vw); + animation: train 47s linear infinite; } + +.wheel_big, .wheel_small { + position: absolute; + bottom: -0.4rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/wheel.svg"); } + +.train { + position: absolute; + bottom: 0.5rem; + left: 30rem; + width: 30rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/train.svg"); + animation: whobble 1s linear alternate-reverse infinite; } + +.wheel_big { + width: 3.2rem; + height: 3.2rem; } + +.wheel_small { + width: 2.5rem; + height: 2.5rem; } + +.train .wheel1 { + animation: turn 2s linear infinite; + left: 3.5rem; } + +.train .wheel2 { + animation: turn 2s linear infinite, -0.1s; + left: 7rem; } + +.train .wheel3 { + animation: turn 2s linear infinite -0.3s; + left: 10.5rem; } + +.train .wheel4 { + animation: turn 1.5s linear infinite -0.5s; + left: 13.9rem; } + +.train .wheel5 { + animation: turn 1.5s linear infinite -0.7s; + left: 16.6rem; } + +.zeus_wagon, .mc_wagon { + position: absolute; + bottom: 1.25rem; + width: 30rem; + height: 7.5rem; + background-repeat: no-repeat; + background-size: contain; + animation: whobble 1s linear alternate-reverse infinite; } + +.mc_wagon { + background-image: url("static/images/themes/kerstmis/mc_wagon.svg"); + left: 0rem; } + +.zeus_wagon { + background-image: url("static/images/themes/kerstmis/zeus_wagon.svg"); + left: 15rem; } + +.zeus_wagon .wheel1, .mc_wagon .wheel1 { + animation: turn 2s linear infinite; + bottom: -1.1rem; + left: 2.2rem; } + +.zeus_wagon .wheel2, .mc_wagon .wheel2 { + animation: turn 2s linear infinite, -0.1s; + bottom: -1.1rem; + left: 5.75rem; } + +.zeus_wagon .wheel3, .mc_wagon .wheel3 { + animation: turn 2s linear infinite -0.3s; + bottom: -1.1rem; + left: 9.3rem; } + +.snow { + border-radius: 50%; + opacity: 0.8; + position: absolute; + top: -100vh; + animation-name: fall; + animation-timing-function: linear; + animation-iteration-count: infinite; } + +.layer1 { + width: 1rem; + height: 1rem; + filter: blur(1.5px); + box-shadow: 71vw 89.7vh 0 -0.13rem#fff,37.6vw 73.2vh 0 -0.46rem#fff,31.1vw 76.6vh 0 -0.42rem#fff,41.5vw 94vh 0 -0.3rem#fff,76.7vw 28.6vh 0 -0.18rem#fff,21.7vw 70.7vh 0 -0.34rem#fff,14.6vw 72.9vh 0 -0.04rem#fff,72vw 50vh 0 -0.12rem#fff,89.6vw 90.4vh 0 -0.45rem#fff,49.7vw 21.5vh 0 -0.02rem#fff,15.8vw 87.2vh 0 -0.04rem#fff,46.3vw 85.9vh 0 -0.24rem#fff,91.6vw 7.4vh 0 -0.11rem#fff,83.3vw 60.5vh 0 -0.06rem#fff,15.2vw 3.2vh 0 -0.31rem#fff,52.9vw 54.1vh 0 -0.48rem#fff,58.9vw 42.1vh 0 -0.07rem#fff,40.7vw 10.5vh 0 -0.25rem#fff,53.7vw 74.5vh 0 -0.33rem#fff,89vw 50.9vh 0 -0.2rem#fff,35vw 22.6vh 0 -0.2rem#fff,18.9vw 66.4vh 0 -0.33rem#fff,66.8vw 22.9vh 0 -0.05rem#fff,34.3vw 46.9vh 0 -0.26rem#fff,72.9vw 33.1vh 0 -0.25rem#fff,23.2vw 2.5vh 0 -0.16rem#fff,60.3vw 21.6vh 0 -0.35rem#fff,14.3vw 0.6vh 0 -0.09rem#fff,95.6vw 72.2vh 0 -0.03rem#fff,4vw 28.6vh 0 -0.17rem#fff,40.8vw 67.7vh 0 -0.16rem#fff,85vw 88.1vh 0 -0.41rem#fff,37.4vw 50.1vh 0 -0.07rem#fff,50.8vw 39.8vh 0 -0.01rem#fff,14.4vw 95.1vh 0 -0.23rem#fff,77.7vw 10.2vh 0 -0.14rem#fff,35.1vw 59vh 0 -0.03rem#fff,45.8vw 42.4vh 0 -0.37rem#fff,48.3vw 51.3vh 0 -0.45rem#fff,98.3vw 5.8vh 0 -0.26rem#fff,2.4vw 88vh 0 -0.17rem#fff,16vw 49.1vh 0 -0.39rem#fff,76.6vw 42.6vh 0 -0.25rem#fff,17.2vw 44.5vh 0 -0.1rem#fff,51.2vw 73.7vh 0 -0.33rem#fff,31.7vw 59.2vh 0 -0.47rem#fff,32.4vw 68.9vh 0 -0.07rem#fff,3.7vw 94.8vh 0 -0.33rem#fff,55.3vw 3.8vh 0 -0.24rem#fff,25.3vw 81.2vh 0 -0.21rem#fff,68.2vw 97.6vh 0 -0.27rem#fff,43.4vw 56.5vh 0 -0.06rem#fff,40.6vw 98.7vh 0 -0.49rem#fff,41.2vw 37.2vh 0 -0.22rem#fff,66.7vw 21.2vh 0 -0.32rem#fff,3.6vw 75.9vh 0 -0.04rem#fff,66.2vw 71.2vh 0 -0.33rem#fff,30.6vw 59.9vh 0 -0.02rem#fff,22.6vw 72.1vh 0 -0.02rem#fff,93.9vw 9.7vh 0 -0.19rem#fff,99.1vw 73.3vh 0 -0.07rem#fff,48.4vw 94.2vh 0 -0.33rem#fff,44.1vw 55.1vh 0 -0.35rem#fff,98.3vw 34vh 0 -0.07rem#fff,85.1vw 30.4vh 0 -0.42rem#fff,65.2vw 21.4vh 0 -0.05rem#fff,72.1vw 92.9vh 0 -0.48rem#fff,25.8vw 53.6vh 0 -0.02rem#fff,13.8vw 12.7vh 0 -0.26rem#fff,79.4vw 94.9vh 0 -0.06rem#fff,41.8vw 56.2vh 0 -0.31rem#fff,67.4vw 20.2vh 0 -0.34rem#fff,35.6vw 88.7vh 0 -0.1rem#fff,12.5vw 20.1vh 0 -0.06rem#fff,30.3vw 32.7vh 0 -0.34rem#fff,51.4vw 84.2vh 0 -0.15rem#fff,16.2vw 80.1vh 0 -0.31rem#fff,6.1vw 14.1vh 0 -0.41rem#fff,86.6vw 55.9vh 0 -0.41rem#fff,43.5vw 75.9vh 0 -0.45rem#fff,77.5vw 20.4vh 0 -0.12rem#fff,67.7vw 97.6vh 0 -0.08rem#fff,0.8vw 18.1vh 0 -0.33rem#fff,60.6vw 21.3vh 0 -0.19rem#fff,70.2vw 79.3vh 0 -0.26rem#fff,50.8vw 68.8vh 0 -0.35rem#fff,53.9vw 12.5vh 0 -0.39rem#fff,76.4vw 45.9vh 0 -0.12rem#fff,11.5vw 58.7vh 0 -0.31rem#fff,76.3vw 74.7vh 0 -0.4rem#fff,4.7vw 46.7vh 0 -0.39rem#fff,54.5vw 63.6vh 0 -0.28rem#fff,51.6vw 65.9vh 0 -0.3rem#fff,65.9vw 47.6vh 0 -0.08rem#fff,91.6vw 58.8vh 0 -0.12rem#fff,26.9vw 71.6vh 0 -0.36rem#fff,59.7vw 71.2vh 0 -0.37rem#fff,47.1vw 16.2vh 0 -0.14rem#fff,72.4vw 45.7vh 0 -0.06rem#fff,30.8vw 39.3vh 0 -0.38rem#fff; + animation-duration: 18s; } + +.layer1.a { + animation-delay: -9s; } + +.layer2 { + width: 0.8rem; + height: 0.8rem; + filter: blur(3px); + box-shadow: 71.8vw 15.9vh 0 -0.3rem#fff,4.2vw 8.1vh 0 -0.41rem#fff,67.5vw 49.2vh 0 -0.28rem#fff,72vw 97.8vh 0 -0.22rem#fff,78.1vw 28vh 0 -0.41rem#fff,34.2vw 51.7vh 0 -0.47rem#fff,37.9vw 76.5vh 0 -0.39rem#fff,92.6vw 36.3vh 0 -0.22rem#fff,59.9vw 8.6vh 0 -0.07rem#fff,32.5vw 74vh 0 -0.07rem#fff,75.7vw 81.6vh 0 -0.12rem#fff,1.7vw 18.5vh 0 -0.2rem#fff,12.3vw 64.7vh 0 -0.37rem#fff,83.9vw 47vh 0 -0.12rem#fff,33.8vw 21.3vh 0 -0.14rem#fff,6.5vw 92.5vh 0 -0.29rem#fff,72.2vw 60.8vh 0 -0.17rem#fff,38.4vw 16vh 0 -0.17rem#fff,23.9vw 58.4vh 0 -0.32rem#fff,40.2vw 52.4vh 0 -0.23rem#fff,48.9vw 74.6vh 0 -0.03rem#fff,61.5vw 36.1vh 0 -0.49rem#fff,60.9vw 94.5vh 0 -0.42rem#fff,2.8vw 59.7vh 0 -0.27rem#fff,62.6vw 32.4vh 0 -0.45rem#fff,91.3vw 18vh 0 -0.09rem#fff,35.9vw 35.5vh 0 -0.11rem#fff,60.2vw 95.5vh 0 -0.21rem#fff,19.8vw 46.5vh 0 -0.09rem#fff,57.7vw 20.7vh 0 -0.03rem#fff,69.8vw 33.8vh 0 -0.34rem#fff,69.1vw 71.5vh 0 -0.45rem#fff,70.5vw 87.9vh 0 -0.5rem#fff,77vw 34.9vh 0 -0.43rem#fff,35.6vw 28.7vh 0 -0.14rem#fff,28.6vw 22.7vh 0 -0.47rem#fff,46.3vw 7.1vh 0 -0.06rem#fff,66.6vw 92.6vh 0 -0.32rem#fff,96.5vw 19.1vh 0 -0.12rem#fff,24.6vw 45.5vh 0 -0.27rem#fff,71.6vw 85.8vh 0 -0.16rem#fff,1.1vw 44.9vh 0 -0.36rem#fff,94.4vw 84.2vh 0 -0.19rem#fff,92.2vw 20.2vh 0 -0.27rem#fff,42.5vw 66.1vh 0 -0.46rem#fff,70.8vw 98.4vh 0 -0.01rem#fff,71.7vw 99vh 0 -0.19rem#fff,0.2vw 34.1vh 0 -0.22rem#fff,87.3vw 30.7vh 0 -0.09rem#fff,80.3vw 93.8vh 0 -0.41rem#fff,72.2vw 8.3vh 0 -0.09rem#fff,27.1vw 46.1vh 0 -0.15rem#fff,10.2vw 93.6vh 0 -0.42rem#fff,76vw 51.5vh 0 -0.26rem#fff,28.7vw 76.3vh 0 -0.11rem#fff,85.1vw 21.2vh 0 -0.46rem#fff,25.9vw 82.2vh 0 -0.34rem#fff,32.3vw 69.8vh 0 -0.29rem#fff,97.3vw 56.8vh 0 -0.26rem#fff,48.2vw 29.6vh 0 -0.28rem#fff,76.2vw 61.9vh 0 -0.1rem#fff,62vw 96vh 0 -0.01rem#fff,76vw 79.9vh 0 -0.36rem#fff,59.9vw 86.8vh 0 -0.22rem#fff,72.8vw 92.3vh 0 -0.02rem#fff,62.7vw 55.9vh 0 -0.46rem#fff,81.1vw 53.3vh 0 -0.09rem#fff,42.4vw 20.2vh 0 -0.15rem#fff,72.7vw 95.8vh 0 -0.26rem#fff,67.6vw 11vh 0 -0.08rem#fff,62.5vw 99vh 0 -0.17rem#fff,52.7vw 46.1vh 0 -0.35rem#fff,49.7vw 73vh 0 -0.33rem#fff,1.9vw 25.1vh 0 -0.06rem#fff,25.6vw 11.6vh 0 -0.43rem#fff,9.7vw 28.4vh 0 -0.11rem#fff,52.1vw 87.4vh 0 -0.45rem#fff,94.6vw 3.6vh 0 -0.37rem#fff,67.5vw 67vh 0 -0.29rem#fff,45.4vw 34.9vh 0 -0.02rem#fff,41.6vw 99.6vh 0 -0.34rem#fff,26.3vw 53vh 0 -0.01rem#fff,41.2vw 73.7vh 0 -0.36rem#fff,6.9vw 29.5vh 0 -0.17rem#fff,25.1vw 39.2vh 0 -0.2rem#fff,93.2vw 58.2vh 0 -0.3rem#fff,93.2vw 58.2vh 0 -0.31rem#fff,91.7vw 29vh 0 -0.01rem#fff,90.1vw 25.4vh 0 -0.23rem#fff,12.2vw 98.7vh 0 -0.33rem#fff,88vw 73.3vh 0 -0.29rem#fff,91.5vw 61vh 0 -0.43rem#fff,96.1vw 70.8vh 0 -0.21rem#fff,98.2vw 55.4vh 0 -0.27rem#fff,15.2vw 59vh 0 -0.34rem#fff,66.3vw 83.5vh 0 -0.05rem#fff,49vw 8.5vh 0 -0.47rem#fff,93.3vw 91.7vh 0 -0.17rem#fff,15.4vw 35.4vh 0 -0.47rem#fff,14.3vw 48.5vh 0 -0.44rem#fff; + animation-duration: 24s; } + +.layer2.a { + animation-delay: -12s; } + +.layer3 { + width: 0.6rem; + height: 0.6rem; + filter: blur(6px); + box-shadow: 23.4vw 84.5vh 0 -0.38rem#fff,47.1vw 27.7vh 0 -0.23rem#fff,57.9vw 71.8vh 0 -0.09rem#fff,99vw 88.7vh 0 -0.37rem#fff,69vw 41.3vh 0 -0.14rem#fff,44.7vw 79.1vh 0 -0.4rem#fff,53.2vw 22.3vh 0 -0.5rem#fff,37.8vw 79.6vh 0 -0.08rem#fff,46.1vw 40.6vh 0 -0.2rem#fff,9.8vw 50.6vh 0 -0.05rem#fff,45.6vw 13.3vh 0 -0.02rem#fff,23.3vw 18.3vh 0 -0.32rem#fff,38.4vw 20.4vh 0 -0.22rem#fff,37.5vw 34.1vh 0 -0.21rem#fff,31vw 96.9vh 0 -0.1rem#fff,6.8vw 99vh 0 -0.49rem#fff,19.7vw 13.4vh 0 -0.28rem#fff,24vw 16.4vh 0 -0.09rem#fff,98.6vw 17.6vh 0 -0.08rem#fff,5.2vw 26.8vh 0 -0.35rem#fff,60.5vw 57.7vh 0 -0.34rem#fff,63.4vw 34.1vh 0 -0.46rem#fff,62.2vw 9.9vh 0 -0.13rem#fff,31.8vw 40vh 0 -0.19rem#fff,28vw 68.9vh 0 -0.33rem#fff,74.5vw 21.3vh 0 -0.32rem#fff,30.8vw 29.5vh 0 -0.25rem#fff,80.3vw 28vh 0 -0.12rem#fff,88.7vw 47.8vh 0 -0.33rem#fff,7.9vw 70.8vh 0 -0.46rem#fff,26.6vw 49.2vh 0 -0.04rem#fff,98.4vw 42.8vh 0 -0.09rem#fff,62.5vw 64.5vh 0 -0.48rem#fff,60.7vw 92.5vh 0 -0.13rem#fff,2.8vw 99.2vh 0 -0.49rem#fff,81.4vw 21.3vh 0 -0.4rem#fff,83.4vw 47.1vh 0 -0.46rem#fff,79.2vw 2.6vh 0 -0.17rem#fff,17.7vw 3.1vh 0 -0.12rem#fff,66.4vw 98.4vh 0 -0.34rem#fff,59.5vw 51.1vh 0 -0.2rem#fff,5.8vw 28.2vh 0 -0.41rem#fff,9.7vw 54vh 0 -0.48rem#fff,24.1vw 98.3vh 0 -0.29rem#fff,9.7vw 73.1vh 0 -0.44rem#fff,10vw 53.7vh 0 -0.5rem#fff,37.7vw 16.1vh 0 -0.31rem#fff,43.9vw 51.8vh 0 -0.29rem#fff,70.8vw 54vh 0 -0.19rem#fff,61.5vw 91vh 0 -0.41rem#fff,87.1vw 13.1vh 0 -0.22rem#fff,89.6vw 34.1vh 0 -0.25rem#fff,52.8vw 38.1vh 0 -0.33rem#fff,88.4vw 79.4vh 0 -0.22rem#fff,84.4vw 84.6vh 0 -0.1rem#fff,69.4vw 8.7vh 0 -0.46rem#fff,8.8vw 73.7vh 0 -0.19rem#fff,89.3vw 14.7vh 0 -0.1rem#fff,100vw 72.7vh 0 -0.2rem#fff,16.9vw 93.8vh 0 -0.22rem#fff,90.7vw 36.1vh 0 -0.43rem#fff,46.6vw 49.6vh 0 -0.21rem#fff,57.3vw 72.3vh 0 -0.03rem#fff,49.7vw 2vh 0 -0.15rem#fff,67vw 96.2vh 0 -0.47rem#fff,86vw 71.7vh 0 -0.11rem#fff,66vw 65.8vh 0 -0.32rem#fff,85.2vw 7.6vh 0 -0.12rem#fff,95.9vw 49.4vh 0 -0.15rem#fff,33.2vw 66.6vh 0 -0.14rem#fff,75.4vw 26.3vh 0 -0.02rem#fff,52.7vw 56vh 0 -0.11rem#fff,37.7vw 77vh 0 -0.18rem#fff,26.3vw 59.9vh 0 -0.18rem#fff,88.2vw 74.6vh 0 -0.39rem#fff,89.5vw 61.2vh 0 -0.48rem#fff,62vw 79.5vh 0 -0.4rem#fff,98.7vw 3.9vh 0 -0.01rem#fff,63.3vw 32vh 0 -0.43rem#fff,49.6vw 28.5vh 0 -0.09rem#fff,70vw 87vh 0 -0.05rem#fff,38.3vw 67.3vh 0 -0.49rem#fff,41.8vw 82.5vh 0 -0.36rem#fff,85.8vw 74vh 0 -0.07rem#fff,82.3vw 48.8vh 0 -0.11rem#fff,35.2vw 79.8vh 0 -0.4rem#fff,73.3vw 72.4vh 0 -0.36rem#fff,62.4vw 30.5vh 0 -0.14rem#fff,48.5vw 51.9vh 0 -0.03rem#fff,74.6vw 51.1vh 0 -0.35rem#fff,62.6vw 12.8vh 0 -0.33rem#fff,10vw 72.1vh 0 -0.2rem#fff,59vw 50.5vh 0 -0.04rem#fff,79.1vw 60.1vh 0 -0.34rem#fff,77.5vw 45.1vh 0 -0.23rem#fff,53vw 77.3vh 0 -0.4rem#fff,46.8vw 52.1vh 0 -0.44rem#fff,60.7vw 81vh 0 -0.17rem#fff,86.2vw 53.9vh 0 -0.01rem#fff,85.8vw 79.2vh 0 -0.39rem#fff; + animation-duration: 30s; } + +.layer3.a { + animation-delay: -15s; } + +@keyframes fall { + 100% { + transform: translateY(200vh); } } +@keyframes gradientBG { + 0% { + transform: translate(-10%, -10%); } + 50% { + transform: translate(-60%, -60%); } + 100% { + transform: translate(-10%, -10%); } } +@keyframes sled { + 0% { + transform: translate(-50rem, 40vh) rotate(0deg); } + 4% { + transform: translate(-50rem, 40vh) rotate(0deg); } + 20% { + transform: translate(50vw, 10vh) rotate(20deg); } + 36% { + transform: translate(150vw, 40vh) rotate(40deg); } + 100% { + transform: translate(150vw, 40vh) rotate(40deg); } } +@keyframes train { + 0% { + transform: translateX(-80rem); } + 55% { + transform: translateX(-80rem); } + 85% { + transform: translateX(100vw); } + 100% { + transform: translateX(100vw); } } +@keyframes follow_train { + 0% { + transform: translateX(-80rem) scaleX(20) scaleY(8); } + 55% { + transform: translateX(-80rem) scaleX(20) scaleY(8); } + 85% { + transform: translateX(100vw) scaleX(20) scaleY(8); } + 100% { + transform: translateX(100vw) scaleX(20) scaleY(8); } } +@keyframes turn { + 100% { + transform: rotate(360deg); } } +@keyframes whobble { + 100% { + transform: translateY(0.5vh); } } +@keyframes snowman { + 0% { + transform: rotate(0); } + 20% { + transform: rotate(0); } + 30% { + transform: rotate(80deg); } + 54% { + transform: rotate(80deg); } + 68% { + transform: rotate(0); } + 100% { + transform: rotate(0); } } +@keyframes snowman_head { + 0% { + transform: rotate(-3deg); } + 50% { + transform: rotate(3deg); } + 100% { + transform: rotate(-3deg); } } +@keyframes merry_christmas { + 0% { + opacity: 0.8; } + 50% { + opacity: 0.6; } + 100% { + opacity: 0.8; } } + +/*# sourceMappingURL=kerstmis.css.map */ diff --git a/app/static/css/themes/highPerformance/kerstmis.css.map b/app/static/css/themes/highPerformance/kerstmis.css.map new file mode 100644 index 0000000..6fb0d4b --- /dev/null +++ b/app/static/css/themes/highPerformance/kerstmis.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["kerstmis.scss"], +"names": [], +"file": "kerstmis.css" +} \ No newline at end of file diff --git a/app/static/css/themes/highPerformance/kerstmis.scss b/app/static/css/themes/highPerformance/kerstmis.scss new file mode 100644 index 0000000..62c10c8 --- /dev/null +++ b/app/static/css/themes/highPerformance/kerstmis.scss @@ -0,0 +1,662 @@ +/* +¡¡¡ OPGELET !!! +Deze css bevat lelijke code. +Dit komt doordat bootstrap lelijk en oud is. +Ik zal later proberen de css te verbeteren en bootstrap weg te gooien. +Enige discretie is aangeraden. + +---=§[ Arnhoudt ]§=--- + +*/ + + +/*high performance kerstmis*/ +:root { + /*Darkmode colors*/ + --dGray0:#F28705; + --dGray1:white; + --dGray2:#590212; + --dGray3:#590212; + --dGray4:#274001; + --dGray5:#274001; + --dGray6:#F2778D; + --dBlue:#F2778D; + } + body{ + height: 100%; + font-family: Radikal,Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; + background-color: #2F0000; + } + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_regular.ttf'); + font-weight: normal; +} + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_light.ttf'); + font-weight: 200; + } + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_medium.ttf'); + font-weight: medium; + } + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_bold.ttf'); + font-weight: bold; + } + .btn{ + border-radius: 5rem; + color: white; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + background-image: linear-gradient(-40deg,#F53030, #F58B9E); + } + + .btn:hover{ + background-image: linear-gradient(-40deg, #A81111, #FF4B33); + } + .navbar { + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + padding: 1.5rem; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-transform: capitalize; + } + .nav>li>a { + padding-left: 1vw; + padding-right: 1vw; + } + + .main{ + height: 90vh; + overflow: scroll; + padding-left: 0; + padding-right: 0; + width: 100%; + display: flex; + align-items: center; + flex-direction: column; + } + + .navbar .container{ + width: 100%; + padding: 0 4vw; + } + +@media (min-width: 768px){ + .container { + width: 100%; + } +} +@media (min-width: 992px){ + .main .container, .main .orders { + width: 970px; + } +} + +@media (min-width: 1200px){ + .main .container, .main .orders { + width: 1170px; + } +} + + + .main{ + padding-top: 2.5rem; + } + .order_data { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + padding: 0 3rem; + align-items: baseline; + } + .order_row { + background: transparent; + } + .order_data h5{ + max-width: 60%; + padding-bottom: 3rem; + } + .expand_button{ + padding: 1rem 0rem; + margin-top: -1rem; + width: 70%; + margin-bottom: 1.5rem; + } + + .hi_im_haldis h2{ + display: none; + } + + .hi_im_haldis h3 { + width: 100%; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + text-align: center; + } + + .hi_im_haldis { + background: linear-gradient(70deg,rgba(203, 52, 68,0.8), rgba(135, 32, 44,0.8)); + border-radius: 0; + width: 100%; + } + + .hi_im_haldis_wrapper { + width: 100%; + } + .darker:nth-child(even){ + background-color: #B62937; + border-radius: 2rem; + } + .darker:nth-child(odd){ + background-color: #821C25; + border-radius: 2rem; + } + .darker{ + padding: 1rem; + } + .order_row:nth-child(even) .order_data { + background-color: #B62937; + border-radius: 2rem; + } + .order_row:nth-child(odd) .order_data { + background-color: #821C25; + border-radius: 2rem; + } + + .order_row h5{ + font-weight: bold; + } + .order_row{ + margin-bottom: 3rem; + } + h3{ + padding-bottom: 1rem; + } + + .home_sir { + font-weight: bold; + color: #F45D68; + } + + .expand_button_wrapper{ + margin-top: -1rem; + width: 100%; + display: flex; + justify-content: center; + } + + .time_data { + text-align: right; + display: flex; + flex-direction: column; + justify-self: right; + } + + .navbar .navbar-nav .active a{ + color: rgb(255, 155, 174); + border-bottom: 1px solid rgb(255, 155, 174); + padding-bottom: 1rem; + } + + .navbar-nav{ + padding-left: 2rem; + } + + .jumbotron, .darker { + display: flex; + flex-direction: column; + border-radius: 4rem; + } + + .row>div>h5 { + font-weight: bold; + padding-top: 1.5rem; + font-size: 2.5rem; + } + + .row>div>.amount_of_orders{ + font-weight: lighter; + font-size: 1.6rem; + } + .row>div .time{ + font-weight: lighter; + } + + .jumbotron { + background-color: transparent; +} + + .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover{ + background-color: transparent; + } + + .background { + -webkit-filter: blur(0px) brightness(80%); + -moz-filter: blur(0px) brightness(80%); + -o-filter: blur(0px) brightness(80%); + -ms-filter: blur(0px) brightness(80%); + filter: blur(0px) brightness(80%); + position: fixed; + top: 0; + left: 0; +} + +footer a{ + color: #69E8FF; +} + +footer{ + position: fixed; + bottom: 0; + width: 100%; + background:#CB3444; + height: 5rem; + display: flex; + align-items: center; +} +footer>hr{ + display: none; +} + +#mapid { + width: 100%; +} + +.order_overview, .order_order, .order_items, .order_ordered, .order_depts { + padding: 1rem 5rem 3rem 5rem; +} + +.order_overview{ + width: 100%; +} + +.order_depts { + width: 100%; + margin-bottom: 10rem; +} + +.location_data, .location_products { + width: 100%; +} + +.location_products { + margin-bottom: 10rem; +} + +.locations_locations { + padding: 1rem 5rem 3rem 5rem; +} + +.background_wrapper { + position: absolute; + left: 0; + bottom: 5rem; + width: 100%; + height: 100%; + overflow: hidden; +} + +.christmas_background{ + z-index: -101; + width: 300%; + height: 300%; + background: linear-gradient(-45deg, #2F0000, #C20A12); + animation: gradientBG 19s ease infinite; +} + +.sled { + width: 15rem; + height: 15rem; + transition: transform 2s ease-in 5s, rotate 1s ease-in-out 2s; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + background-image: url("static/images/themes/kerstmis/sled.svg"); +} + +.sled_wrapper{ + top: 0.5rem; + left: -7.5rem; + position: absolute; + transform: translate(-50vw, 40vh) rotate(0deg); + width: 15rem; + height: 15rem; + animation: sled 29s ease-in-out infinite; +} + +.train_button:checked ~ .sled_wrapper:hover{ + animation-play-state: paused; +} + +.train_button:checked ~ .sled_wrapper:hover .sled{ + transform: translateY(100vh) rotate(90deg); +} + +.snowman_wrapper{ + height: 17rem; + width: 10rem; + position: absolute; + bottom: 15rem; + left: -12rem; + animation: snowman 37s ease infinite; + transform-origin: right bottom; +} + + +.snowman_head{ + position: absolute; + top: 0; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_head.svg"); + animation: snowman_head 2s ease infinite; +} +.snowman_body{ + position: absolute; + top: 9.5rem; + left: 0.5rem; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_body.svg") +} + +.train_button:checked ~ .merry_christmas{ + position: absolute; + top: 0; + width: 100%; + height: 100%; + background-position: center;; + background-image: url("static/images/themes/kerstmis/merry_christmas.svg"); + background-size: 25vw; + background-repeat: no-repeat; + animation: merry_christmas 5s ease infinite; +} + +.train_button { + position: absolute; + transform: scaleX(20) scaleY(8) translateX(-100rem); + bottom: 5.5rem; + left: 7rem; + animation: follow_train 47s linear infinite; + opacity: 0; +} + +.train_wrapper{ + position: absolute; + bottom: 0.5rem; + transform: translateX(-80vw); + animation: train 47s linear infinite; +} +.wheel_big, .wheel_small { + position: absolute; + bottom: -0.4rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/wheel.svg"); + //transform: translate(0vw, 60vh); +} +.train { + position: absolute; + bottom: 0.5rem; + left: 30rem; + width: 30rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/train.svg"); + animation: whobble 1s linear alternate-reverse infinite; +} + +.wheel_big { + width: 3.2rem; + height: 3.2rem; +} + +.wheel_small { + width: 2.5rem; + height: 2.5rem; +} + +.train .wheel1 { + animation: turn 2s linear infinite; + left: 3.5rem; +} + +.train .wheel2{ + animation: turn 2s linear infinite, -0.1s; + left: 7rem; +} + +.train .wheel3{ + animation: turn 2s linear infinite -0.3s; + left: 10.5rem; +} + +.train .wheel4{ + animation: turn 1.5s linear infinite -0.5s; + left: 13.9rem; +} + +.train .wheel5{ + animation: turn 1.5s linear infinite -0.7s; + left: 16.6rem; +} + +.zeus_wagon, .mc_wagon { + position: absolute; + bottom: 1.25rem; + width: 30rem; + height: 7.5rem; + background-repeat: no-repeat; + background-size: contain; + animation: whobble 1s linear alternate-reverse infinite; +} + +.mc_wagon { + background-image: url("static/images/themes/kerstmis/mc_wagon.svg"); + left: 0rem; +} + +.zeus_wagon { + background-image: url("static/images/themes/kerstmis/zeus_wagon.svg"); + left: 15rem; +} + +.zeus_wagon .wheel1, .mc_wagon .wheel1 { + animation: turn 2s linear infinite; + bottom: -1.1rem; + left: 2.2rem; +} + +.zeus_wagon .wheel2, .mc_wagon .wheel2{ + animation: turn 2s linear infinite, -0.1s; + bottom: -1.1rem; + left: 5.75rem; +} + +.zeus_wagon .wheel3, .mc_wagon .wheel3{ + animation: turn 2s linear infinite -0.3s; + bottom: -1.1rem; + left: 9.3rem; +} + +$s1:""; +$s2:""; +$s3:""; +@for $i from 1 through 100 { + $s1: $s1 + random(1000)*0.1vw + " " + random(1000)*0.1vh + " " + 0 + " " + random(50)*-0.01rem + #fff; + $s2: $s2 + random(1000)*0.1vw + " " + random(1000)*0.1vh + " " + 0 + " " + random(50)*-0.01rem + #fff; + $s3: $s3 + random(1000)*0.1vw + " " + random(1000)*0.1vh + " " + 0 + " " + random(50)*-0.01rem + #fff; + @if $i < 100 { + $s1: $s1 + ","; + $s2: $s2 + ","; + $s3: $s3 + ","; + } +} +.snow { + border-radius: 50%; + opacity: 0.8; + position: absolute; + top:-100vh; + animation-name: fall; + animation-timing-function: linear; + animation-iteration-count: infinite; +} +.layer1 { + width: 1rem; + height: 1rem; + filter:blur(1.5px); + box-shadow: #{$s1}; + animation-duration: 18s; +} +.layer1.a { + animation-delay: -9s; +} +.layer2 { + width: 0.8rem; + height: 0.8rem; + filter:blur(3px); + box-shadow: #{$s2}; + animation-duration: 24s; +} +.layer2.a { + animation-delay: -12s; +} +.layer3 { + width: 0.6rem; + height: 0.6rem; + filter:blur(6px); + box-shadow: #{$s3}; + animation-duration: 30s; +} +.layer3.a { + animation-delay: -15s; +} +@keyframes fall { + 100% {transform: translateY(200vh); } +} +@keyframes gradientBG { + 0% { + transform: translate(-10%,-10%); + } + 50% { + transform: translate(-60%,-60%); + } + 100% { + transform: translate(-10%,-10%); + } +} + +@keyframes sled { + 0% { + transform: translate(-50rem, 40vh) rotate(0deg); + } + 4% { + transform: translate(-50rem, 40vh) rotate(0deg); + } + 20% { + transform: translate(50vw,10vh) rotate(20deg); + } + 36% { + transform: translate(150vw,40vh) rotate(40deg); + } + 100% { + transform: translate(150vw,40vh) rotate(40deg); + } +} + +@keyframes train { + 0%{ + transform: translateX(-80rem); + } + 55%{ + transform: translateX(-80rem); + } + 85% { + transform: translateX(100vw); + } + 100%{ + transform: translateX(100vw); + } +} + +@keyframes follow_train { + 0%{ + transform: translateX(-80rem) scaleX(20) scaleY(8); + } + 55%{ + transform: translateX(-80rem) scaleX(20) scaleY(8); + } + 85%{ + transform: translateX(100vw) scaleX(20) scaleY(8); + } + 100% { + transform: translateX(100vw) scaleX(20) scaleY(8); + } +} + + +@keyframes turn { + 100% { + transform: rotate(360deg); + } +} + +@keyframes whobble { + 100% { + transform: translateY(0.5vh); + } +} + +@keyframes snowman { + 0%{ + transform: rotate(-0); + } + 20%{ + transform: rotate(-0); + } + 30%{ + transform: rotate(80deg); + } + 54%{ + transform: rotate(80deg); + } + 68%{ + transform: rotate(-0); + } + 100%{ + transform: rotate(-0); + } +} +@keyframes snowman_head { + 0%{ + transform: rotate(-3deg); + } + 50% { + transform: rotate(3deg); + } + 100% { + transform: rotate(-3deg); + } +} + +@keyframes merry_christmas { + 0%{ + opacity: 0.8; + } + 50% { + opacity: 0.6; + } + 100% { + opacity: 0.8; + } +} diff --git a/app/static/css/themes/highPerformance/lightmode.css b/app/static/css/themes/highPerformance/lightmode.css new file mode 100644 index 0000000..841e7e9 --- /dev/null +++ b/app/static/css/themes/highPerformance/lightmode.css @@ -0,0 +1,12 @@ +/*lightmode*/ +:root { + /*Darkmode colors*/ + --dGray0:#444444; + --dGray1:#666666; + --dGray2:#212121; + --dGray3:#ffffff; + --dGray4:#f9f9f9; + --dGray5:#ffffff; + --dGray6:#ffffff; + --dBlue:#0A84FF; +} diff --git a/app/static/css/themes/highPerformance/sinterklaas.css b/app/static/css/themes/highPerformance/sinterklaas.css new file mode 100644 index 0000000..66e8d40 --- /dev/null +++ b/app/static/css/themes/highPerformance/sinterklaas.css @@ -0,0 +1,16 @@ +/*sinterklaas*/ +:root { + /*Darkmode colors*/ + --dGray0:#F2EB80; + --dGray1:#F2EF05; + --dGray2:#F2EF05; + --dGray3:#177EBF; + --dGray4:#0C6AA6; + --dGray5:#F20505; + --dGray6:#F50B00; + --dBlue:#35F546; +} + +.background{ + background-image: url("static/images/themes/sinterklaas/Sinterklaas.jpg"); +} \ No newline at end of file diff --git a/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc b/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc new file mode 100644 index 0000000..80cd664 Binary files /dev/null and b/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/kerstmis.scssc differ diff --git a/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc b/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc new file mode 100644 index 0000000..2cf0dc0 Binary files /dev/null and b/app/static/css/themes/lowPerformance/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc differ diff --git a/app/static/css/themes/lowPerformance/.sass-cache/f753b8fc673d85d43055d969da28457bcafb24b8/kerstmis.scssc b/app/static/css/themes/lowPerformance/.sass-cache/f753b8fc673d85d43055d969da28457bcafb24b8/kerstmis.scssc new file mode 100644 index 0000000..426ed7c Binary files /dev/null and b/app/static/css/themes/lowPerformance/.sass-cache/f753b8fc673d85d43055d969da28457bcafb24b8/kerstmis.scssc differ diff --git a/app/static/css/themes/lowPerformance/darkmode.css b/app/static/css/themes/lowPerformance/darkmode.css new file mode 100644 index 0000000..324f4a0 --- /dev/null +++ b/app/static/css/themes/lowPerformance/darkmode.css @@ -0,0 +1,12 @@ +/*Darkmode*/ +:root { + /*Darkmode colors*/ + --dGray0:#D0D0D8; + --dGray1:#8E8E93; + --dGray2:#636366; + --dGray3:#48484A; + --dGray4:#3A3A3C; + --dGray5:#2C2C2E; + --dGray6:#1C1C1E; + --dBlue:#0A84FF; +} \ No newline at end of file diff --git a/app/static/css/themes/lowPerformance/dataPrivacy.css b/app/static/css/themes/lowPerformance/dataPrivacy.css new file mode 100644 index 0000000..cc063f7 --- /dev/null +++ b/app/static/css/themes/lowPerformance/dataPrivacy.css @@ -0,0 +1,4 @@ +.background { + background-image: url("https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2"); + background-size: contain; +} \ No newline at end of file diff --git a/app/static/css/themes/lowPerformance/halloween.css b/app/static/css/themes/lowPerformance/halloween.css new file mode 100644 index 0000000..580ed15 --- /dev/null +++ b/app/static/css/themes/lowPerformance/halloween.css @@ -0,0 +1,16 @@ +/*halloween*/ + +:root { + /*Darkmode colors*/ + --dGray0:#FFEB65; + --dGray1:#F28705; + --dGray2:#F25C05; + --dGray3:#F27405; + --dGray4:#8C3D0F; + --dGray5:#260101; + --dGray6:#260101; + --dBlue:#D91604; +} +.table-hover tbody tr:hover{ + background-image: url("static/images/themes/halloween/Halloween.jpeg"); +} \ No newline at end of file diff --git a/app/static/css/themes/lowPerformance/kerstmis.css b/app/static/css/themes/lowPerformance/kerstmis.css new file mode 100644 index 0000000..b0c6902 --- /dev/null +++ b/app/static/css/themes/lowPerformance/kerstmis.css @@ -0,0 +1,442 @@ +@charset "UTF-8"; +/* +¡¡¡ OPGELET !!! +Deze css bevat lelijke code. +Dit komt doordat bootstrap lelijk en oud is. +Ik zal later proberen de css te verbeteren en bootstrap weg te gooien. +Enige discretie is aangeraden. + +---=§[ Arnhoudt ]§=--- + +*/ +/*low performance kerstmis*/ +:root { + /*Darkmode colors*/ + --dGray0:#F28705; + --dGray1:white; + --dGray2:#590212; + --dGray3:#590212; + --dGray4:#274001; + --dGray5:#274001; + --dGray6:#F2778D; + --dBlue:#F2778D; } + +body { + height: 100%; + font-family: Radikal,Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; + background-color: #2F0000; } + +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_regular.ttf"); + font-weight: normal; } +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_light.ttf"); + font-weight: 200; } +@font-face { + font-family: Radikal; + src: url("static/fonts/radikal_bold.ttf"); + font-weight: bold; } +.btn { + border-radius: 5rem; + color: white; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + background-image: linear-gradient(-40deg, #F53030, #F58B9E); } + +.btn:hover { + background-image: linear-gradient(-40deg, #A81111, #FF4B33); } + +.navbar { + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + padding: 1.5rem; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-transform: capitalize; } + +.nav > li > a { + padding-left: 1vw; + padding-right: 1vw; } + +.main { + height: 90vh; + overflow: scroll; + padding-left: 0; + padding-right: 0; + width: 100%; + display: flex; + align-items: center; + flex-direction: column; } + +.navbar .container { + width: 100%; + padding: 0 4vw; } + +@media (min-width: 768px) { + .container { + width: 100%; } } +@media (min-width: 992px) { + .main .container, .main .orders { + width: 970px; } } +@media (min-width: 1200px) { + .main .container, .main .orders { + width: 1170px; } } +.main { + padding-top: 2.5rem; } + +.order_data { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + padding: 0 3rem; + align-items: baseline; } + +.order_data h5 { + max-width: 60%; + padding-bottom: 3rem; } + +.expand_button { + padding: 1rem 0rem; + margin-top: -1rem; + width: 70%; + margin-bottom: 1.5rem; } + +.hi_im_haldis h2 { + display: none; } + +.hi_im_haldis h3 { + width: 100%; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + text-align: center; } + +.hi_im_haldis { + background: linear-gradient(70deg, rgba(203, 52, 68, 0.8), rgba(135, 32, 44, 0.8)); + border-radius: 0; + width: 100%; } + +.hi_im_haldis_wrapper { + width: 100%; } + +.darker:nth-child(even) { + background-color: #B62937; + border-radius: 2rem; } + +.darker:nth-child(odd) { + background-color: #821C25; + border-radius: 2rem; } + +.darker { + padding: 1rem; } + +.order_row:nth-child(even) .order_data { + background-color: #B62937; + border-radius: 2rem; } + +.order_row { + background: transparent; } + +.order_row:nth-child(odd) .order_data { + background-color: #821C25; + border-radius: 2rem; } + +.order_row h5 { + font-weight: bold; } + +.order_row { + margin-bottom: 3rem; } + +h3 { + padding-bottom: 1rem; } + +.home_sir { + font-weight: bold; + color: #F45D68; } + +.expand_button_wrapper { + margin-top: -1rem; + width: 100%; + display: flex; + justify-content: center; } + +.time_data { + text-align: right; + display: flex; + flex-direction: column; + justify-self: right; } + +.navbar .navbar-nav .active a { + color: #ff9bae; + border-bottom: 1px solid #ff9bae; + padding-bottom: 1rem; } + +.navbar-nav { + padding-left: 2rem; } + +.jumbotron, .darker { + display: flex; + flex-direction: column; + border-radius: 4rem; } + +.row > div > h5 { + font-weight: bold; + padding-top: 1.5rem; + font-size: 2.5rem; } + +.row > div > .amount_of_orders { + font-weight: lighter; + font-size: 1.6rem; } + +.row > div .time { + font-weight: lighter; } + +.jumbotron { + background-color: transparent; } + +.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover { + background-color: transparent; } + +.background { + -webkit-filter: blur(0px) brightness(80%); + -moz-filter: blur(0px) brightness(80%); + -o-filter: blur(0px) brightness(80%); + -ms-filter: blur(0px) brightness(80%); + filter: blur(0px) brightness(80%); + position: fixed; + top: 0; + left: 0; } + +footer a { + color: #69E8FF; } + +footer { + position: fixed; + bottom: 0; + width: 100%; + background: #CB3444; + height: 5rem; + display: flex; + align-items: center; } + +footer > hr { + display: none; } + +#mapid { + width: 100%; } + +.order_overview, .order_order, .order_items, .order_ordered, .order_depts { + padding: 1rem 5rem 3rem 5rem; } + +.order_overview { + width: 100%; } + +.order_depts { + width: 100%; + margin-bottom: 10rem; } + +.location_data, .location_products { + width: 100%; } + +.location_products { + margin-bottom: 10rem; } + +.locations_locations { + padding: 1rem 5rem 3rem 5rem; } + +.background_wrapper { + position: absolute; + left: 0; + bottom: 5rem; + width: 100%; + height: 100%; + overflow: hidden; } + +.christmas_background { + z-index: -101; + width: 300%; + height: 300%; + background: linear-gradient(-45deg, #2F0000, #C20A12); } + +.sled { + width: 15rem; + height: 15rem; + transition: transform 2s ease-in 5s, rotate 1s ease-in-out 2s; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + background-image: url("static/images/themes/kerstmis/sled.svg"); } + +.sled_wrapper { + top: 0.5rem; + left: -7.5rem; + position: absolute; + transform: translate(-50vw, 40vh) rotate(0deg); + width: 15rem; + height: 15rem; + animation: sled 29s ease-in-out infinite; } + +.snowman_wrapper { + height: 17rem; + width: 10rem; + position: absolute; + bottom: 15rem; + left: -12rem; + animation: snowman 37s ease infinite; + transform-origin: right bottom; } + +.snowman_head { + position: absolute; + top: 0; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_head.svg"); + animation: snowman_head 2s ease infinite; } + +.snowman_body { + position: absolute; + top: 9.5rem; + left: 0.5rem; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_body.svg"); } + +.train_button { + visibility: hidden; } + +.train_wrapper { + position: absolute; + bottom: 0.5rem; + transform: translateX(-80vw); + animation: train 47s linear infinite; } + +.wheel_big, .wheel_small { + position: absolute; + bottom: -0.4rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/wheel.svg"); } + +.train { + position: absolute; + bottom: 0.5rem; + left: 30rem; + width: 30rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/train.svg"); + animation: whobble 1s linear alternate-reverse infinite; } + +.wheel_big { + width: 3.2rem; + height: 3.2rem; } + +.wheel_small { + width: 2.5rem; + height: 2.5rem; } + +.train .wheel1 { + animation: turn 2s linear infinite; + left: 3.5rem; } + +.train .wheel2 { + animation: turn 2s linear infinite, -0.1s; + left: 7rem; } + +.train .wheel3 { + animation: turn 2s linear infinite -0.3s; + left: 10.5rem; } + +.train .wheel4 { + animation: turn 1.5s linear infinite -0.5s; + left: 13.9rem; } + +.train .wheel5 { + animation: turn 1.5s linear infinite -0.7s; + left: 16.6rem; } + +.zeus_wagon, .mc_wagon { + position: absolute; + bottom: 1.25rem; + width: 30rem; + height: 7.5rem; + background-repeat: no-repeat; + background-size: contain; + animation: whobble 1s linear alternate-reverse infinite; } + +.mc_wagon { + background-image: url("static/images/themes/kerstmis/mc_wagon.svg"); + left: 0rem; } + +.zeus_wagon { + background-image: url("static/images/themes/kerstmis/zeus_wagon.svg"); + left: 15rem; } + +.zeus_wagon .wheel1, .mc_wagon .wheel1 { + animation: turn 2s linear infinite; + bottom: -1.1rem; + left: 2.2rem; } + +.zeus_wagon .wheel2, .mc_wagon .wheel2 { + animation: turn 2s linear infinite, -0.1s; + bottom: -1.1rem; + left: 5.75rem; } + +.zeus_wagon .wheel3, .mc_wagon .wheel3 { + animation: turn 2s linear infinite -0.3s; + bottom: -1.1rem; + left: 9.3rem; } + +@keyframes sled { + 0% { + transform: translate(-50rem, 40vh) rotate(0deg); } + 4% { + transform: translate(-50rem, 40vh) rotate(0deg); } + 20% { + transform: translate(50vw, 10vh) rotate(20deg); } + 36% { + transform: translate(150vw, 40vh) rotate(40deg); } + 100% { + transform: translate(150vw, 40vh) rotate(40deg); } } +@keyframes train { + 0% { + transform: translateX(-80rem); } + 55% { + transform: translateX(-80rem); } + 85% { + transform: translateX(100vw); } + 100% { + transform: translateX(100vw); } } +@keyframes turn { + 100% { + transform: rotate(360deg); } } +@keyframes whobble { + 100% { + transform: translateY(0.5vh); } } +@keyframes snowman { + 0% { + transform: rotate(0); } + 20% { + transform: rotate(0); } + 30% { + transform: rotate(80deg); } + 54% { + transform: rotate(80deg); } + 68% { + transform: rotate(0); } + 100% { + transform: rotate(0); } } +@keyframes snowman_head { + 0% { + transform: rotate(-3deg); } + 50% { + transform: rotate(3deg); } + 100% { + transform: rotate(-3deg); } } + +/*# sourceMappingURL=kerstmis.css.map */ diff --git a/app/static/css/themes/lowPerformance/kerstmis.css.map b/app/static/css/themes/lowPerformance/kerstmis.css.map new file mode 100644 index 0000000..f76a3d4 --- /dev/null +++ b/app/static/css/themes/lowPerformance/kerstmis.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["kerstmis.scss"], +"names": [], +"file": "kerstmis.css" +} \ No newline at end of file diff --git a/app/static/css/themes/lowPerformance/kerstmis.scss b/app/static/css/themes/lowPerformance/kerstmis.scss new file mode 100644 index 0000000..9831784 --- /dev/null +++ b/app/static/css/themes/lowPerformance/kerstmis.scss @@ -0,0 +1,539 @@ +/* +¡¡¡ OPGELET !!! +Deze css bevat lelijke code. +Dit komt doordat bootstrap lelijk en oud is. +Ik zal later proberen de css te verbeteren en bootstrap weg te gooien. +Enige discretie is aangeraden. + +---=§[ Arnhoudt ]§=--- + +*/ + + +/*low performance kerstmis*/ +:root { + /*Darkmode colors*/ + --dGray0:#F28705; + --dGray1:white; + --dGray2:#590212; + --dGray3:#590212; + --dGray4:#274001; + --dGray5:#274001; + --dGray6:#F2778D; + --dBlue:#F2778D; + } + body{ + height: 100%; + font-family: Radikal,Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; + background-color: #2F0000; + } + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_regular.ttf'); + font-weight: normal; +} + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_light.ttf'); + font-weight: 200; + } + @font-face { + font-family: Radikal; + src: url('static/fonts/radikal_bold.ttf'); + font-weight: bold; + } + .btn{ + border-radius: 5rem; + color: white; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + background-image: linear-gradient(-40deg,#F53030, #F58B9E); + } + + .btn:hover{ + background-image: linear-gradient(-40deg, #A81111, #FF4B33); + } + .navbar { + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + padding: 1.5rem; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-transform: capitalize; + } + .nav>li>a { + padding-left: 1vw; + padding-right: 1vw; + } + + .main{ + height: 90vh; + overflow: scroll; + padding-left: 0; + padding-right: 0; + width: 100%; + display: flex; + align-items: center; + flex-direction: column; + } + + .navbar .container{ + width: 100%; + padding: 0 4vw; + } + +@media (min-width: 768px){ + .container { + width: 100%; + } +} +@media (min-width: 992px){ + .main .container, .main .orders { + width: 970px; + } +} + +@media (min-width: 1200px){ + .main .container, .main .orders { + width: 1170px; + } +} + + + .main{ + padding-top: 2.5rem; + } + .order_data { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + padding: 0 3rem; + align-items: baseline; + } + .order_data h5{ + max-width: 60%; + padding-bottom: 3rem; + } + .expand_button{ + padding: 1rem 0rem; + margin-top: -1rem; + width: 70%; + margin-bottom: 1.5rem; + } + + .hi_im_haldis h2{ + display: none; + } + + .hi_im_haldis h3 { + width: 100%; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + text-align: center; + } + + .hi_im_haldis { + background: linear-gradient(70deg,rgba(203, 52, 68,0.8), rgba(135, 32, 44,0.8)); + border-radius: 0; + width: 100%; + } + + .hi_im_haldis_wrapper { + width: 100%; + } + .darker:nth-child(even){ + background-color: #B62937; + border-radius: 2rem; + } + .darker:nth-child(odd){ + background-color: #821C25; + border-radius: 2rem; + } + .darker{ + padding: 1rem; + } + .order_row:nth-child(even) .order_data { + background-color: #B62937; + border-radius: 2rem; + } + + .order_row { + background: transparent; + } + + .order_row:nth-child(odd) .order_data { + background-color: #821C25; + border-radius: 2rem; + } + + .order_row h5{ + font-weight: bold; + } + .order_row{ + margin-bottom: 3rem; + } + h3{ + padding-bottom: 1rem; + } + + .home_sir { + font-weight: bold; + color: #F45D68; + } + + .expand_button_wrapper{ + margin-top: -1rem; + width: 100%; + display: flex; + justify-content: center; + } + + .time_data { + text-align: right; + display: flex; + flex-direction: column; + justify-self: right; + } + + .navbar .navbar-nav .active a{ + color: rgb(255, 155, 174); + border-bottom: 1px solid rgb(255, 155, 174); + padding-bottom: 1rem; + } + + .navbar-nav{ + padding-left: 2rem; + } + + .jumbotron, .darker { + display: flex; + flex-direction: column; + border-radius: 4rem; + } + + .row>div>h5 { + font-weight: bold; + padding-top: 1.5rem; + font-size: 2.5rem; + } + + .row>div>.amount_of_orders{ + font-weight: lighter; + font-size: 1.6rem; + } + .row>div .time{ + font-weight: lighter; + } + + .jumbotron { + background-color: transparent; +} + + .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover{ + background-color: transparent; + } + + .background { + -webkit-filter: blur(0px) brightness(80%); + -moz-filter: blur(0px) brightness(80%); + -o-filter: blur(0px) brightness(80%); + -ms-filter: blur(0px) brightness(80%); + filter: blur(0px) brightness(80%); + position: fixed; + top: 0; + left: 0; +} + +footer a{ + color: #69E8FF; +} + +footer{ + position: fixed; + bottom: 0; + width: 100%; + background:#CB3444; + height: 5rem; + display: flex; + align-items: center; +} + +footer>hr{ + display: none; +} + +#mapid { + width: 100%; +} + +.order_overview, .order_order, .order_items, .order_ordered, .order_depts { + padding: 1rem 5rem 3rem 5rem; +} + +.order_overview{ + width: 100%; +} + +.order_depts { + width: 100%; + margin-bottom: 10rem; +} + +.location_data, .location_products { + width: 100%; +} + +.location_products { + margin-bottom: 10rem; +} + +.locations_locations { + padding: 1rem 5rem 3rem 5rem; +} + +.background_wrapper { + position: absolute; + left: 0; + bottom: 5rem; + width: 100%; + height: 100%; + overflow: hidden; +} + +.christmas_background{ + z-index: -101; + width: 300%; + height: 300%; + background: linear-gradient(-45deg, #2F0000, #C20A12); +} + +.sled { + width: 15rem; + height: 15rem; + transition: transform 2s ease-in 5s, rotate 1s ease-in-out 2s; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + background-image: url("static/images/themes/kerstmis/sled.svg"); +} + +.sled_wrapper{ + top: 0.5rem; + left: -7.5rem; + position: absolute; + transform: translate(-50vw, 40vh) rotate(0deg); + width: 15rem; + height: 15rem; + animation: sled 29s ease-in-out infinite; +} + +.snowman_wrapper{ + height: 17rem; + width: 10rem; + position: absolute; + bottom: 15rem; + left: -12rem; + animation: snowman 37s ease infinite; + transform-origin: right bottom; +} + +.snowman_head{ + position: absolute; + top: 0; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_head.svg"); + animation: snowman_head 2s ease infinite; +} +.snowman_body{ + position: absolute; + top: 9.5rem; + left: 0.5rem; + width: 10rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/snowman_body.svg") +} + +.train_button { + visibility: hidden; +} + +.train_wrapper{ + position: absolute; + bottom: 0.5rem; + transform: translateX(-80vw); + animation: train 47s linear infinite; +} +.wheel_big, .wheel_small { + position: absolute; + bottom: -0.4rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/wheel.svg"); + //transform: translate(0vw, 60vh); +} +.train { + position: absolute; + bottom: 0.5rem; + left: 30rem; + width: 30rem; + height: 10rem; + background-repeat: no-repeat; + background-size: contain; + background-image: url("static/images/themes/kerstmis/train.svg"); + animation: whobble 1s linear alternate-reverse infinite; +} + +.wheel_big { + width: 3.2rem; + height: 3.2rem; +} + +.wheel_small { + width: 2.5rem; + height: 2.5rem; +} + +.train .wheel1 { + animation: turn 2s linear infinite; + left: 3.5rem; +} + +.train .wheel2{ + animation: turn 2s linear infinite, -0.1s; + left: 7rem; +} + +.train .wheel3{ + animation: turn 2s linear infinite -0.3s; + left: 10.5rem; +} + +.train .wheel4{ + animation: turn 1.5s linear infinite -0.5s; + left: 13.9rem; +} + +.train .wheel5{ + animation: turn 1.5s linear infinite -0.7s; + left: 16.6rem; +} + +.zeus_wagon, .mc_wagon { + position: absolute; + bottom: 1.25rem; + width: 30rem; + height: 7.5rem; + background-repeat: no-repeat; + background-size: contain; + animation: whobble 1s linear alternate-reverse infinite; +} + +.mc_wagon { + background-image: url("static/images/themes/kerstmis/mc_wagon.svg"); + left: 0rem; +} + +.zeus_wagon { + background-image: url("static/images/themes/kerstmis/zeus_wagon.svg"); + left: 15rem; +} + +.zeus_wagon .wheel1, .mc_wagon .wheel1 { + animation: turn 2s linear infinite; + bottom: -1.1rem; + left: 2.2rem; +} + +.zeus_wagon .wheel2, .mc_wagon .wheel2{ + animation: turn 2s linear infinite, -0.1s; + bottom: -1.1rem; + left: 5.75rem; +} + +.zeus_wagon .wheel3, .mc_wagon .wheel3{ + animation: turn 2s linear infinite -0.3s; + bottom: -1.1rem; + left: 9.3rem; +} + +@keyframes sled { + 0% { + transform: translate(-50rem, 40vh) rotate(0deg); + } + 4% { + transform: translate(-50rem, 40vh) rotate(0deg); + } + 20% { + transform: translate(50vw,10vh) rotate(20deg); + } + 36% { + transform: translate(150vw,40vh) rotate(40deg); + } + 100% { + transform: translate(150vw,40vh) rotate(40deg); + } +} + +@keyframes train { + 0%{ + transform: translateX(-80rem); + } + 55%{ + transform: translateX(-80rem); + } + 85% { + transform: translateX(100vw); + } + 100%{ + transform: translateX(100vw); + } +} + + +@keyframes turn { + 100% { + transform: rotate(360deg); + } +} + +@keyframes whobble { + 100% { + transform: translateY(0.5vh); + } +} + +@keyframes snowman { + 0%{ + transform: rotate(-0); + } + 20%{ + transform: rotate(-0); + } + 30%{ + transform: rotate(80deg); + } + 54%{ + transform: rotate(80deg); + } + 68%{ + transform: rotate(-0); + } + 100%{ + transform: rotate(-0); + } +} +@keyframes snowman_head { + 0%{ + transform: rotate(-3deg); + } + 50% { + transform: rotate(3deg); + } + 100% { + transform: rotate(-3deg); + } +} diff --git a/app/static/css/themes/lowPerformance/lightmode.css b/app/static/css/themes/lowPerformance/lightmode.css new file mode 100644 index 0000000..841e7e9 --- /dev/null +++ b/app/static/css/themes/lowPerformance/lightmode.css @@ -0,0 +1,12 @@ +/*lightmode*/ +:root { + /*Darkmode colors*/ + --dGray0:#444444; + --dGray1:#666666; + --dGray2:#212121; + --dGray3:#ffffff; + --dGray4:#f9f9f9; + --dGray5:#ffffff; + --dGray6:#ffffff; + --dBlue:#0A84FF; +} diff --git a/app/static/css/themes/lowPerformance/sinterklaas.css b/app/static/css/themes/lowPerformance/sinterklaas.css new file mode 100644 index 0000000..66e8d40 --- /dev/null +++ b/app/static/css/themes/lowPerformance/sinterklaas.css @@ -0,0 +1,16 @@ +/*sinterklaas*/ +:root { + /*Darkmode colors*/ + --dGray0:#F2EB80; + --dGray1:#F2EF05; + --dGray2:#F2EF05; + --dGray3:#177EBF; + --dGray4:#0C6AA6; + --dGray5:#F20505; + --dGray6:#F50B00; + --dBlue:#35F546; +} + +.background{ + background-image: url("static/images/themes/sinterklaas/Sinterklaas.jpg"); +} \ No newline at end of file diff --git a/app/static/fonts/radikal_bold.ttf b/app/static/fonts/radikal_bold.ttf new file mode 100644 index 0000000..9795017 Binary files /dev/null and b/app/static/fonts/radikal_bold.ttf differ diff --git a/app/static/fonts/radikal_light.ttf b/app/static/fonts/radikal_light.ttf new file mode 100644 index 0000000..a988cfb Binary files /dev/null and b/app/static/fonts/radikal_light.ttf differ diff --git a/app/static/fonts/radikal_medium.ttf b/app/static/fonts/radikal_medium.ttf new file mode 100644 index 0000000..c70516d Binary files /dev/null and b/app/static/fonts/radikal_medium.ttf differ diff --git a/app/static/fonts/radikal_regular.ttf b/app/static/fonts/radikal_regular.ttf new file mode 100644 index 0000000..4e42e04 Binary files /dev/null and b/app/static/fonts/radikal_regular.ttf differ diff --git a/app/static/fonts/radikal_thin.ttf b/app/static/fonts/radikal_thin.ttf new file mode 100644 index 0000000..2b2baca Binary files /dev/null and b/app/static/fonts/radikal_thin.ttf differ diff --git a/app/static/images/Halloween.jpeg b/app/static/images/themes/halloween/Halloween.jpeg similarity index 100% rename from app/static/images/Halloween.jpeg rename to app/static/images/themes/halloween/Halloween.jpeg diff --git a/app/static/images/themes/kerstmis/mc_wagon.svg b/app/static/images/themes/kerstmis/mc_wagon.svg new file mode 100644 index 0000000..1be67fa --- /dev/null +++ b/app/static/images/themes/kerstmis/mc_wagon.svg @@ -0,0 +1 @@ +mc_wagon \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/merry_christmas.svg b/app/static/images/themes/kerstmis/merry_christmas.svg new file mode 100644 index 0000000..adbdba2 --- /dev/null +++ b/app/static/images/themes/kerstmis/merry_christmas.svg @@ -0,0 +1 @@ +merry_christmasfrom Arnhoudt \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/sled.svg b/app/static/images/themes/kerstmis/sled.svg new file mode 100644 index 0000000..458f4b0 --- /dev/null +++ b/app/static/images/themes/kerstmis/sled.svg @@ -0,0 +1 @@ +sled \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/snowman_body.svg b/app/static/images/themes/kerstmis/snowman_body.svg new file mode 100644 index 0000000..763592f --- /dev/null +++ b/app/static/images/themes/kerstmis/snowman_body.svg @@ -0,0 +1 @@ +snowman_body \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/snowman_head.svg b/app/static/images/themes/kerstmis/snowman_head.svg new file mode 100644 index 0000000..b685030 --- /dev/null +++ b/app/static/images/themes/kerstmis/snowman_head.svg @@ -0,0 +1 @@ +snowman_head \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/train.svg b/app/static/images/themes/kerstmis/train.svg new file mode 100644 index 0000000..05dafaf --- /dev/null +++ b/app/static/images/themes/kerstmis/train.svg @@ -0,0 +1 @@ +train \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/wheel.svg b/app/static/images/themes/kerstmis/wheel.svg new file mode 100644 index 0000000..5e2b45c --- /dev/null +++ b/app/static/images/themes/kerstmis/wheel.svg @@ -0,0 +1 @@ +wheel \ No newline at end of file diff --git a/app/static/images/themes/kerstmis/zeus_wagon.svg b/app/static/images/themes/kerstmis/zeus_wagon.svg new file mode 100644 index 0000000..b347dd4 --- /dev/null +++ b/app/static/images/themes/kerstmis/zeus_wagon.svg @@ -0,0 +1 @@ +zeus_wagon \ No newline at end of file diff --git a/app/static/images/Sinterklaas.jpg b/app/static/images/themes/sinterklaas/Sinterklaas.jpg similarity index 100% rename from app/static/images/Sinterklaas.jpg rename to app/static/images/themes/sinterklaas/Sinterklaas.jpg diff --git a/app/static/js/customThemes.js b/app/static/js/customThemes.js new file mode 100644 index 0000000..9737685 --- /dev/null +++ b/app/static/js/customThemes.js @@ -0,0 +1,11 @@ +function changeTheme() { + // Get the selected theme for the dropdown + var themes_select = document.getElementById("themes_select"); + var selected_theme = themes_select.options[themes_select.selectedIndex].text; + + // Update the theme cookie + document.cookie = "theme=" + escape(selected_theme) + "; Path=/;" + + // Finally reload the page to let the new theme take effect + location.reload(); +} \ No newline at end of file diff --git a/app/static/js/darkmode.js b/app/static/js/darkmode.js deleted file mode 100644 index c74145e..0000000 --- a/app/static/js/darkmode.js +++ /dev/null @@ -1,116 +0,0 @@ -{ - const init = () => { - const $darkmode = document.querySelector(".enter_darkmode"); - if($darkmode) $darkmode.addEventListener("click", ()=>toggleBetween("lightmode", "darkmode")); - const $customThemes = document.querySelector(".custom__themes"); - if($customThemes) $customThemes.addEventListener("click", ()=>toggleBetween("darkmode", "sinterklaas")); //TODO: Create automatic custom team selector - - reloadTheme(); - } - - const toggleBetween = (first, second) => { - if(localStorage.getItem("theme") == second){ - localStorage.setItem("theme", first) - }else{ - localStorage.setItem("theme", second) - } - reloadTheme(); - } - - const reloadTheme = () => { - if (typeof(Storage) !== "undefined") { - if(localStorage.getItem("theme") !== null){ - setTheme(); - }else if((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)){ - document.querySelector('body').classList.remove('lightmode'); - document.querySelector('body').classList.add('darkmode'); - } - } else { - console.log('You browser does not support local storage, no darkmode for you!' ) - } - } - - const setTheme = () =>{ - document.querySelector('body').classList.add('darkmode'); - switch(localStorage.getItem("theme")){ - case "halloween": - setThemeHalloween(); - break; - case "sinterklaas": - setThemeSinterklaas(); - break; - case "darkmode": - setThemeDarkMode(); - break; - case "lightmode": - default: - setThemeLightMode(); - break; - } - } - - //TODO: Use an external file to load themes - //TODO: Darkness and blur variables - - const setThemeLightMode = () => { - let root = document.documentElement; - root.style.setProperty('--dGray6', "#ffffff"); //Dark color - root.style.setProperty('--dGray5', "#ffffff"); - root.style.setProperty('--dGray4', "#f9f9f9"); - root.style.setProperty('--dGray3', "#ffffff"); - root.style.setProperty('--dGray2', "#212121"); - root.style.setProperty('--dGray1', "#666666"); - root.style.setProperty('--dGray0', "#444444"); //Light color - root.style.setProperty('--dBlue', "#0A84FF"); - root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif'); - root.style.setProperty('--FontSize', '13px'); - document.querySelector('.background').style.backgroundImage = 'none'; - } - - const setThemeDarkMode = () => { - let root = document.documentElement; - root.style.setProperty('--dGray6', "#1C1C1E"); //Dark color - root.style.setProperty('--dGray5', "#2C2C2E"); - root.style.setProperty('--dGray4', "#3A3A3C"); - root.style.setProperty('--dGray3', "#48484A"); - root.style.setProperty('--dGray2', "#636366"); - root.style.setProperty('--dGray1', "#8E8E93"); - root.style.setProperty('--dGray0', "#E0E0E8"); //Light color - root.style.setProperty('--dBlue', "#0A84FF"); - root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif'); - root.style.setProperty('--FontSize', '13px'); - document.querySelector('.background').style.backgroundImage = 'none'; - } - - const setThemeHalloween = () => { - let root = document.documentElement; - root.style.setProperty('--dGray6', "#260101"); //Dark color - root.style.setProperty('--dGray5', "#260101"); - root.style.setProperty('--dGray4', "#8C3D0F"); - root.style.setProperty('--dGray3', "#F27405"); - root.style.setProperty('--dGray2', "#F25C05"); - root.style.setProperty('--dGray1', "#F28705"); - root.style.setProperty('--dGray0', "#FFEB65"); //Light color - root.style.setProperty('--dBlue', "#D91604"); - root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif'); - root.style.setProperty('--FontSize', '13px'); - document.querySelector('.background').backgroundImage = "url('/static/images/Halloween.jpeg')"; - } - - const setThemeSinterklaas = () => { - let root = document.documentElement; - root.style.setProperty('--dGray6', "#F50B00"); //Dark color - root.style.setProperty('--dGray5', "#F20505"); - root.style.setProperty('--dGray4', "#0C6AA6"); - root.style.setProperty('--dGray3', "#177EBF"); - root.style.setProperty('--dGray2', "#F2EF05"); - root.style.setProperty('--dGray1', "#F2EF05"); - root.style.setProperty('--dGray0', "#F2EB80"); //Light color - root.style.setProperty('--dBlue', "#35F546"); - root.style.setProperty('--FontFamily', "cursive"); - root.style.setProperty('--FontSize', "20px"); - document.body.style.background = "#000000"; - document.querySelector('.background').style.backgroundImage = "url('/static/images/Sinterklaas.jpg')"; - } - init(); -} diff --git a/app/static/js/theme.js b/app/static/js/theme.js new file mode 100644 index 0000000..c780f1c --- /dev/null +++ b/app/static/js/theme.js @@ -0,0 +1,35 @@ + +{ + const init = () =>{ + document.cookie.split('; ').forEach(itCookie = cookie =>{ //I know that this is a shitty way of fixing things... But I'll try to fix it in the future. + if(cookie.split("=")[0] == "theme" && cookie.split("=")[1] == "darkmode"){ + document.querySelector(".toggleDarkmode").innerHTML = "Enter lightmode" + document.querySelector(".toggleDarkmode").id = "lightmode"; + } + + if(cookie.split("=")[0] == "theme" && cookie.split("=")[1] == "customTheme"){ + document.querySelector(".background").innerHTML = '
'; + } + if(cookie.split("=")[0] == "performance" && cookie.split("=")[1] == "highPerformance" && document.querySelector(".changePerformance")){ + document.querySelector(".changePerformance").innerHTML = "enable low performance"; + document.querySelector(".changePerformance").id = "lowPerformance"; + } + }); + document.querySelectorAll('.changeThemeButton').forEach(changeThemeButton= e => {e.addEventListener(`click`, handleClickChangeTheme)}); + document.querySelectorAll('.changePerformance').forEach(changeThemeButton= e => {e.addEventListener(`click`, handleClickChangePerformance)}); + } + + const handleClickChangePerformance = e => { + document.cookie = "performance = "+e.currentTarget.id+";path=/"; + location.reload(); + } + + const handleClickChangeTheme = e =>{ + document.cookie = "theme = "+e.currentTarget.id+";path=/"; + location.reload(); + } + + + + init(); +} \ No newline at end of file diff --git a/app/static/js/timer.js b/app/static/js/timer.js index f0872ee..05aaca1 100644 --- a/app/static/js/timer.js +++ b/app/static/js/timer.js @@ -4,13 +4,13 @@ $.ready(function(){ $('.time').each(function() { var timeEl = $( this ); - var time = timeEl.text().split(' ').slice(-1)[0].split(':'); + var time = timeEl.text().split(' ')[0].split(':'); if (timeEl.text().indexOf('closed') < 0) { window.setInterval(function () { time = my_tick(time); if (time !== "closed") { - timeS = "closes in " + ("0" + time[0]).slice(-2) + ":" + ("0" + time[1]).slice(-2) + ":" + ("0" + time[2]).slice(-2); + timeS = ("0" + time[0]).slice(-2) + ":" + ("0" + time[1]).slice(-2) + ":" + ("0" + time[2]).slice(-2) + " left"; } else { timeS = "closed" } diff --git a/app/templates/about.html b/app/templates/about.html index 8e6e333..3ba431d 100644 --- a/app/templates/about.html +++ b/app/templates/about.html @@ -3,5 +3,5 @@ {% block container %}

About

-

This is Haldis' about page. Doesn't he look good? Oh stop, you're making him blush.

+

Haldis is your friendly neighbourhood servant. He exists so lazy fucks like you and me don't need to keep tabs of who is ordering what from where.

{% endblock %} diff --git a/app/templates/home.html b/app/templates/home.html index 5b87aa7..7940944 100644 --- a/app/templates/home.html +++ b/app/templates/home.html @@ -4,13 +4,13 @@ {% import "utils.html" as util -%} {% block container %} -
-
+
+

Hi, I'm Haldis

-

What would you like to eat, sir?

+

What would you like to eat?

-
+
{% if orders|count > 0 -%}

Open orders:

diff --git a/app/templates/layout.html b/app/templates/layout.html index 0875a35..7e4bce1 100644 --- a/app/templates/layout.html +++ b/app/templates/layout.html @@ -24,17 +24,20 @@ Haldis - {{ active_page|capitalize }} {% block styles %} {{ super() }} + {% endblock %} {% block scripts %} {{ super() }} - + + {% endblock %} {% block navbar %}
+