diff --git a/app/app.py b/app/app.py index 9788e36..1761393 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) diff --git a/app/static/css/main.css b/app/static/css/main.css index 0e9b353..3920a3e 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -1,22 +1,12 @@ /* Custom CSS */ -:root { - /*Darkmode colors*/ - --dGray0:#D0D0D8; - --dGray1:#8E8E93; - --dGray2:#636366; - --dGray3:#48484A; - --dGray4:#3A3A3C; - --dGray5:#2C2C2E; - --dGray6:#1C1C1E; - --dBlue:#0A84FF; -} html { height: 100%; } body { padding-top: 70px; - + background-color: var(--dGray5); + color: var(--dGray1); height: 100%; } .background{ @@ -116,4 +106,100 @@ a.divLink { .hidden { display: none; +} + +.table-hover tbody tr:hover{ + background-color: var(--dGray3); +} +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/themes/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc b/app/static/css/themes/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc new file mode 100644 index 0000000..2cf0dc0 Binary files /dev/null and b/app/static/css/themes/.sass-cache/06e1af29809e921b9cdcfb5d5a159c7f3b45df89/style.scssc differ diff --git a/app/static/css/themes/darkmode.css b/app/static/css/themes/darkmode.css index babb53d..324f4a0 100644 --- a/app/static/css/themes/darkmode.css +++ b/app/static/css/themes/darkmode.css @@ -9,103 +9,4 @@ --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/themes/dataPrivacy.css b/app/static/css/themes/dataPrivacy.css new file mode 100644 index 0000000..cc063f7 --- /dev/null +++ b/app/static/css/themes/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/halloween.css b/app/static/css/themes/halloween.css index 3ef45cd..580ed15 100644 --- a/app/static/css/themes/halloween.css +++ b/app/static/css/themes/halloween.css @@ -11,105 +11,6 @@ --dGray6:#260101; --dBlue:#D91604; } -.background{ - background-image: url("static/images/Halloween.jpeg"); -} .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; + background-image: url("static/images/themes/halloween/Halloween.jpeg"); } \ No newline at end of file diff --git a/app/static/css/themes/kerstmis.css b/app/static/css/themes/kerstmis.css deleted file mode 100644 index 806ddb2..0000000 --- a/app/static/css/themes/kerstmis.css +++ /dev/null @@ -1,100 +0,0 @@ -/*kerstmis*/ -.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/themes/kerstmis.css.map b/app/static/css/themes/kerstmis.css.map new file mode 100644 index 0000000..b54ebb2 --- /dev/null +++ b/app/static/css/themes/kerstmis.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA,aAAa;AACb,KAAM;EACL,mBAAmB;EACnB,QAAQ,CAAC,OAAO;EAChB,QAAQ,CAAC,KAAK;EACd,QAAQ,CAAC,OAAO;EAChB,QAAQ,CAAC,OAAO;EAChB,QAAQ,CAAC,OAAO;EAChB,QAAQ,CAAC,OAAO;EAChB,QAAQ,CAAC,OAAO;EAChB,OAAO,CAAC,OAAO;;AAEd,IAAI;EACH,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,sDAAsD;;AAEpE,IAAI;EACH,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,wDAAwD;EACrE,gBAAgB,EAAE,yCAAwC;;AAE3D,OAAQ;EACP,WAAW,EAAE,wDAAwD;EACrE,OAAO,EAAE,MAAM;EACjB,gBAAgB,EAAE,WAAW;EAC7B,kBAAkB,EAAE,IAAI;EACxB,UAAU,EAAE,IAAI;EAChB,cAAc,EAAE,UAAU;;AAGzB,KAAK;EACJ,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;;AAGxB,kBAAkB;EACjB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,MAAM;;AAEhB,eAAe;EACd,WAAW,EAAE,MAAM;;AAEpB,WAAY;EACX,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,YAAY;EAC7B,WAAW,EAAE,QAAQ;;AAEtB,cAAc;EACb,OAAO,EAAE,SAAS;EAClB,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,GAAG;EACV,aAAa,EAAE,MAAM;;AAEtB,gBAAgB;EACf,OAAO,EAAE,IAAI;;AAGd,gBAAiB;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;;AAGjB,aAAc;EACb,KAAK,EAAE,IAAI;;AAGZ,SAAU;EACT,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,yCAAwC;EACpD,eAAe,EAAE,IAAI;EACrB,uBAAuB,EAAE,IAAI;EAC7B,uBAAuB,EAAE,WAAW;;AAGrC,sBAAsB;EACrB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;;AAGxB,UAAW;EACV,UAAU,EAAE,KAAK;EACjB,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,YAAY,EAAE,KAAK;;AAGpB,6BAA6B;EAC5B,KAAK,EAAE,OAAkB;EACzB,aAAa,EAAE,iBAA4B;EAC3C,cAAc,EAAE,IAAI;;AAErB,WAAW;EACV,YAAY,EAAE,IAAI;;AAEnB,mBAAoB;EACnB,UAAU,EAAE,0DAAyD;EACrE,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,aAAa,EAAE,IAAI;;AAEpB,eAAY;EACX,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,IAAI;;AAElB,UAAW;EACZ,gBAAgB,EAAE,WAAW;;AAE5B,kFAAkF;EACnF,gBAAgB,EAAE,WAAW;;AAG5B,WAAY;EACb,cAAc,EAAE,yBAAyB;EACzC,WAAW,EAAE,yBAAyB;EACtC,SAAS,EAAE,yBAAyB;EACpC,UAAU,EAAE,yBAAyB;EACrC,MAAM,EAAE,yBAAyB;EACjC,QAAQ,EAAE,KAAK;EACf,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;;AAGR,mBAAoB;EACnB,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;;AAGjB,qBAAqB;EACpB,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,yCAAyC;EACrD,SAAS,EAAE,4BAA4B;;AAGxC,KAAM;EACL,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,iDAAiD;EAC7D,iBAAiB,EAAE,SAAS;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,eAAe,EAAE,OAAO;EACxB,gBAAgB,EAAE,6BAA6B;;AAGhD,aAAa;EACZ,GAAG,EAAE,MAAM;EACX,IAAI,EAAE,OAAO;EACb,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,mCAAmC;EAC9C,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,SAAS,EAAE,6BAA6B;;AAGzC,2CAA2C;EAC1C,oBAAoB,EAAE,MAAM;;AAG7B,iDAAiD;EAChD,SAAS,EAAE,+BAA+B;;AAG3C,gBAAgB;EACf,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,KAAK;EACb,IAAI,EAAE,MAAM;EACZ,SAAS,EAAE,yBAAyB;EACpC,gBAAgB,EAAE,YAAY;;AAI/B,aAAa;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,gBAAgB,EAAE,qCAAqC;EACvD,SAAS,EAAE,6BAA6B;;AAEzC,aAAa;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,MAAM;EACX,IAAI,EAAE,MAAM;EACZ,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,gBAAgB,EAAE,qCACnB;;AAEA,wCAAwC;EACvC,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,mBAAmB,EAAE,MAAM;EAC3B,gBAAgB,EAAE,wCAAwC;EAC1D,eAAe,EAAE,IAAI;EACrB,iBAAiB,EAAE,SAAS;EAC5B,SAAS,EAAE,gCAAgC;;AAG5C,aAAc;EACb,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,wCAAwC;EACnD,MAAM,EAAE,MAAM;EACd,IAAI,EAAE,IAAI;EACV,SAAS,EAAE,gCAAgC;EAC3C,OAAO,EAAE,CAAC;;AAGX,cAAc;EACb,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,iBAAiB;EAC5B,SAAS,EAAE,yBAAyB;;AAErC,wBAAyB;EACxB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,gBAAgB,EAAE,8BAA8B;;AAGjD,MAAO;EACN,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,MAAM;EACd,IAAI,EAAE,KAAK;EACX,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,gBAAgB,EAAE,8BAA8B;EAChD,SAAS,EAAE,4CAA4C;;AAGxD,UAAW;EACV,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;;AAGf,YAAa;EACZ,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;;AAGf,cAAe;EACd,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE,MAAM;;AAGb,cAAc;EACb,SAAS,EAAE,8BAA8B;EACzC,IAAI,EAAE,IAAI;;AAGX,cAAc;EACb,SAAS,EAAE,6BAA6B;EACxC,IAAI,EAAE,OAAO;;AAGd,cAAc;EACb,SAAS,EAAE,+BAA+B;EAC1C,IAAI,EAAE,OAAO;;AAGd,cAAc;EACb,SAAS,EAAE,+BAA+B;EAC1C,IAAI,EAAE,OAAO;;AAGd,sBAAuB;EACtB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,MAAM;EACd,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,SAAS,EAAE,4CAA4C;;AAGxD,SAAU;EACT,gBAAgB,EAAE,iCAAiC;EACnD,IAAI,EAAE,IAAI;;AAGX,WAAY;EACX,gBAAgB,EAAE,mCAAmC;EACrD,IAAI,EAAE,KAAK;;AAGZ,sCAAuC;EACtC,SAAS,EAAE,uBAAuB;EAClC,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,MAAM;;AAGb,sCAAsC;EACrC,SAAS,EAAE,8BAA8B;EACzC,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,OAAO;;AAGd,sCAAsC;EACrC,SAAS,EAAE,6BAA6B;EACxC,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,MAAM;;AAgBb,KAAM;EACF,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAC,MAAM;EACV,cAAc,EAAE,IAAI;EACpB,yBAAyB,EAAE,MAAM;EACjC,yBAAyB,EAAE,QAAQ;;AAEvC,OAAQ;EACJ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAC,WAAW;EAClB,UAAU,EAAE,+wFAAM;EAClB,kBAAkB,EAAE,GAAG;;AAE3B,SAAU;EACN,eAAe,EAAE,GAAG;;AAExB,OAAQ;EACJ,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;EACd,MAAM,EAAC,SAAS;EAChB,UAAU,EAAE,gxFAAM;EAClB,kBAAkB,EAAE,GAAG;;AAE3B,SAAU;EACN,eAAe,EAAE,IAAI;;AAEzB,OAAQ;EACJ,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;EACd,MAAM,EAAC,SAAS;EAChB,UAAU,EAAE,kwFAAM;EAClB,kBAAkB,EAAE,GAAG;;AAE3B,SAAU;EACN,eAAe,EAAE,IAAI;;AAEzB,eAEC;EADA,IAAK;IAAC,SAAS,EAAE,iBAAiB;AAEnC,qBAUC;EATA,EAAG;IACF,SAAS,EAAE,qBAAoB;EAEhC,GAAI;IACH,SAAS,EAAE,qBAAoB;EAEhC,IAAK;IACJ,SAAS,EAAE,qBAAoB;AAIjC,eAgBC;EAfA,EAAG;IACF,SAAS,EAAE,oCAAoC;EAEhD,EAAG;IACF,SAAS,EAAE,oCAAoC;EAEhD,GAAI;IACH,SAAS,EAAE,mCAAkC;EAE9C,GAAI;IACH,SAAS,EAAE,oCAAmC;EAE/C,IAAK;IACJ,SAAS,EAAE,oCAAmC;AAIhD,gBAaC;EAZA,EAAE;IACD,SAAS,EAAE,kBAAkB;EAE9B,GAAG;IACF,SAAS,EAAE,kBAAkB;EAE9B,GAAI;IACH,SAAS,EAAE,iBAAiB;EAE7B,IAAI;IACH,SAAS,EAAE,iBAAiB;AAI9B,uBAaC;EAZA,EAAE;IACD,SAAS,EAAE,uCAAuC;EAEnD,GAAG;IACF,SAAS,EAAE,uCAAuC;EAEnD,GAAG;IACF,SAAS,EAAE,sCAAsC;EAElD,IAAK;IACJ,SAAS,EAAE,sCAAsC;AAKnD,eAIC;EAHA,IAAK;IACJ,SAAS,EAAE,cAAc;AAI3B,kBAIC;EAHA,IAAK;IACJ,SAAS,EAAE,iBAAiB;AAI9B,kBAmBC;EAlBA,EAAE;IACD,SAAS,EAAE,SAAU;EAEtB,GAAG;IACF,SAAS,EAAE,SAAU;EAEtB,GAAG;IACF,SAAS,EAAE,aAAa;EAEzB,GAAG;IACF,SAAS,EAAE,aAAa;EAEzB,GAAG;IACF,SAAS,EAAE,SAAU;EAEtB,IAAI;IACH,SAAS,EAAE,SAAU;AAGvB,uBAUC;EATA,EAAE;IACD,SAAS,EAAE,aAAa;EAEzB,GAAI;IACH,SAAS,EAAE,YAAY;EAExB,IAAK;IACJ,SAAS,EAAE,aAAa;AAI1B,0BAUC;EATA,EAAE;IACD,OAAO,EAAE,GAAG;EAEb,GAAI;IACH,OAAO,EAAE,GAAG;EAEb,IAAK;IACJ,OAAO,EAAE,GAAG", +"sources": ["style.scss"], +"names": [], +"file": "kerstmis.css" +} \ No newline at end of file diff --git a/app/static/css/themes/kerstmis.scss b/app/static/css/themes/kerstmis.scss new file mode 100644 index 0000000..12dee3c --- /dev/null +++ b/app/static/css/themes/kerstmis.scss @@ -0,0 +1,495 @@ +/*lightmode*/ +:root { + /*Darkmode colors*/ + --dGray0:#F28705; + --dGray1:white; + --dGray2:#590212; + --dGray3:#590212; + --dGray4:#274001; + --dGray5:#274001; + --dGray6:#F2778D; + --dBlue:#F2778D; + } + body{ + height: 100%; + font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; + } + .btn{ + border-radius: 5rem; + color: white; + font-family: Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif; + background-image: linear-gradient(-40deg,#F53030, #F58B9E); + } + .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; + } + + .main{ + width: 100%; + display: flex; + justify-content: center; + } + + .navbar .container{ + width: 100%; + padding: 0 8rem; + } + body .container{ + padding-top: 2.5rem; + } + .order_data { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-around; + align-items: baseline; + } + .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%; + text-align: center; + } + + .hi_im_haldis { + width: 100%; + } + + .home_sir { + font-weight: bold; + background: linear-gradient(-40deg,#F53030, #F58B9E); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + + .expand_button_wrapper{ + 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 { + background: linear-gradient(-40deg,rgba(240, 192, 157, 0.5), #F58B9E); + display: flex; + flex-direction: column; + border-radius: 4rem; + } + .row>div>h5 { + font-weight: bold; + padding-top: 1rem; + } + .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; } + + +.background_wrapper { + position: absolute; + left: 0; + top: 0; + 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/lightmode.css b/app/static/css/themes/lightmode.css index 922fe9c..841e7e9 100644 --- a/app/static/css/themes/lightmode.css +++ b/app/static/css/themes/lightmode.css @@ -10,103 +10,3 @@ --dGray6:#ffffff; --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/themes/sinterklaas.css b/app/static/css/themes/sinterklaas.css index 5aa555e..66e8d40 100644 --- a/app/static/css/themes/sinterklaas.css +++ b/app/static/css/themes/sinterklaas.css @@ -11,105 +11,6 @@ --dBlue:#35F546; } -.table-hover tbody tr:hover{ - background-color: var(--dGray3); -} .background{ - background-image: url("static/images/Sinterklaas.jpg"); -} -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; + background-image: url("static/images/themes/sinterklaas/Sinterklaas.jpg"); } \ No newline at end of file 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/theme.js b/app/static/js/theme.js index a121175..e3d6169 100644 --- a/app/static/js/theme.js +++ b/app/static/js/theme.js @@ -6,6 +6,9 @@ document.querySelector(".toggleDarkmode").innerHTML = "Enter lightmode" document.querySelector(".toggleDarkmode").id = "lightmode" } + if(cookie.split("=")[0] == "theme" && cookie.split("=")[1] == "kerstmis"){ + document.querySelector(".background").innerHTML = '
'; + } }); document.querySelectorAll('.changeThemeButton').forEach(changeThemeButton= e => {e.addEventListener(`click`, handleClickChangeTheme)}); } diff --git a/app/templates/home.html b/app/templates/home.html index 5b87aa7..24a680a 100644 --- a/app/templates/home.html +++ b/app/templates/home.html @@ -5,12 +5,12 @@ {% block container %}
-
+

Hi, I'm Haldis

-

What would you like to eat, sir?

+

What would you like to eat, sir?

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

Open orders:

diff --git a/app/templates/layout.html b/app/templates/layout.html index d79f1a1..45dbb67 100644 --- a/app/templates/layout.html +++ b/app/templates/layout.html @@ -71,7 +71,7 @@ Haldis - {{ active_page|capitalize }} {% block content -%} {{ utils.flashed_messages(container=True) }} -
+
{% block container -%} {%- endblock %}
diff --git a/app/templates/utils.html b/app/templates/utils.html index 78dcbd4..1049b74 100644 --- a/app/templates/utils.html +++ b/app/templates/utils.html @@ -1,15 +1,15 @@ {% macro render_order(order) -%}
-
+
{{ order.location.name }}
-

+ {{ order.items.count() }} orders

+

{% if order.stoptime %} - Closing time: {{ order.stoptime.strftime("%H:%M") }} ({{ order.stoptime|countdown }}) + Closes {{ order.stoptime.strftime("%H:%M") }}{{ order.stoptime|countdown }} {% else %}open{% endif %}
- Orders: {{ order.items.count() }}

-
- Expand +
+ Expand
{%- endmacro %} diff --git a/app/views/general.py b/app/views/general.py index fc13ae3..1b3795e 100644 --- a/app/views/general.py +++ b/app/views/general.py @@ -37,7 +37,7 @@ def css(): else: f = open("app/static/css/themes/"+request.cookies['theme']+".css") else: - f = open("app/static/css/main.css") + f = open("app/static/css/lightmode.css") response = make_response(f.read()) response.headers['Content-Type'] = 'text/css' return response