diff --git a/Resources/landing-page/assets/img/aquamarine-small.jpg b/Resources/landing-page/assets/img/aquamarine-small.jpg new file mode 100644 index 00000000..afc30406 Binary files /dev/null and b/Resources/landing-page/assets/img/aquamarine-small.jpg differ diff --git a/Resources/landing-page/assets/img/aquamarine-small.png b/Resources/landing-page/assets/img/aquamarine-small.png deleted file mode 100644 index 811ab414..00000000 Binary files a/Resources/landing-page/assets/img/aquamarine-small.png and /dev/null differ diff --git a/Resources/landing-page/assets/img/dark-small.jpg b/Resources/landing-page/assets/img/dark-small.jpg new file mode 100644 index 00000000..a35e1d17 Binary files /dev/null and b/Resources/landing-page/assets/img/dark-small.jpg differ diff --git a/Resources/landing-page/assets/img/dark-small.png b/Resources/landing-page/assets/img/dark-small.png deleted file mode 100644 index f8bf8869..00000000 Binary files a/Resources/landing-page/assets/img/dark-small.png and /dev/null differ diff --git a/Resources/landing-page/assets/img/hotline-small.jpg b/Resources/landing-page/assets/img/hotline-small.jpg new file mode 100644 index 00000000..32d8df79 Binary files /dev/null and b/Resources/landing-page/assets/img/hotline-small.jpg differ diff --git a/Resources/landing-page/assets/img/hotline-small.png b/Resources/landing-page/assets/img/hotline-small.png deleted file mode 100644 index a8dd69de..00000000 Binary files a/Resources/landing-page/assets/img/hotline-small.png and /dev/null differ diff --git a/Resources/landing-page/assets/img/organizr-dark-small.jpg b/Resources/landing-page/assets/img/organizr-dark-small.jpg new file mode 100644 index 00000000..a22e6f2b Binary files /dev/null and b/Resources/landing-page/assets/img/organizr-dark-small.jpg differ diff --git a/Resources/landing-page/assets/img/organizr-dark-small.png b/Resources/landing-page/assets/img/organizr-dark-small.png deleted file mode 100644 index 25f22a62..00000000 Binary files a/Resources/landing-page/assets/img/organizr-dark-small.png and /dev/null differ diff --git a/Resources/landing-page/assets/img/plex-small.jpg b/Resources/landing-page/assets/img/plex-small.jpg new file mode 100644 index 00000000..bd781357 Binary files /dev/null and b/Resources/landing-page/assets/img/plex-small.jpg differ diff --git a/Resources/landing-page/assets/img/plex-small.png b/Resources/landing-page/assets/img/plex-small.png deleted file mode 100644 index 8fc9c9d4..00000000 Binary files a/Resources/landing-page/assets/img/plex-small.png and /dev/null differ diff --git a/Resources/landing-page/assets/img/space-gray-small.jpg b/Resources/landing-page/assets/img/space-gray-small.jpg new file mode 100644 index 00000000..71cb998d Binary files /dev/null and b/Resources/landing-page/assets/img/space-gray-small.jpg differ diff --git a/Resources/landing-page/assets/img/space-gray-small.png b/Resources/landing-page/assets/img/space-gray-small.png deleted file mode 100644 index 14f67b53..00000000 Binary files a/Resources/landing-page/assets/img/space-gray-small.png and /dev/null differ diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css index a4ccedb4..64b3ca85 100644 --- a/Resources/landing-page/css/custom.css +++ b/Resources/landing-page/css/custom.css @@ -8,6 +8,17 @@ } } +@media (max-width: 768px) { + #mainNav, #mainNav.navbar-scrolled { + padding: 0 1rem 0 1rem !important; + } + .branding { + height: 40px !important; + } + #mainNav .navbar-nav .nav-item .nav-link{ + padding-left: 1rem; + } +} /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { #mainNav, @@ -73,12 +84,20 @@ #mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active { color: #12afa0; } - #mainNav .navbar-nav .nav-item .nav-link.active { +#mainNav .navbar-nav .nav-item .nav-link.active { color: #12afa0 !important; } .navbar-light .navbar-toggler-icon { filter: invert(1); } +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgb(255 255 255 / 10%); +} + +.branding { + height: 55px; +} .mfp-container { backdrop-filter: blur(10px); @@ -166,28 +185,6 @@ header.masthead { margin: 0; } - -#portfolio .container-fluid .portfolio-box .portfolio-box-caption, -#portfolio .container-sm .portfolio-box .portfolio-box-caption, -#portfolio .container-md .portfolio-box .portfolio-box-caption, -#portfolio .container-lg .portfolio-box .portfolio-box-caption, -#portfolio .container-xl .portfolio-box .portfolio-box-caption { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - width: 100%; - height: 100%; - position: absolute; - bottom: 0; - text-align: center; - opacity: 0; - color: #fff; - background: transparent; - transition: opacity 0.25s ease; - text-align: center; -} - .bg-primary, .bg-dark { background: #2d2d2d; @@ -241,46 +238,42 @@ p { font-weight: 500; line-height: 1.2; } -@media (min-width: 992px) { +/* @media (min-width: 992px) { .portfolio-box img { object-fit: cover; - width: 562.4px; - height: 295.56px; } +} */ + +/* EXAMPLE IMAGES*/ +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.aquamarine-hover, +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.hotline-hover, +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.space-gray-hover, +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.organizr-dark-hover, +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.dark-hover, +#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption.plex-hover { + opacity: .9; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.aquamarine-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.aquamarine-hover { background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - opacity: .9; - width: 562.4px; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.hotline-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotline-hover { background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - opacity: .9; - width: 562.4px; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.space-gray-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.space-gray-hover { background: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; - opacity: .9; - width: 562.4px; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.organizr-dark-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.organizr-dark-hover { background: #1f1f1f; - opacity: .9; - width: 562.4px; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.dark-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.dark-hover { background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - opacity: .9; - width: 562.4px; } -#portfolio .container-fluid .portfolio-box .portfolio-box-caption.plex-hover:hover { +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.plex-hover { background: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - opacity: .9; - width: 562.4px; } \ No newline at end of file diff --git a/Resources/landing-page/css/styles.css b/Resources/landing-page/css/styles.css index 5c9fa4f7..98202b99 100644 --- a/Resources/landing-page/css/styles.css +++ b/Resources/landing-page/css/styles.css @@ -470,7 +470,7 @@ mark, color: #6c757d; } .blockquote-footer::before { - content: "— "; + content: "— "; } .img-fluid { @@ -2443,32 +2443,32 @@ fieldset:disabled a.btn { .btn-primary { color: #fff; - background-color: #009688; - border-color: #009688; + background-color: #f4623a; + border-color: #f4623a; } .btn-primary:hover { color: #fff; - background-color: #12afa0; - border-color: #12afa0; + background-color: #f24516; + border-color: #ee3e0d; } .btn-primary:focus, .btn-primary.focus { color: #fff; - background-color: #12afa0; - border-color: #12afa0; - box-shadow: 0 0 0 0.2rem #12afa080; + background-color: #f24516; + border-color: #ee3e0d; + box-shadow: 0 0 0 0.2rem rgba(246, 122, 88, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; - background-color: #009688; - border-color: #009688; + background-color: #f4623a; + border-color: #f4623a; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; - background-color: #12afa0; - border-color: #12afa0; + background-color: #ee3e0d; + border-color: #e23a0d; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem #12afa080; + box-shadow: 0 0 0 0.2rem rgba(246, 122, 88, 0.5); } .btn-secondary { @@ -10105,12 +10105,12 @@ hr.light { header.masthead { padding-top: 10rem; padding-bottom: calc(10rem - 4.5rem); - background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.404) 100%), url("../assets/img/slides/2.jpg"); + background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; -} +} header.masthead h1 { font-size: 2.25rem; } diff --git a/index.html b/index.html index 0ed59171..67021cff 100644 --- a/index.html +++ b/index.html @@ -28,8 +28,8 @@