From a1b686bbbd19196243ad2c331c65eed8b7009112 Mon Sep 17 00:00:00 2001 From: tsmitty11 Date: Fri, 2 Jun 2023 15:11:42 +0100 Subject: [PATCH] Superfluous CSS files removed --- src/static/css/accordion.css | 325 ------------- src/static/css/animations.css | 100 ---- src/static/css/basic.css | 64 --- src/static/css/buttons.css | 709 ----------------------------- src/static/css/footer.css | 36 -- src/static/css/generative-art.css | 729 ------------------------------ src/static/css/navbar.css | 1 - src/static/css/nebraska-man.css | 94 ---- src/static/css/package-grid.css | 5 - src/static/css/products.css | 207 --------- src/static/css/text-flicker.css | 48 -- src/static/css/white-paper.css | 93 ---- 12 files changed, 2411 deletions(-) delete mode 100644 src/static/css/accordion.css delete mode 100644 src/static/css/animations.css delete mode 100644 src/static/css/basic.css delete mode 100644 src/static/css/buttons.css delete mode 100644 src/static/css/footer.css delete mode 100644 src/static/css/generative-art.css delete mode 100644 src/static/css/navbar.css delete mode 100644 src/static/css/nebraska-man.css delete mode 100644 src/static/css/package-grid.css delete mode 100644 src/static/css/products.css delete mode 100644 src/static/css/text-flicker.css delete mode 100644 src/static/css/white-paper.css diff --git a/src/static/css/accordion.css b/src/static/css/accordion.css deleted file mode 100644 index a400e4d..0000000 --- a/src/static/css/accordion.css +++ /dev/null @@ -1,325 +0,0 @@ -@media only screen and (min-width: 1200px) { - - .accordion-button{ - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - height: 8.37vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border-top: 1px solid #949494; - border-bottom: 1px solid #949494; - color: #ffffff; - } - - .accordion-button:hover{ - background-color: #4d4d4d; - } - - .accordion-button:active{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:focus{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:not(.collapsed){ - background-color: #8000ff; - color: #ffffff; - border:none; - } - - .accordion-button:not(.collapsed)::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(90deg); - } - - .accordion-button::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(0deg); - order:-1; - margin-left: 0; - margin-right: 1vw !important; - } - - .accordion-body{ - padding: 4.185vw 0vw; - background-color: #1a1a1a; - color: #ffffff; - font-family: "sono", sans-serif; - } - - .accordion-item{ - border: none !important; - } - - .accordion-button, - .accordion-body{ - padding-left: 8.185vw !important; - padding-right: 8.185vw !important; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .accordion-button{ - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - height: 8.37vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border-top: 1px solid #949494; - border-bottom: 1px solid #949494; - color: #ffffff; - } - - .accordion-button:hover{ - background-color: #4d4d4d; - } - - .accordion-button:active{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:focus{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:not(.collapsed){ - background-color: #8000ff; - color: #ffffff; - border:none; - } - - .accordion-button:not(.collapsed)::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(90deg); - } - - .accordion-button::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(0deg); - order:-1; - margin-left: 0; - margin-right: 1vw; - } - - .accordion-body{ - padding: 4.185vw 0vw; - background-color: #1a1a1a; - color: #ffffff; - font-family: "sono", sans-serif; - } - - .accordion-item{ - border: none !important; - } - - .accordion-button, - .accordion-body{ - padding-left: 8.185vw !important; - padding-right: 8.185vw !important; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .accordion-button{ - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - height: 8.37vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border-top: 1px solid #949494; - border-bottom: 1px solid #949494; - color: #ffffff; - } - - .accordion-button:hover{ - background-color: #4d4d4d; - } - - .accordion-button:active{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:focus{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:not(.collapsed){ - background-color: #8000ff; - color: #ffffff; - border:none; - } - - .accordion-button:not(.collapsed)::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(90deg); - } - - .accordion-button::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(0deg); - order:-1; - margin-left: 0; - margin-right: 1vw; - } - - .accordion-body{ - padding: 4.185vw 0vw; - background-color: #1a1a1a; - color: #ffffff; - font-family: "sono", sans-serif; - } - - .accordion-item{ - border: none !important; - } - - .accordion-button, - .accordion-body{ - padding-left: 8.185vw !important; - padding-right: 8.185vw !important; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .accordion-button{ - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - height: 8.37vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border-top: 1px solid #949494; - border-bottom: 1px solid #949494; - color: #ffffff; - } - - .accordion-button:hover{ - background-color: #4d4d4d; - } - - .accordion-button:active{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:focus{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:not(.collapsed){ - background-color: #8000ff; - color: #ffffff; - border:none; - } - - .accordion-button:not(.collapsed)::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(90deg); - } - - .accordion-button::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(0deg); - order:-1; - margin-left: 0; - margin-right: 1vw; - } - - .accordion-body{ - padding: 4.185vw 0vw; - background-color: #1a1a1a; - color: #ffffff; - font-family: "sono", sans-serif; - } - - .accordion-item{ - border: none !important; - } - - .accordion-button, - .accordion-body{ - padding-left: 8.185vw !important; - padding-right: 8.185vw !important; - } - -} - -@media only screen and (max-width: 576px) { - - .accordion-button{ - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - height: 22vw; - line-height: 1.5vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border-top: 1px solid #949494; - border-bottom: 1px solid #949494; - color: #ffffff; - } - - .accordion-button:hover{ - background-color: #4d4d4d; - } - - .accordion-button:active{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:focus{ - outline: none !important; - box-shadow: none !important; - } - - .accordion-button:not(.collapsed){ - background-color: #8000ff; - color: #ffffff; - border:none; - } - - .accordion-button:not(.collapsed)::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(90deg); - } - - .accordion-button::after { - background-image: url(/Images/enter-icon.svg); - transform: rotate(0deg); - order:-1; - margin-left: 0; - margin-right: 6vw !important; - } - - .accordion-body{ - padding: 4.185vw 0vw; - background-color: #1a1a1a; - color: #ffffff; - font-family: "sono", sans-serif; - } - - .accordion-item{ - border: none !important; - } - - .accordion-button, - .accordion-body{ - padding-left: 7vw !important; - padding-right: 7vw !important; - } - -} diff --git a/src/static/css/animations.css b/src/static/css/animations.css deleted file mode 100644 index 8d0442d..0000000 --- a/src/static/css/animations.css +++ /dev/null @@ -1,100 +0,0 @@ -/* Fade in and up animations - declared with the following classes: */ - -@keyframes fadeInUp { - from { - transform: translate3d(0,40px,0) - } - - to { - transform: translate3d(0,0,0); - opacity: 1 - } -} - -@-webkit-keyframes fadeInUp { - from { - transform: translate3d(0,40px,0) - } - - to { - transform: translate3d(0,0,0); - opacity: 1 - } -} - -.animated-5 { - animation-duration: 1s; - animation-delay: .5s; - animation-fill-mode: both; - -webkit-animation-duration: 1s; - -webkit-animation-fill-mode: both -} - -.animated-25 { - animation-duration: 1s; - animation-delay: .25s; - animation-fill-mode: both; - -webkit-animation-duration: 1s; - -webkit-animation-fill-mode: both -} - -.animatedFadeInUp { - opacity: 0 -} - -.fadeInUp { - opacity: 0; - animation-name: fadeInUp; - -webkit-animation-name: fadeInUp; -} - -/* Text Flicker Animation */ - -/* -h1{ - animation: text-flicker 1.5s linear; - transition: 0.2s ease-out; -} - -@keyframes text-flicker { - 0% { - opacity:.1; - } - - 2% { - opacity:1; - } - 8% { - opacity:0.1; - } - 9% { - opacity:1; - } - 12% { - opacity:0.1; - } - 20% { - opacity:1; - } - 25% { - opacity:0.3; - } - 30% { - opacity:1; - } - - 70% { - opacity:0.7; - } - - 72% { - opacity:0.2; - } - - 77% { - opacity:.9; - } - 100% { - opacity:.9; - } -} diff --git a/src/static/css/basic.css b/src/static/css/basic.css deleted file mode 100644 index 7845e5f..0000000 --- a/src/static/css/basic.css +++ /dev/null @@ -1,64 +0,0 @@ -/* Basic sample */ - -.latest-container{ - overflow:hidden; - background-color:#1a1a1a; - margin:0; - padding:0; -} - -.flipbook-viewport{ - overflow:hidden; - width:100%; - height:100%; -} - -.flipbook-viewport .container{ - top:50%; - left:50%; - margin:auto; -} - -.flipbook-viewport .flipbook{ - width:922px; - height:600px; -} - -.flipbook-viewport .page{ - width:461px; - height:600px; - background-color:white; - background-repeat:no-repeat; - background-size:100% 100%; -} - -.flipbook .page{ - -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); - -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); - -ms-box-shadow:0 0 20px rgba(0,0,0,0.2); - -o-box-shadow:0 0 20px rgba(0,0,0,0.2); - box-shadow:0 0 20px rgba(0,0,0,0.2); -} - -.flipbook-viewport .page img{ - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin:0; -} - -.flipbook-viewport .shadow{ - -webkit-transition: -webkit-box-shadow 0.5s; - -moz-transition: -moz-box-shadow 0.5s; - -o-transition: -webkit-box-shadow 0.5s; - -ms-transition: -ms-box-shadow 0.5s; - - -webkit-box-shadow:0 0 20px #ccc; - -moz-box-shadow:0 0 20px #ccc; - -o-box-shadow:0 0 20px #ccc; - -ms-box-shadow:0 0 20px #ccc; - box-shadow:0 0 20px #ccc; -} diff --git a/src/static/css/buttons.css b/src/static/css/buttons.css deleted file mode 100644 index ff97810..0000000 --- a/src/static/css/buttons.css +++ /dev/null @@ -1,709 +0,0 @@ -/* Full-Width CTA */ - -@media only screen and (min-width: 1200px) { - - .btn-primary{ - padding: 2.455vw 4.185vw; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 2vw; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - transition: 0.2s linear; - } - - .btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; - border-left-color:#00ffd0; - border-right-color:#00ffd0; - box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; - padding: 2.455vw 5.580vw; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - } - - .button-container{ - padding: 0vw 8.929vw; - } - - /* Icon Styling */ - - .btn-primary .icon-enter-arrow, - .btn-primary .icon-download-arrow{ - display: inline-block; - position: relative; - margin-right: 0.558vw; - transition: 0.2s linear; - } - - .btn-primary:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .btn-primary{ - padding: 3.5vw 4.185vw; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 2vw; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - transition: 0.2s linear; - } - - .btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; - border-left-color:#00ffd0; - border-right-color:#00ffd0; - box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - } - - .dev-count{ - font-size: 1.2vw !important; - } - - .button-container{ - padding: 0vw 11vw !important; - } - - /* Icon Styling */ - - .btn-primary .icon-enter-arrow{ - display: inline-block; - position: relative; - margin-right: 0.558vw; - transition: 0.2s linear; - } - - .btn-primary:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .btn-primary{ - padding: 2.455vw 4.185vw; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 2vw; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - transition: 0.2s linear; - } - - .btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; - border-left-color:#00ffd0; - border-right-color:#00ffd0; - box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; - padding: 2.455vw 5.580vw; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - } - - .button-container{ - padding: 0vw 8.929vw; - } - - /* Icon Styling */ - - .btn-primary .icon-enter-arrow{ - display: inline-block; - position: relative; - margin-right: 0.558vw; - transition: 0.2s linear; - } - - .btn-primary:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px){ - - .btn-primary{ - padding: 5vw 4vw !important; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 3.5vw; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - transition: 0.2s linear; - } - - .btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; - border-left-color:#00ffd0; - border-right-color:#00ffd0; - box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; - padding: 2.455vw 5.580vw; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - } - - .button-container{ - padding: 0vw 8.929vw; - } - - .dev-count{ - display: none; - } - - /* Icon Styling */ - - .btn-primary .icon-enter-arrow{ - display: inline-block; - position: relative; - margin-right: 0.558vw; - transition: 0.2s linear; - } - - .btn-primary:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (max-width: 576px) { - - .btn-primary{ - padding: 7.5vw 7.5vw !important; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 4vw !important; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - transition: 0.2s linear; - } - - .btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; - border-left-color:#00ffd0; - border-right-color:#00ffd0; - box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important; - padding: 7.5vw 11.200vw; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; - } - - .button-container{ - padding: 0vw 13vw !important; - } - - .dev-count{ - display: none; - } - - /* Icon Styling */ - - .btn-primary .icon-enter-arrow{ - display: inline-block; - position: relative; - margin-right: 3vw; - transition: 0.2s linear; - } - - .btn-primary:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - - - -/* Detail Button - Large */ - -@media only screen and (min-width: 1200px) { - - .detail-btn-large{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 16px; - background-color: #1a1a1a; - border: .5px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 375px; - height: 75px; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - } - - /* Icon Styling */ - - .detail-btn-large .icon-enter-arrow{ - display: inline-block; - position: relaitve; - margin-right: 0.558vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .detail-btn-large{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 16px; - background-color: #1a1a1a; - border: .5px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 300px; - height: 60px; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - } - - /* Icon Styling */ - - .detail-btn-large .icon-enter-arrow{ - display: inline-block; - position: relaitve; - margin-right: 0.558vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .detail-btn-large{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 14px; - background-color: #1a1a1a; - border: .5px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 250px; - height: 50px; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - } - - /* Icon Styling */ - - .detail-btn-large .icon-enter-arrow{ - display: inline-block; - position: relaitve; - margin-right: 0.558vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .detail-btn-large{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 14px; - background-color: #1a1a1a; - border: .5px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 250px; - height: 50px; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - } - - /* Icon Styling */ - - .detail-btn-large .icon-enter-arrow{ - display: inline-block; - position: relaitve; - margin-right: 0.558vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -@media only screen and (max-width: 576px) { - - .detail-btn-large{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 3vw; - background-color: #1a1a1a; - border: 1px solid #ffffff !important; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 100%; - height: 14vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important; - } - - /* Icon Styling */ - - .detail-btn-large .icon-enter-arrow{ - display: inline-block; - position: relative; - margin-right: 2vw; - transition: 0.2s ease-in-out; - } - - .detail-btn-large:hover .icon-enter-arrow{ - display: inline-block; - transform: rotate(-45deg) !important; - } - -} - -/* Dropdown Button - Large */ - -@media only screen and (min-width: 1200px) { - - .languages{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif !important; - font-size: 1.116vw; - border-radius: 0px !important; - background-color: #1a1a1a; - border: 1px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 25.000vw; - height: 4.185vw; - transition: 0.2s ease-in-out; - } - - .languages:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - border: 1px solid #ffffff; - } - - .languages:focus{ - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - border: 1px solid #ffffff; - } - - #language-selector{ - background-color: #1a1a1a; - width: 25vw; - border-radius: 0px; - border: 1px solid #949494; - } - - #language-selector a{ - color: #fff !important; - } - - #language-selector a:hover{ - color: #1a1a1a !important; - background-color: #00ffd0; - } - - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .languages{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif !important; - font-size: 1.116vw; - background-color: #1a1a1a; - border: 1px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 25.000vw; - height: 4.185vw; - transition: 0.2s ease-in-out; - border: 1px solid #ffffff; - } - - .languages:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - border: 1px solid #ffffff; - } - - .languages:focus{ - background-color: #1a1a1a !important; - border: 1px solid #ffffff; - } - - #language-selector{ - background-color: #1a1a1a; - width: 25vw; - border-radius: 0px; - border: 1px solid #949494; - } - - #language-selector a{ - color: #fff !important; - } - - #language-selector a:hover{ - color: #1a1a1a !important; - background-color: #00ffd0; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .languages{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 1.116vw; - background-color: #1a1a1a; - border: 1px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 25.000vw; - height: 4.185vw; - transition: 0.2s ease-in-out; - border: 1px solid #ffffff; - } - - .languages:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - border: 1px solid #ffffff; - } - - .languages:focus{ - background-color: #1a1a1a !important; - border: 1px solid #ffffff; - } - - #language-selector{ - background-color: #1a1a1a; - width: 25vw; - border-radius: 0px; - border: 1px solid #949494; - } - - #language-selector a{ - color: #fff !important; - } - - #language-selector a:hover{ - color: #1a1a1a !important; - background-color: #00ffd0; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .languages{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 1.116vw; - background-color: #1a1a1a; - border: 1px solid #ffffff; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 25.000vw; - height: 4.185vw; - transition: 0.2s ease-in-out; - border: 1px solid #ffffff; - } - - .languages:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; - border: 1px solid #ffffff; - } - - .languages:focus{ - background-color: #1a1a1a !important; - border: 1px solid #ffffff; - } - - #language-selector{ - background-color: #1a1a1a; - width: 25vw; - border-radius: 0px; - border: 1px solid #949494; - } - - #language-selector a{ - color: #fff !important; - } - - #language-selector a:hover{ - color: #1a1a1a !important; - background-color: #00ffd0; - } - -} - -@media only screen and (max-width: 576px) { - - .languages{ - display:inline-block; - font-family: "pp-neue-machina", sans-serif; - font-size: 3vw; - background-color: #1a1a1a; - border: 1px solid #ffffff !important; - color: #fff; - padding-top: 0.279vw; - text-decoration: none; - text-transform: uppercase; - width: 100%; - height: 14vw; - transition: 0.2s ease-in-out; - border: 1px solid #ffffff; - border-radius: 0px; - } - - .languages:hover{ - background-color: #8000ff; - box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important; - border: 1px solid #ffffff; - } - - .languages:focus{ - background-color: #1a1a1a !important; - border: 1px solid #ffffff; - outline: none !important; - } - - #language-selector{ - background-color: #1a1a1a; - width: 100%; - border-radius: 0px; - border: 1px solid #949494; - } - - #language-selector a{ - color: #fff !important; - } - - #language-selector a:hover{ - color: #1a1a1a !important; - background-color: #00ffd0; - } - -} diff --git a/src/static/css/footer.css b/src/static/css/footer.css deleted file mode 100644 index 42de566..0000000 --- a/src/static/css/footer.css +++ /dev/null @@ -1,36 +0,0 @@ -/* Footer Styling */ - - .social-box{ - border-radius: 0px !important; - border: 2px solid #949494; - background-color: none; - } - - .list-group{ - border-radius: 0px !important; - } - - .list-group-item{ - background-color: #1a1a1a !important; - padding: 1.116vw; - font-size: 1.562vw; - color: #fff; - font-family: "inter", sans-serif !important; - text-transform: uppercase; - border-bottom: 2px solid #949494; - transition: 0.2s ease-in-out; - } - - .footer-content{ - padding-right: 5.580vw; - } - - .social-icon{ - margin-right: 1.116vw !important; - position: relative; - top: 0.167vw; - } - - .footer-grid{ - width:50.223vw; - } diff --git a/src/static/css/generative-art.css b/src/static/css/generative-art.css deleted file mode 100644 index 3f3e018..0000000 --- a/src/static/css/generative-art.css +++ /dev/null @@ -1,729 +0,0 @@ -@media only screen and (min-width: 1200px) { - - #gen-art-1{ - position:absolute; - width:15vw; - height: 12.5vw; - right: 5.8vw; - top:300px; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-2{ - position:absolute; - width:17vw; - height: 10vw; - right: 20.3vw !important; - top:33.3vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-3{ - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - margin-top: 12.5vw; - right: 16.8vw; - width: 29vw; - height: 28vw; - z-index:1; - } - - #gen-art-4{ - background-image: url("/Images/gen-art/abstract-pattern.png"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - margin-top: 16.5vw; - right: 8.4vw; - width: 18vw; - height: 28vw; - z-index:1; - } - - #gen-art-4_5{ - background-image: url("/Images/gen-art/floating-city.png"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: contain; - position: absolute; - margin-top: 12vw; - border-radius: 100px; - right: 12.4vw; - width: 8vw; - height: 8vw; - z-index:2; - } - - #gen-art-5{ - position:absolute; - width:24.275vw; - height: 21.857vw; - margin-top: 20vw; - right: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-6{ - position:absolute; - width: 13.560vw; - height: 26.897vw; - margin-top: 50vw; - right: 37.667vw; - z-index: 0; - background-image: url("/Images/gen-art/candy-land.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-7{ - position:absolute; - width: 17.504vw; - height: 26.897vw; - margin-top: 70vw; - left: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg"); - background-attachment: fixed; - background-position: top; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-8{ - position:absolute; - width: 8.371vw; - height: 8.371vw; - margin-top: 90vw; - left: 20.8vw; - z-index: 0; - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-9{ - position:absolute; - width: 8.371vw; - height: 24vw; - margin-top: 70vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-10{ - position:absolute; - width: 50vw; - height: 25vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - #gen-art-1{ - position:absolute; - width:15vw; - height: 12.5vw; - right: 5.8vw; - top:300px; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-2{ - position:absolute; - width:17vw; - height: 10vw; - right: 16.3vw; - top:33.3vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-3{ - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - margin-top: 12.5vw; - right: 16.8vw; - width: 29vw; - height: 28vw; - z-index:1; - } - - #gen-art-4{ - background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg"); - background-attachment: fixed; - background-position: left; - background-repeat: repeat; - background-size: contain; - position: absolute; - margin-top: 9.5vw; - right: 8.371vw; - width: 12.556vw; - height: 12.556vw; - z-index:1; - } - - #gen-art-5{ - position:absolute; - width:24.275vw; - height: 17.857vw; - margin-top: 20vw; - right: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-6{ - position:absolute; - width: 13.560vw; - height: 26.897vw; - margin-top: 50vw; - right: 37.667vw; - z-index: 0; - background-image: url("/Images/gen-art/candy-land.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-7{ - position:absolute; - width: 17.504vw; - height: 26.897vw; - margin-top: 70vw; - left: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg"); - background-attachment: fixed; - background-position: top; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-8{ - position:absolute; - width: 8.371vw; - height: 8.371vw; - margin-top: 90vw; - left: 20.8vw; - z-index: 0; - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-9{ - position:absolute; - width: 8.371vw; - height: 24vw; - margin-top: 70vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-10{ - position:absolute; - width: 50vw; - height: 25vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - #gen-art-1{ - position:absolute; - width:15vw; - height: 12.5vw; - right: 5.8vw; - top:300px; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-2{ - position:absolute; - width:17vw; - height: 10vw; - right: 16.3vw; - top:33.3vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-3{ - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - margin-top: 12.5vw; - right: 16.8vw; - width: 29vw; - height: 28vw; - z-index:1; - } - - #gen-art-4{ - background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg"); - background-attachment: fixed; - background-position: left; - background-repeat: repeat; - background-size: contain; - position: absolute; - margin-top: 9.5vw; - right: 8.371vw; - width: 12.556vw; - height: 12.556vw; - z-index:1; - } - - #gen-art-5{ - position:absolute; - width:24.275vw; - height: 17.857vw; - margin-top: 20vw; - right: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-6{ - position:absolute; - width: 13.560vw; - height: 26.897vw; - margin-top: 50vw; - right: 37.667vw; - z-index: 0; - background-image: url("/Images/gen-art/candy-land.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-7{ - position:absolute; - width: 17.504vw; - height: 26.897vw; - margin-top: 70vw; - left: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg"); - background-attachment: fixed; - background-position: top; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-8{ - position:absolute; - width: 8.371vw; - height: 8.371vw; - margin-top: 90vw; - left: 20.8vw; - z-index: 0; - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-9{ - position:absolute; - width: 8.371vw; - height: 24vw; - margin-top: 70vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-10{ - position:absolute; - width: 50vw; - height: 25vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px){ - - #gen-art-1{ - position:absolute; - width:15vw; - height: 12.5vw; - right: 5.8vw; - top:300px; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-2{ - position:absolute; - width:17vw; - height: 10vw; - right: 16.3vw; - top:33.3vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-3{ - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - margin-top: 12.5vw; - right: 16.8vw; - width: 29vw; - height: 28vw; - z-index:1; - } - - #gen-art-4{ - background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg"); - background-attachment: fixed; - background-position: left; - background-repeat: repeat; - background-size: contain; - position: absolute; - margin-top: 9.5vw; - right: 8.371vw; - width: 12.556vw; - height: 12.556vw; - z-index:1; - } - - #gen-art-5{ - position:absolute; - width:24.275vw; - height: 17.857vw; - margin-top: 20vw; - right: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-attachment: fixed; - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - - #gen-art-6{ - position:absolute; - width: 13.560vw; - height: 26.897vw; - margin-top: 50vw; - right: 37.667vw; - z-index: 0; - background-image: url("/Images/gen-art/candy-land.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-7{ - position:absolute; - width: 17.504vw; - height: 26.897vw; - margin-top: 70vw; - left: 8.371vw; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg"); - background-attachment: fixed; - background-position: top; - background-repeat: no-repeat; - background-size: cover; - } - - #gen-art-8{ - position:absolute; - width: 8.371vw; - height: 8.371vw; - margin-top: 90vw; - left: 20.8vw; - z-index: 0; - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-9{ - position:absolute; - width: 8.371vw; - height: 24vw; - margin-top: 70vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #gen-art-10{ - position:absolute; - width: 50vw; - height: 25vw; - right: 8.371vw;; - z-index: 0; - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - } - -} - -/* Different generative art at smaller breakpoints; parallax effect/location simply doesn't work */ - -@media only screen and (max-width: 576px) { - - #gen-art-1, - #gen-art-2, - #gen-art-3, - #gen-art-4, - #gen-art-5, - #gen-art-6, - #gen-art-7, - #gen-art-8, - #gen-art-9, - #gen-art-10{ - display:none; - } - - #m-gen-art-1{ - width: 67vw; - height: 30vw; - margin-top: -9.5vw; - margin-right: auto; - position: relative; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-2{ - width: 19vw; - height: 19.5vw; - margin-top: -49.5vw; - right: 7vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-3{ - width: 38vw; - height: 19vw; - right: 7vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/tribal-green.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-4{ - width: 57.3vw; - height: 10vw; - left: 7vw; - margin-top: 19vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-5{ - width: 58vw; - height: 30vw; - left: 16.5vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-6{ - width: 20vw; - height: 20vw; - right: 16.5vw; - margin-top: 5vw; - border-radius: 100px; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/gen-art-_0021_DALL·E 2022-09-02 12.26.00 - crystals in polarized light under microscope.png.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-7{ - width: 20vw; - height: 19vw; - left: 7vw; - margin-top: 9.5vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/gen-art-_0021_DALL·E 2022-09-02 12.26.00 - crystals in polarized light under microscope.png.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-8{ - width: 48vw; - height: 19vw; - right: 7vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - - #m-gen-art-9{ - width: 86vw; - height: 19vw; - right: 7vw; - margin-top: -19vw; - position: absolute; - z-index: 2; - display: block; - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - } - -} diff --git a/src/static/css/navbar.css b/src/static/css/navbar.css deleted file mode 100644 index 8b13789..0000000 --- a/src/static/css/navbar.css +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/static/css/nebraska-man.css b/src/static/css/nebraska-man.css deleted file mode 100644 index 65432f2..0000000 --- a/src/static/css/nebraska-man.css +++ /dev/null @@ -1,94 +0,0 @@ -/* Breakpoints for re-use*/ - -@media only screen and (min-width: 1200px) { - - .nb-hero-section{ - background-image: url("/Images/nbman-x-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .nb-hero-section{ - background-image: url("/Images/nbman-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .nb-hero-section{ - background-image: url("/Images/nbman-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .nb-hero-section{ - background-image: url("/Images/nbman-medium-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (max-width: 576px) { - -} - - -.nb-man-latest{ - background-image: url("/Images/x-large-grid.svg"); - background-attachment: fixed; - background-position: top; - background-repeat: repeat; - background-size: cover; -} - -#nb-man-float{ - position: relative; - padding-left: 25vw; -} - -.nb-man-hero h1{ - position: relative; - z-index: 2; -} - -.nb-lead{ - position: relative; - z-index: 2; - width: 30vw; -} - -.comic-thumb{ - width:100%; -} - -.parallel-btn-container{ - margin-bottom: 1.5vw; -} - -.nb-small-text-container{ - margin-top: 1vw !important; -} - -.catalog-container{ - border-bottom: 2px solid #949494; -} diff --git a/src/static/css/package-grid.css b/src/static/css/package-grid.css deleted file mode 100644 index 0962c51..0000000 --- a/src/static/css/package-grid.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Package Display Section */ - -.detail-btn{ - float:right; -} diff --git a/src/static/css/products.css b/src/static/css/products.css deleted file mode 100644 index ee5a044..0000000 --- a/src/static/css/products.css +++ /dev/null @@ -1,207 +0,0 @@ -/*This page includes CSS for products page + all products ancillary pages*/ - -/* Products - Main */ - -@media only screen and (min-width: 1200px) { - - .product-hero-section{ - background-image: url("/Images/prouct-x-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .product-hero-section{ - background-image: url("/Images/prouct-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .product-hero-section{ - background-image: url("/Images/prouct-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .product-hero-section{ - background-image: url("/Images/prouct-medium-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - -} - -@media only screen and (max-width: 576px) { - - .gen-art{ - display:none; - } - - .lead{ - width: 100% !important; - } - -} - -/* Products - TEA.CLI */ - -@media only screen and (min-width: 1200px) { - - .products-hero{ - background-image: url("/Images/x-large-grid-hero.svg"); - background-attachment: fixed; - background-position: top; - background-repeat: repeat; - background-size: contain; - } - - .lead-container{ - padding-left: 25vw; - padding-right: 25vw; - margin-bottom: -2.7vw; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - -} - -@media only screen and (max-width: 576px) { - - /* h1{ - font-size: 15vw !important; - } */ - - - .tea-cli-container{ - padding: 7vw !important; - } - - .gen-art{ - display:none; - } - - .mobile-grid-element{ - z-index: 0 !important; - } - -} - -/* Generative Art styling */ - -#pro-gen-art-1{ - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - left: 8.3vw; - top: 12.2vw; - width: 28.7vw; - height: 19vw; - z-index: 0; -} - -#pro-gen-art-2{ - background-image: url("/Images/gen-art/colorful-sandal.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - right: 8.3vw; - top: 19.2vw; - width: 32.7vw; - height: 18vw; -} - -#pro-gen-art-3{ - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - right: 15.3vw; - top: 14.2vw; - border-radius: 200px; - width: 12vw; - height: 12vw; -} - -#pro-gen-art-4{ - background-image: url("/Images/gen-art/abstract-pattern.png"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - left: 30.3vw; - top: 10.2vw; - border-radius: 200px; - width: 8vw; - height: 8vw; -} - -#pro-gen-art-5{ - background-image: url("/Images/gen-art/floating-city.png"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - left: 16vw; - top: 30.2vw; - width: 32.7vw; - height: 11vw; -} - -.teacli-gen-art-1{ - background-image: url("/Images/gen-art/glass-triangles.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - right: 8.3vw; - top: 12.2vw; - width: 16.7vw; - height: 17vw; - z-index: 0; -} - -.teacli-gen-art-2{ - background-image: url("/Images/gen-art/pixel-mouth.jpg"); - background-position: center; - background-repeat: repeat; - background-size: cover; - position: absolute; - right: 16.5vw; - top: 16.5vw; - width: 12vw; - height: 17vw; - z-index: 0; -} diff --git a/src/static/css/text-flicker.css b/src/static/css/text-flicker.css deleted file mode 100644 index e009d2e..0000000 --- a/src/static/css/text-flicker.css +++ /dev/null @@ -1,48 +0,0 @@ - -/*h1{ - animation: text-flicker 3s linear; - transition: 0.2s ease-out; -} - -@keyframes text-flicker { - 0% { - opacity:.1; - } - - 2% { - opacity:1; - } - 8% { - opacity:0.1; - } - 9% { - opacity:1; - } - 12% { - opacity:0.1; - } - 20% { - opacity:1; - } - 25% { - opacity:0.3; - } - 30% { - opacity:1; - } - - 70% { - opacity:0.7; - } - - 72% { - opacity:0.2; - } - - 77% { - opacity:.9; - } - 100% { - opacity:.9; - } -} diff --git a/src/static/css/white-paper.css b/src/static/css/white-paper.css deleted file mode 100644 index b3ecca3..0000000 --- a/src/static/css/white-paper.css +++ /dev/null @@ -1,93 +0,0 @@ -/* Breakpoints for re-use*/ - -@media only screen and (min-width: 1200px) { - - .wp-hero-section{ - background-image: url("/Images/wp-x-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: cover; - } - - .wp-lead-text-container{ - border: 1px solid #949494 !important; - width: 80%; - display: flex; - justify-content: center; - align-items: center; - height: 20.8vw; - margin-top: 0.9vw; - } - -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - - .wp-hero-section{ - background-image: url("/Images/wp-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: contain; - } - - .wp-lead-text-container{ - border: 1px solid #949494 !important; - width: 100%; - display: flex; - justify-content: center; - align-items: center; - height: 25vw; - margin-top: 1.1vw; - } - -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - - .wp-hero-section{ - background-image: url("/Images/wp-large-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: contain; - } - - .wp-lead-text-container{ - border: 1px solid #949494 !important; - width: 100%; - display: flex; - justify-content: center; - align-items: center; - height: 30vw; - margin-top: 0vw; - } - -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - - .wp-hero-section{ - background-image: url("/Images/wp-medium-grid-generative-art.gif") !important; - background-attachment: scroll; - background-position: top; - background-repeat: repeat; - background-size: contain; - } - - .wp-lead-text-container{ - border: 1px solid #949494 !important; - width: 100%; - display: flex; - justify-content: center; - align-items: center; - height: 47vw; - margin-top: -1vw; - } - -} - -@media only screen and (max-width: 576px) { - -}