diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..06345a6 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,531 @@ +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"); +#header { + background: #FDFFFF; + padding: 0 150px; + position: sticky; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} +@media screen and (max-width: 850px) { + #header { + padding: 0 50px; + } +} +@media screen and (max-width: 360px) { + #header { + padding: 0 25px; + } +} +#header #logo { + display: flex; + align-items: center; + height: 56px; +} +@media screen and (max-width: 850px) { + #header #logo { + height: 36px; + } +} +#header .bounce-animation span { + font: 600 56px "Oswald", sans-serif; + display: inline-block; + color: #1d60b5; + animation: bounce 2500ms infinite; + animation-delay: calc(0.1s * var(--i)); +} +@media screen and (max-width: 850px) { + #header .bounce-animation span { + font-size: 36px; + } +} +@keyframes bounce { + 0%, 40%, 100% { + transform: translateY(0); + } + 20% { + transform: translateY(-5px); + } +} +#header .navbar { + display: flex; +} +#header .navbar .nav-item { + margin-right: 1vw; + font: 18px "Montserrat", sans-serif; + font-weight: 600; + color: #706fff; + text-decoration: none; +} +#header .navbar .nav-item:hover { + color: #01003B; +} +#header .navbar .nav-item:last-of-type { + margin-right: 0; +} +@media screen and (max-width: 1200px) { + #header .navbar .nav-item { + display: none; + } +} +#header #toggle { + display: none; +} +#header #toggle-label { + margin: 0; + width: 36px; + height: 36px; + position: relative; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#header #toggle-label .bar { + padding: 0; + width: 36px; + height: 4px; + background-color: #1d60b5; + display: block; + border-radius: 4px; + transition: all 0.4s ease-in-out; + position: absolute; +} +#header #toggle-label .bar1 { + transform-origin: 5%; +} +#header #toggle-label .bar4 { + transform-origin: 5%; +} +@media screen and (max-width: 850px) { + #header #toggle-label { + width: 28px; + height: 28px; + } + #header #toggle-label .bar { + width: 28px; + } +} +#header .bar1 { + top: 0; +} +#header .bar2, +#header .bar3 { + top: 16px; +} +@media screen and (max-width: 850px) { + #header .bar2, +#header .bar3 { + top: 12px; + } +} +#header .bar3 { + right: 0; +} +#header .bar4 { + bottom: 0; +} +#header #toggle:checked + #toggle-label > .bar1 { + transform: rotate(45deg); + height: 3px; + width: 50px; +} +@media screen and (max-width: 850px) { + #header #toggle:checked + #toggle-label > .bar1 { + width: 39px; + } +} +#header #toggle:checked + #toggle-label > .bar3 { + transform: rotate(45deg); + height: 3px; + background-color: transparent; +} +#header #toggle:checked + #toggle-label > .bar2 { + transform: rotate(-45deg); + height: 3px; + background-color: transparent; +} +#header #toggle:checked + #toggle-label > .bar4 { + transform: rotate(-45deg); + height: 3px; + width: 50px; +} +@media screen and (max-width: 850px) { + #header #toggle:checked + #toggle-label > .bar4 { + width: 39px; + } +} +#header #toggle-label { + display: none; +} +@media screen and (max-width: 1200px) { + #header #toggle-label { + display: block; + } +} + +#footer { + display: flex; + justify-content: space-between; + background-color: #000000; + font: 16px "Montserrat", sans-serif; + padding-top: 50px; + padding-bottom: 50px; +} +#footer .footer-columns { + display: flex; +} +#footer .footer-columns .footer-column { + margin: 0 20px 20px 20px; +} +#footer .footer-columns .footer-column h1 { + margin: 0 0 16px 0; + font: 700 18px "Montserrat", sans-serif; + color: #f5ffff; +} +@media screen and (max-width: 400px) { + #footer .footer-columns .footer-column h1 { + font-size: 14px; + } +} +#footer .footer-columns .footer-column a { + text-decoration: none; + color: #abb3b3; +} +#footer .footer-columns .footer-column a:hover { + font-size: 17px; + color: #b3d1ff; +} +@media screen and (max-width: 400px) { + #footer .footer-columns .footer-column a:hover { + font-size: 13px; + } +} +#footer .footer-columns .footer-column ul { + margin: 0; + padding: 0; + list-style-type: none; +} +@media screen and (max-width: 400px) { + #footer { + font-size: 12px; + } +} + +#footer-stateless { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #1d60b5; + color: white; + font: 14px "Montserrat", sans-serif; +} +#footer-stateless a { + color: white; + text-decoration: none; +} +#footer-stateless a:hover { + font-style: italic; +} +#footer-stateless .smaller { + font-weight: 200; + font-size: 12px; +} +@media screen and (max-width: 400px) { + #footer-stateless .smaller { + font-size: 8px; + } +} +@media screen and (max-width: 400px) { + #footer-stateless { + font-size: 10px; + } +} + +@keyframes fullscreen-image-appear { + from { + opacity: 0; + width: 0; + height: 0; + } + to { + width: 100%; + height: 100vh; + } +} +@keyframes slideshow { + 0% { + opacity: 0; + animation-timing-function: ease-in; + } + 8% { + opacity: 1; + animation-timing-function: ease-out; + } + 17% { + opacity: 1; + } + 25% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes important { + 0% { + transform: scale(1); + text-shadow: black 0 0 0; + color: white; + } + 50% { + transform: scale(1.02); + text-shadow: #01003B 0 0 20px; + color: #FFFFFF; + } + 100% { + transform: scale(1); + text-shadow: black 0 0 0; + color: white; + } +} +html, body { + margin: 0; + padding: 0; + background-color: #364040; + scroll-behavior: smooth; +} + +a { + text-decoration: none; + color: #706fff; +} +a:hover { + color: #01003B; +} +a:active { + font-style: italic; +} + +.content-spacing { + padding: 100px 200px; +} +@media screen and (max-width: 1100px) { + .content-spacing { + padding: 50px 100px; + } +} +@media screen and (max-width: 850px) { + .content-spacing { + padding: 10px 20px; + } +} + +.content-spacing-small { + padding: 50px 100px; +} +@media screen and (max-width: 1100px) { + .content-spacing-small { + padding: 25px 50px; + } +} +@media screen and (max-width: 850px) { + .content-spacing-small { + padding: 5px 10px; + } +} + +.ignore-vertical { + padding-top: 0; + padding-bottom: 0; +} + +.no-decoration { + text-decoration: none; + color: inherit; +} +.no-decoration:hover { + color: inherit; +} + +.paragraph { + font: 500 x-large "Montserrat", sans-serif; +} +@media screen and (max-width: 1100px) { + .paragraph { + font-size: large; + } +} +@media screen and (max-width: 850px) { + .paragraph { + font-size: 18px; + } +} +@media screen and (max-width: 400px) { + .paragraph { + font-size: 16px; + } +} + +.heading { + font: 600 50px "Montserrat", sans-serif; +} +@media screen and (max-width: 1100px) { + .heading { + font-size: 35px; + } +} +@media screen and (max-width: 850px) { + .heading { + font-size: 25px; + } +} +@media screen and (max-width: 400px) { + .heading { + font-size: 20px; + } +} + +#header { + position: sticky; + top: 0; + z-index: 99; + height: 10vh; +} +@media screen and (max-width: 850px) { + #header { + height: 45px; + } +} + +#drawer { + overflow: hidden; + position: fixed; + bottom: 0; + right: 0; + z-index: 2; + background: linear-gradient(to left bottom, #1d60b5, #003e86); + width: 0; + height: 90vh; + display: flex; + flex-direction: column; + align-items: center; + transition: width 500ms; +} +#drawer .drawer-item { + position: relative; + opacity: 0; + margin-top: 50px; + background: linear-gradient(#FFFFFF, #adf0ff); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + font: 600 28px "Montserrat", sans-serif; + text-decoration: none; + transition: opacity 250ms ease-in-out; +} +#drawer .drawer-item:first-of-type { + margin-top: 100px; +} +#drawer .drawer-item:after { + content: ""; + position: absolute; + width: 100%; + transform: scaleX(0); + height: 2px; + bottom: 0; + left: 0; + background: linear-gradient(to left, #FFF, #AFF); + transform-origin: bottom right; + transition: transform 0.25s ease-out; +} +#drawer .drawer-item:hover:after { + transform: scaleX(1); + transform-origin: bottom left; +} +#drawer .drawer-item.visible { + opacity: 1; +} +#drawer.expanded { + width: 100%; + top: unset; +} +@media screen and (max-width: 850px) { + #drawer { + height: calc(100vh - 45px); + } +} + +#container { + min-height: 90vh; + display: grid; + grid-template-rows: 1fr auto; + grid-template-columns: 1fr; + grid-gap: 0; + overflow: auto; +} +@media screen and (max-width: 850px) { + #container { + min-height: calc(100vh - 45px); + } +} +#container.hidden { + display: none; +} + +#content { + background: whitesmoke; + grid-column: 1; + grid-row: 1; + overflow-wrap: break-word; +} + +#scroll-to-top { + display: none; + width: 50px; + height: 50px; + position: fixed; + right: 25px; + bottom: 55px; + z-index: 99; + cursor: pointer; + border: none; + border-radius: 50%; + background-color: #1d60b5; + box-shadow: white 0 0 50px -5px; +} +#scroll-to-top img { + height: 100%; + width: 100%; + filter: invert(100%); +} +@media (hover: hover) and (pointer: fine) { + #scroll-to-top:hover { + width: 60px; + height: 60px; + right: 20px; + bottom: 50px; + transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); + } + #scroll-to-top:hover img { + transform: translateY(-5px); + transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); + } +} + +#footer { + grid-column: 1; + grid-row: 2; +} + +#footer-stateless { + grid-column: 1; + grid-row: 3; +} + +/*# sourceMappingURL=main.css.map */ diff --git a/resources/docs/Başvuru Formu.docx b/assets/docs/Başvuru Formu.docx similarity index 100% rename from resources/docs/Başvuru Formu.docx rename to assets/docs/Başvuru Formu.docx diff --git a/resources/docs/Veri Transfer Sözleşmesi.docx b/assets/docs/Veri Transfer Sözleşmesi.docx similarity index 100% rename from resources/docs/Veri Transfer Sözleşmesi.docx rename to assets/docs/Veri Transfer Sözleşmesi.docx diff --git a/resources/docs/Çalışan Aydınlatma Metni.docx b/assets/docs/Çalışan Aydınlatma Metni.docx similarity index 100% rename from resources/docs/Çalışan Aydınlatma Metni.docx rename to assets/docs/Çalışan Aydınlatma Metni.docx diff --git a/resources/docs/Çalışan Açık Rıza.docx b/assets/docs/Çalışan Açık Rıza.docx similarity index 100% rename from resources/docs/Çalışan Açık Rıza.docx rename to assets/docs/Çalışan Açık Rıza.docx diff --git a/resources/docs/İnternet Bilgilendirme.docx b/assets/docs/İnternet Bilgilendirme.docx similarity index 100% rename from resources/docs/İnternet Bilgilendirme.docx rename to assets/docs/İnternet Bilgilendirme.docx diff --git a/resources/img/01.JPG b/assets/img/01.JPG similarity index 100% rename from resources/img/01.JPG rename to assets/img/01.JPG diff --git a/resources/img/UKT/Raw-UKT.png b/assets/img/UKT/Raw-UKT.png similarity index 100% rename from resources/img/UKT/Raw-UKT.png rename to assets/img/UKT/Raw-UKT.png diff --git a/resources/img/UKT/Raw-UKT.svg b/assets/img/UKT/Raw-UKT.svg similarity index 100% rename from resources/img/UKT/Raw-UKT.svg rename to assets/img/UKT/Raw-UKT.svg diff --git a/resources/img/UKT/UKT.png b/assets/img/UKT/UKT.png similarity index 100% rename from resources/img/UKT/UKT.png rename to assets/img/UKT/UKT.png diff --git a/resources/img/UKT/UKT.psd b/assets/img/UKT/UKT.psd similarity index 100% rename from resources/img/UKT/UKT.psd rename to assets/img/UKT/UKT.psd diff --git a/resources/img/UKT/UKT@2x.png b/assets/img/UKT/UKT@2x.png similarity index 100% rename from resources/img/UKT/UKT@2x.png rename to assets/img/UKT/UKT@2x.png diff --git a/resources/img/Uğur Galeri/Raw-ugurgaleri.png b/assets/img/Uğur Galeri/Raw-ugurgaleri.png similarity index 100% rename from resources/img/Uğur Galeri/Raw-ugurgaleri.png rename to assets/img/Uğur Galeri/Raw-ugurgaleri.png diff --git a/resources/img/Uğur Galeri/Raw-ugurgaleri.svg b/assets/img/Uğur Galeri/Raw-ugurgaleri.svg similarity index 100% rename from resources/img/Uğur Galeri/Raw-ugurgaleri.svg rename to assets/img/Uğur Galeri/Raw-ugurgaleri.svg diff --git a/resources/img/Uğur Galeri/footer-clean.png b/assets/img/Uğur Galeri/footer-clean.png similarity index 100% rename from resources/img/Uğur Galeri/footer-clean.png rename to assets/img/Uğur Galeri/footer-clean.png diff --git a/resources/img/Uğur Galeri/header-clean.png b/assets/img/Uğur Galeri/header-clean.png similarity index 100% rename from resources/img/Uğur Galeri/header-clean.png rename to assets/img/Uğur Galeri/header-clean.png diff --git a/resources/img/Uğur Galeri/header-lessshadow.png b/assets/img/Uğur Galeri/header-lessshadow.png similarity index 100% rename from resources/img/Uğur Galeri/header-lessshadow.png rename to assets/img/Uğur Galeri/header-lessshadow.png diff --git a/resources/img/Uğur Galeri/header-shadow.png b/assets/img/Uğur Galeri/header-shadow.png similarity index 100% rename from resources/img/Uğur Galeri/header-shadow.png rename to assets/img/Uğur Galeri/header-shadow.png diff --git a/resources/img/aydinlatma/docs-white.svg b/assets/img/aydinlatma/docs-white.svg similarity index 100% rename from resources/img/aydinlatma/docs-white.svg rename to assets/img/aydinlatma/docs-white.svg diff --git a/resources/img/footer.png b/assets/img/footer.png similarity index 100% rename from resources/img/footer.png rename to assets/img/footer.png diff --git a/resources/img/footer.webp b/assets/img/footer.webp similarity index 100% rename from resources/img/footer.webp rename to assets/img/footer.webp diff --git a/resources/img/galeri/0384.JPG b/assets/img/galeri/0384.JPG similarity index 100% rename from resources/img/galeri/0384.JPG rename to assets/img/galeri/0384.JPG diff --git a/resources/img/galeri/0400.JPG b/assets/img/galeri/0400.JPG similarity index 100% rename from resources/img/galeri/0400.JPG rename to assets/img/galeri/0400.JPG diff --git a/resources/img/galeri/0401.JPG b/assets/img/galeri/0401.JPG similarity index 100% rename from resources/img/galeri/0401.JPG rename to assets/img/galeri/0401.JPG diff --git a/resources/img/galeri/0403.jpg b/assets/img/galeri/0403.jpg similarity index 100% rename from resources/img/galeri/0403.jpg rename to assets/img/galeri/0403.jpg diff --git a/resources/img/galeri/0408.jpg b/assets/img/galeri/0408.jpg similarity index 100% rename from resources/img/galeri/0408.jpg rename to assets/img/galeri/0408.jpg diff --git a/resources/img/galeri/0412.jpg b/assets/img/galeri/0412.jpg similarity index 100% rename from resources/img/galeri/0412.jpg rename to assets/img/galeri/0412.jpg diff --git a/resources/img/galeri/0414.jpg b/assets/img/galeri/0414.jpg similarity index 100% rename from resources/img/galeri/0414.jpg rename to assets/img/galeri/0414.jpg diff --git a/resources/img/galeri/0414.webp b/assets/img/galeri/0414.webp similarity index 100% rename from resources/img/galeri/0414.webp rename to assets/img/galeri/0414.webp diff --git a/resources/img/galeri/0416.jpg b/assets/img/galeri/0416.jpg similarity index 100% rename from resources/img/galeri/0416.jpg rename to assets/img/galeri/0416.jpg diff --git a/resources/img/galeri/0419.jpg b/assets/img/galeri/0419.jpg similarity index 100% rename from resources/img/galeri/0419.jpg rename to assets/img/galeri/0419.jpg diff --git a/resources/img/galeri/0420.JPG b/assets/img/galeri/0420.JPG similarity index 100% rename from resources/img/galeri/0420.JPG rename to assets/img/galeri/0420.JPG diff --git a/resources/img/galeri/0422.JPG b/assets/img/galeri/0422.JPG similarity index 100% rename from resources/img/galeri/0422.JPG rename to assets/img/galeri/0422.JPG diff --git a/resources/img/galeri/0423.JPG b/assets/img/galeri/0423.JPG similarity index 100% rename from resources/img/galeri/0423.JPG rename to assets/img/galeri/0423.JPG diff --git a/resources/img/galeri/0424.jpg b/assets/img/galeri/0424.jpg similarity index 100% rename from resources/img/galeri/0424.jpg rename to assets/img/galeri/0424.jpg diff --git a/resources/img/galeri/0426.jpg b/assets/img/galeri/0426.jpg similarity index 100% rename from resources/img/galeri/0426.jpg rename to assets/img/galeri/0426.jpg diff --git a/resources/img/galeri/0429.jpg b/assets/img/galeri/0429.jpg similarity index 100% rename from resources/img/galeri/0429.jpg rename to assets/img/galeri/0429.jpg diff --git a/resources/img/galeri/0429.webp b/assets/img/galeri/0429.webp similarity index 100% rename from resources/img/galeri/0429.webp rename to assets/img/galeri/0429.webp diff --git a/resources/img/galeri/0438.jpg b/assets/img/galeri/0438.jpg similarity index 100% rename from resources/img/galeri/0438.jpg rename to assets/img/galeri/0438.jpg diff --git a/resources/img/galeri/0863.jpg b/assets/img/galeri/0863.jpg similarity index 100% rename from resources/img/galeri/0863.jpg rename to assets/img/galeri/0863.jpg diff --git a/resources/img/galeri/0866.JPG b/assets/img/galeri/0866.JPG similarity index 100% rename from resources/img/galeri/0866.JPG rename to assets/img/galeri/0866.JPG diff --git a/resources/img/galeri/0872.jpg b/assets/img/galeri/0872.jpg similarity index 100% rename from resources/img/galeri/0872.jpg rename to assets/img/galeri/0872.jpg diff --git a/resources/img/galeri/1696.jpg b/assets/img/galeri/1696.jpg similarity index 100% rename from resources/img/galeri/1696.jpg rename to assets/img/galeri/1696.jpg diff --git a/resources/img/galeri/1702.JPG b/assets/img/galeri/1702.JPG similarity index 100% rename from resources/img/galeri/1702.JPG rename to assets/img/galeri/1702.JPG diff --git a/resources/img/galeri/1705.jpg b/assets/img/galeri/1705.jpg similarity index 100% rename from resources/img/galeri/1705.jpg rename to assets/img/galeri/1705.jpg diff --git a/resources/img/galeri/1706.jpg b/assets/img/galeri/1706.jpg similarity index 100% rename from resources/img/galeri/1706.jpg rename to assets/img/galeri/1706.jpg diff --git a/resources/img/galeri/1724.jpg b/assets/img/galeri/1724.jpg similarity index 100% rename from resources/img/galeri/1724.jpg rename to assets/img/galeri/1724.jpg diff --git a/resources/img/galeri/7815.jpg b/assets/img/galeri/7815.jpg similarity index 100% rename from resources/img/galeri/7815.jpg rename to assets/img/galeri/7815.jpg diff --git a/resources/img/galeri/7815.webp b/assets/img/galeri/7815.webp similarity index 100% rename from resources/img/galeri/7815.webp rename to assets/img/galeri/7815.webp diff --git a/resources/img/galeri/7829.jpg b/assets/img/galeri/7829.jpg similarity index 100% rename from resources/img/galeri/7829.jpg rename to assets/img/galeri/7829.jpg diff --git a/resources/img/galeri/7834.jpg b/assets/img/galeri/7834.jpg similarity index 100% rename from resources/img/galeri/7834.jpg rename to assets/img/galeri/7834.jpg diff --git a/resources/img/galeri/7840.JPG b/assets/img/galeri/7840.JPG similarity index 100% rename from resources/img/galeri/7840.JPG rename to assets/img/galeri/7840.JPG diff --git a/resources/img/galeri/7843.jpg b/assets/img/galeri/7843.jpg similarity index 100% rename from resources/img/galeri/7843.jpg rename to assets/img/galeri/7843.jpg diff --git a/resources/img/galeri/7850.jpg b/assets/img/galeri/7850.jpg similarity index 100% rename from resources/img/galeri/7850.jpg rename to assets/img/galeri/7850.jpg diff --git a/resources/img/galeri/7851.JPG b/assets/img/galeri/7851.JPG similarity index 100% rename from resources/img/galeri/7851.JPG rename to assets/img/galeri/7851.JPG diff --git a/resources/img/galeri/7881.jpg b/assets/img/galeri/7881.jpg similarity index 100% rename from resources/img/galeri/7881.jpg rename to assets/img/galeri/7881.jpg diff --git a/resources/img/galeri/7891.jpg b/assets/img/galeri/7891.jpg similarity index 100% rename from resources/img/galeri/7891.jpg rename to assets/img/galeri/7891.jpg diff --git a/resources/img/galeri/7893.jpg b/assets/img/galeri/7893.jpg similarity index 100% rename from resources/img/galeri/7893.jpg rename to assets/img/galeri/7893.jpg diff --git a/resources/img/galeri/7894.jpg b/assets/img/galeri/7894.jpg similarity index 100% rename from resources/img/galeri/7894.jpg rename to assets/img/galeri/7894.jpg diff --git a/resources/img/galeri/7900.jpg b/assets/img/galeri/7900.jpg similarity index 100% rename from resources/img/galeri/7900.jpg rename to assets/img/galeri/7900.jpg diff --git a/resources/img/galeri/7925.jpg b/assets/img/galeri/7925.jpg similarity index 100% rename from resources/img/galeri/7925.jpg rename to assets/img/galeri/7925.jpg diff --git a/resources/img/galeri/7925.webp b/assets/img/galeri/7925.webp similarity index 100% rename from resources/img/galeri/7925.webp rename to assets/img/galeri/7925.webp diff --git a/resources/img/galeri/9761.jpg b/assets/img/galeri/9761.jpg similarity index 100% rename from resources/img/galeri/9761.jpg rename to assets/img/galeri/9761.jpg diff --git a/resources/img/galeri/9761.webp b/assets/img/galeri/9761.webp similarity index 100% rename from resources/img/galeri/9761.webp rename to assets/img/galeri/9761.webp diff --git a/resources/img/galeri/9810.jpg b/assets/img/galeri/9810.jpg similarity index 100% rename from resources/img/galeri/9810.jpg rename to assets/img/galeri/9810.jpg diff --git a/resources/img/galeri/9820.jpg b/assets/img/galeri/9820.jpg similarity index 100% rename from resources/img/galeri/9820.jpg rename to assets/img/galeri/9820.jpg diff --git a/resources/img/galericilerden.com/galericilerden.jpg b/assets/img/galericilerden.com/galericilerden.jpg similarity index 100% rename from resources/img/galericilerden.com/galericilerden.jpg rename to assets/img/galericilerden.com/galericilerden.jpg diff --git a/resources/img/iletisim/landline.svg b/assets/img/iletisim/landline.svg similarity index 100% rename from resources/img/iletisim/landline.svg rename to assets/img/iletisim/landline.svg diff --git a/resources/img/iletisim/phone.svg b/assets/img/iletisim/phone.svg similarity index 100% rename from resources/img/iletisim/phone.svg rename to assets/img/iletisim/phone.svg diff --git a/resources/img/iletisim/whatsapp.svg b/assets/img/iletisim/whatsapp.svg similarity index 100% rename from resources/img/iletisim/whatsapp.svg rename to assets/img/iletisim/whatsapp.svg diff --git a/resources/img/imza/IMG-20220524-WA0005.jpg b/assets/img/imza/IMG-20220524-WA0005.jpg similarity index 100% rename from resources/img/imza/IMG-20220524-WA0005.jpg rename to assets/img/imza/IMG-20220524-WA0005.jpg diff --git a/resources/img/index/G100.jpg b/assets/img/index/G100.jpg similarity index 100% rename from resources/img/index/G100.jpg rename to assets/img/index/G100.jpg diff --git a/resources/img/index/G100.webp b/assets/img/index/G100.webp similarity index 100% rename from resources/img/index/G100.webp rename to assets/img/index/G100.webp diff --git a/resources/img/index/G150.jpg b/assets/img/index/G150.jpg similarity index 100% rename from resources/img/index/G150.jpg rename to assets/img/index/G150.jpg diff --git a/resources/img/index/G150.webp b/assets/img/index/G150.webp similarity index 100% rename from resources/img/index/G150.webp rename to assets/img/index/G150.webp diff --git a/resources/img/index/G60.jpg b/assets/img/index/G60.jpg similarity index 100% rename from resources/img/index/G60.jpg rename to assets/img/index/G60.jpg diff --git a/resources/img/index/G60.webp b/assets/img/index/G60.webp similarity index 100% rename from resources/img/index/G60.webp rename to assets/img/index/G60.webp diff --git a/resources/img/index/U100.jpg b/assets/img/index/U100.jpg similarity index 100% rename from resources/img/index/U100.jpg rename to assets/img/index/U100.jpg diff --git a/resources/img/index/U100.webp b/assets/img/index/U100.webp similarity index 100% rename from resources/img/index/U100.webp rename to assets/img/index/U100.webp diff --git a/resources/img/index/U150.jpg b/assets/img/index/U150.jpg similarity index 100% rename from resources/img/index/U150.jpg rename to assets/img/index/U150.jpg diff --git a/resources/img/index/U150.webp b/assets/img/index/U150.webp similarity index 100% rename from resources/img/index/U150.webp rename to assets/img/index/U150.webp diff --git a/resources/img/index/U60.jpg b/assets/img/index/U60.jpg similarity index 100% rename from resources/img/index/U60.jpg rename to assets/img/index/U60.jpg diff --git a/resources/img/index/U60.webp b/assets/img/index/U60.webp similarity index 100% rename from resources/img/index/U60.webp rename to assets/img/index/U60.webp diff --git a/resources/img/index/UKT.jpg b/assets/img/index/UKT.jpg similarity index 100% rename from resources/img/index/UKT.jpg rename to assets/img/index/UKT.jpg diff --git a/resources/img/index/UKT.webp b/assets/img/index/UKT.webp similarity index 100% rename from resources/img/index/UKT.webp rename to assets/img/index/UKT.webp diff --git a/resources/img/index/UKT100.jpg b/assets/img/index/UKT100.jpg similarity index 100% rename from resources/img/index/UKT100.jpg rename to assets/img/index/UKT100.jpg diff --git a/resources/img/index/UKT100.webp b/assets/img/index/UKT100.webp similarity index 100% rename from resources/img/index/UKT100.webp rename to assets/img/index/UKT100.webp diff --git a/resources/img/index/UKT150.jpg b/assets/img/index/UKT150.jpg similarity index 100% rename from resources/img/index/UKT150.jpg rename to assets/img/index/UKT150.jpg diff --git a/resources/img/index/UKT150.webp b/assets/img/index/UKT150.webp similarity index 100% rename from resources/img/index/UKT150.webp rename to assets/img/index/UKT150.webp diff --git a/resources/img/index/UKT60.jpg b/assets/img/index/UKT60.jpg similarity index 100% rename from resources/img/index/UKT60.jpg rename to assets/img/index/UKT60.jpg diff --git a/resources/img/index/UKT60.webp b/assets/img/index/UKT60.webp similarity index 100% rename from resources/img/index/UKT60.webp rename to assets/img/index/UKT60.webp diff --git a/resources/img/krone.jpg b/assets/img/krone.jpg similarity index 100% rename from resources/img/krone.jpg rename to assets/img/krone.jpg diff --git a/resources/img/makinsan.png b/assets/img/makinsan.png similarity index 100% rename from resources/img/makinsan.png rename to assets/img/makinsan.png diff --git a/resources/img/scroll-to-top.svg b/assets/img/scroll-to-top.svg similarity index 100% rename from resources/img/scroll-to-top.svg rename to assets/img/scroll-to-top.svg diff --git a/resources/img/social/facebook.png b/assets/img/social/facebook.png similarity index 100% rename from resources/img/social/facebook.png rename to assets/img/social/facebook.png diff --git a/resources/img/social/facebook.webp b/assets/img/social/facebook.webp similarity index 100% rename from resources/img/social/facebook.webp rename to assets/img/social/facebook.webp diff --git a/resources/img/social/instagram.png b/assets/img/social/instagram.png similarity index 100% rename from resources/img/social/instagram.png rename to assets/img/social/instagram.png diff --git a/resources/img/social/instagram.webp b/assets/img/social/instagram.webp similarity index 100% rename from resources/img/social/instagram.webp rename to assets/img/social/instagram.webp diff --git a/resources/img/social/sahibinden.png b/assets/img/social/sahibinden.png similarity index 100% rename from resources/img/social/sahibinden.png rename to assets/img/social/sahibinden.png diff --git a/resources/img/social/sahibinden.webp b/assets/img/social/sahibinden.webp similarity index 100% rename from resources/img/social/sahibinden.webp rename to assets/img/social/sahibinden.webp diff --git a/resources/img/ugurgaleri-utek.png b/assets/img/ugurgaleri-utek.png similarity index 100% rename from resources/img/ugurgaleri-utek.png rename to assets/img/ugurgaleri-utek.png diff --git a/resources/img/ugurgaleri-yazıtek.png b/assets/img/ugurgaleri-yazıtek.png similarity index 100% rename from resources/img/ugurgaleri-yazıtek.png rename to assets/img/ugurgaleri-yazıtek.png diff --git a/resources/js/galeri.js b/assets/js/galeri.js similarity index 100% rename from resources/js/galeri.js rename to assets/js/galeri.js diff --git a/resources/js/index.js b/assets/js/index.js similarity index 100% rename from resources/js/index.js rename to assets/js/index.js diff --git a/resources/js/main.js b/assets/js/main.js similarity index 100% rename from resources/js/main.js rename to assets/js/main.js diff --git a/resources/sass/keyframes.scss b/assets/sass/keyframes.scss similarity index 100% rename from resources/sass/keyframes.scss rename to assets/sass/keyframes.scss diff --git a/resources/sass/main.scss b/assets/sass/main.scss similarity index 100% rename from resources/sass/main.scss rename to assets/sass/main.scss diff --git a/resources/sass/mixins.scss b/assets/sass/mixins.scss similarity index 100% rename from resources/sass/mixins.scss rename to assets/sass/mixins.scss diff --git a/resources/sass/overflow.scss b/assets/sass/overflow.scss similarity index 100% rename from resources/sass/overflow.scss rename to assets/sass/overflow.scss diff --git a/resources/sass/partials/footer.scss b/assets/sass/partials/footer.scss similarity index 100% rename from resources/sass/partials/footer.scss rename to assets/sass/partials/footer.scss diff --git a/resources/sass/partials/header.scss b/assets/sass/partials/header.scss similarity index 100% rename from resources/sass/partials/header.scss rename to assets/sass/partials/header.scss diff --git a/resources/sass/urls.scss b/assets/sass/urls.scss similarity index 100% rename from resources/sass/urls.scss rename to assets/sass/urls.scss diff --git a/resources/sass/variables.scss b/assets/sass/variables.scss similarity index 100% rename from resources/sass/variables.scss rename to assets/sass/variables.scss diff --git a/resources/sass/views/aydinlatma.scss b/assets/sass/views/aydinlatma.scss similarity index 100% rename from resources/sass/views/aydinlatma.scss rename to assets/sass/views/aydinlatma.scss diff --git a/resources/sass/views/galeri.scss b/assets/sass/views/galeri.scss similarity index 100% rename from resources/sass/views/galeri.scss rename to assets/sass/views/galeri.scss diff --git a/resources/sass/views/hakkimizda.scss b/assets/sass/views/hakkimizda.scss similarity index 100% rename from resources/sass/views/hakkimizda.scss rename to assets/sass/views/hakkimizda.scss diff --git a/resources/sass/views/iletisim.scss b/assets/sass/views/iletisim.scss similarity index 100% rename from resources/sass/views/iletisim.scss rename to assets/sass/views/iletisim.scss diff --git a/resources/sass/views/index.scss b/assets/sass/views/index.scss similarity index 100% rename from resources/sass/views/index.scss rename to assets/sass/views/index.scss diff --git a/resources/sass/views/kamera.scss b/assets/sass/views/kamera.scss similarity index 100% rename from resources/sass/views/kamera.scss rename to assets/sass/views/kamera.scss diff --git a/resources/css/main.css b/resources/css/main.css deleted file mode 100644 index d65f022..0000000 --- a/resources/css/main.css +++ /dev/null @@ -1,1125 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"); -@keyframes fullscreen-image-appear { - from { - opacity: 0; - width: 0; - height: 0; - } - to { - width: 100%; - height: 100vh; - } -} -@keyframes slideshow { - 0% { - opacity: 0; - animation-timing-function: ease-in; - } - 8% { - opacity: 1; - animation-timing-function: ease-out; - } - 17% { - opacity: 1; - } - 25% { - opacity: 0; - } - 100% { - opacity: 0; - } -} -@keyframes important { - 0% { - transform: scale(1); - text-shadow: black 0 0 0; - color: white; - } - 50% { - transform: scale(1.02); - text-shadow: #01003B 0 0 20px; - color: #FFFFFF; - } - 100% { - transform: scale(1); - text-shadow: black 0 0 0; - color: white; - } -} -.slideshow { - margin: 0; - padding: 0; - height: 80vh; - z-index: 0; - list-style-type: none; -} -@media screen and (max-width: 850px) { - .slideshow { - height: calc(100vh - 45px); - } -} -.slideshow li span { - position: absolute; - width: 100%; - height: 80vh; - left: 0; - color: transparent; - background-size: cover; - background-position: 50% 90%; - background-repeat: no-repeat; - opacity: 0; - z-index: 0; - animation: slideshow 30s linear infinite 0s; -} -@media screen and (max-width: 850px) { - .slideshow li span { - height: calc(100vh - 45px); - } -} -.slideshow li:nth-child(1) span { - background-image: url("../img/galeri/9761.webp"); - background-position-y: 50%; -} -.slideshow li:nth-child(2) span { - background-image: url("../img/galeri/7925.webp"); - animation-delay: 6s; -} -.slideshow li:nth-child(3) span { - background-image: url("../img/galeri/0414.webp"); - animation-delay: 12s; -} -.slideshow li:nth-child(4) span { - background-image: url("../img/galeri/7815.webp"); - animation-delay: 18s; -} -.slideshow li:nth-child(5) span { - background-image: url("../img/galeri/0429.webp"); - animation-delay: 24s; -} - -.araclar { - background: linear-gradient(to left, #1d60b5, #77afff); - text-align: center; -} -.araclar a { - display: inline-block; - color: white; - font: 600 32px "Montserrat", sans-serif; - animation: important 2s infinite ease-in-out; -} -.araclar a:hover { - animation-play-state: paused; - font-style: italic; - color: #01003B; -} -@media screen and (max-width: 850px) { - .araclar a { - margin: 1.5vh 1vw; - } -} - -.table { - display: flex; - flex-direction: column; -} -.table .table-item { - margin-top: 10px; - display: inline-flex; - flex-direction: row; -} -.table .table-item picture { - place-self: center; -} -.table .table-item img { - align-self: center; - margin-right: 20px; -} -@media screen and (max-width: 1100px) { - .table .table-item img { - margin-right: 10px; - } -} -@media screen and (max-width: 850px) { - .table .table-item img { - margin-right: 2px; - } -} -@media screen and (max-width: 400px) { - .table .table-item img { - margin: 0 0 2px 0; - } -} -.table .table-item hr { - min-height: 100%; - max-height: 100vh; - width: 5px; - background: #1d60b5; - margin-right: 175px; -} -@media screen and (max-width: 1100px) { - .table .table-item hr { - margin-right: 85px; - } -} -@media screen and (max-width: 850px) { - .table .table-item hr { - margin-right: 13px; - } -} -@media screen and (max-width: 400px) { - .table .table-item hr { - width: 120px; - border: solid 1px #1d60b5; - margin: 0 0 18px 0; - } -} -.table .table-item:first-of-type { - margin-top: 0; -} -@media screen and (max-width: 400px) { - .table .table-item { - flex-direction: column; - align-items: center; - } -} -.table .reverse { - flex-direction: row-reverse; -} -.table .reverse img { - margin-right: 0; - margin-left: 20px; -} -@media screen and (max-width: 1100px) { - .table .reverse img { - margin-left: 10px; - } -} -@media screen and (max-width: 850px) { - .table .reverse img { - margin-left: 2px; - } -} -.table .reverse hr { - margin-right: 0; - margin-left: 180px; -} -@media screen and (max-width: 1100px) { - .table .reverse hr { - margin-left: 90px; - } -} -@media screen and (max-width: 850px) { - .table .reverse hr { - margin-left: 18px; - } -} -@media screen and (max-width: 400px) { - .table .reverse hr { - margin: 0 0 18px 0; - } -} -@media screen and (max-width: 400px) { - .table .reverse { - flex-direction: column; - } - .table .reverse img { - margin: 0 0 2px 0; - } -} -.table .table-item-animation { - animation: slide-in-right 3000ms; -} -.table .table-item-animation-reverse { - animation: slide-in-left 3000ms; -} -@keyframes slide-in-left { - from { - transform: translateX(-5%); - opacity: 0; - } - to { - transform: translateX(0%); - opacity: 1; - } -} -@keyframes slide-in-right { - from { - transform: translateX(5%); - opacity: 0; - } - to { - transform: translateX(0%); - opacity: 1; - } -} - -.social { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - background: linear-gradient(to left, #1d60b5, #77afff); - color: white; -} -.social p { - font: 700 32px "Montserrat", sans-serif; - margin: 30px 0; -} -.social nav { - display: flex; -} -.social nav .social-button { - display: inline-block; - height: 52px; - width: auto; - border: 2px solid white; - border-radius: 50%; - margin: 0 10px 0 0; -} -.social nav .social-button img { - margin: 10px; -} -.social nav .social-button:hover { - background-color: white; -} -.social nav .social-button:hover img { - filter: brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%); -} -.social nav .social-button:last-of-type { - margin: 0; -} -@media screen and (max-width: 400px) { - .social nav .social-button { - margin: 0 0 30px 0; - } -} -@media screen and (max-width: 400px) { - .social { - flex-direction: column; - } - .social p { - font-size: 20px; - font-weight: 600; - text-align: center; - } - .social nav .social-button { - margin-right: 10px; - } -} - -table { - width: 100%; - border: solid 1px black; -} - -td { - padding: 1vw; - border: solid 1px black; -} - -.documents { - display: flex; - flex-direction: row; - background: linear-gradient(to left, #1d60b5, #77afff); -} -.documents .document { - margin: 0 5vw 0 0; - padding: 1vh 1vw; - flex: 1; - display: block; - filter: light(50%); - text-align: center; - border-radius: 20px; -} -.documents .document:last-of-type { - margin: 0; -} -.documents .document:hover { - background-color: rgba(255, 255, 255, 0.75); - transition: 250ms cubic-bezier(0.4, 0, 1, 1); -} -.documents .document:hover img { - filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%); -} -.documents .document:hover h1 { - color: #1d409d; -} -.documents .document img { - margin: 0 0 2.5vh 0; - height: 100px; -} -.documents .document h1 { - color: white; - font: 600 18px Montserrat, sans-serif; -} -@media screen and (max-width: 1515px) { - .documents .document { - display: inline-flex; - align-items: center; - margin: 0 0 4.5vh 0; - } - .documents .document:last-of-type { - margin: 0; - } - .documents .document img { - margin: 0 2.5vw 0 0; - } - .documents .document h1 { - text-align: left; - } -} -@media screen and (max-width: 420px) { - .documents .document img { - width: 50px; - margin: 0 2vw 0 0; - } -} -@media screen and (max-width: 1515px) { - .documents { - flex-direction: column; - } -} - -h1 { - margin: 0; -} - -#map { - width: calc(100vw - (100vw - 100%)); - height: auto; -} -#map iframe { - width: 100%; -} - -#information { - display: flex; - flex-direction: row; - font: 500 24px "Montserrat", sans-serif; -} -#information .contact, #information .location { - width: 100%; - display: flex; - flex: 1; - flex-direction: column; - align-items: flex-start; -} -#information .contact h1, #information .location h1 { - font: 600 48px "Montserrat", sans-serif; -} -@media screen and (max-width: 1235px) { - #information .contact h1, #information .location h1 { - font-size: 40px; - } -} -@media screen and (max-width: 1170px) { - #information .contact h1, #information .location h1 { - font-size: 48px; - } -} -@media screen and (max-width: 490px) { - #information .contact h1, #information .location h1 { - font-size: 36px; - } -} -#information .contact h2, #information .location h2 { - font: 600 40px "Montserrat", sans-serif; - margin: 0.5em 0 0 0; -} -@media screen and (max-width: 1235px) { - #information .contact h2, #information .location h2 { - font-size: 32px; - } -} -@media screen and (max-width: 1170px) { - #information .contact h2, #information .location h2 { - font-size: 40px; - } -} -@media screen and (max-width: 490px) { - #information .contact h2, #information .location h2 { - font-size: 28px; - } -} -#information .contact h3, #information .location h3 { - font: 600 32px "Montserrat", sans-serif; - margin: 0.5em 0 0.25em 0; -} -@media screen and (max-width: 1235px) { - #information .contact h3, #information .location h3 { - font-size: 24px; - } -} -@media screen and (max-width: 1170px) { - #information .contact h3, #information .location h3 { - font-size: 32px; - } -} -@media screen and (max-width: 490px) { - #information .contact h3, #information .location h3 { - font-size: 18px; - } -} -#information .contact { - margin: 0 2vw 0 0; -} -@media screen and (max-width: 1170px) { - #information .contact { - margin: 0 0 2vh 0; - } -} -#information .click-call, #information .click-pm { - margin: 0 0 0 1em; -} -#information .click-call img, #information .click-pm img { - width: 1em; - height: 1em; - margin: 0 1em 0 0; -} -#information .horizontal-separator { - width: 100%; - width: -moz-available; - width: -webkit-fill-available; - border: solid 1px black; -} -@media screen and (max-width: 1170px) { - #information { - flex-direction: column; - align-items: center; - font-size: 24px; - } -} -@media screen and (max-width: 490px) { - #information { - font-size: 16px; - } -} - -#video, #misyon, #vizyon, #hikaye, #yonetim { - text-align: center; -} -#video h1, #misyon h1, #vizyon h1, #hikaye h1, #yonetim h1 { - margin: 0 0 1em 0; - color: black; -} -#video ul, #misyon ul, #vizyon ul, #hikaye ul, #yonetim ul { - list-style-position: inside; - font-size: 1vw; -} - -#video { - display: flex; - flex-direction: column; - align-items: center; - color: white; - background: linear-gradient(to left, #1d60b5, #77afff); -} -#video video { - width: 100% !important; - height: auto !important; -} - -#hikaye section { - display: flex; - align-items: center; -} -#hikaye section figure img { - height: 25vw; -} -@media screen and (max-width: 1700px) { - #hikaye section { - flex-direction: column-reverse; - } -} -#hikaye .text-area { - flex-direction: column; -} - -.sec-links-to-documents { - display: flex; - flex-direction: column; - align-items: center; - background: linear-gradient(to left, #1d60b5, #77afff); -} -.sec-links-to-documents h1 { - font: 500 32px "Montserrat", sans-serif; -} -.sec-links-to-documents h1 a { - background: linear-gradient(#FFFFFF, #adf0ff); - -webkit-background-clip: text; - background-clip: text; - color: transparent; - font: 700 33px "Montserrat", sans-serif; -} -.sec-links-to-documents h1 a:hover { - color: black; -} -.sec-links-to-documents h1 a:active { - background: linear-gradient(to top, #FFFFFF, #adf0ff); - -webkit-background-clip: text; - background-clip: text; - color: transparent; -} -.sec-links-to-documents h1:first-of-type { - margin: 0 0 2.5vh 0; -} -@media screen and (max-width: 1215px) { - .sec-links-to-documents h1 { - font-size: 22px; - } - .sec-links-to-documents h1 a { - font-size: 23px; - } -} -@media screen and (max-width: 610px) { - .sec-links-to-documents h1 { - font-size: 12px; - } - .sec-links-to-documents h1 a { - font-size: 13px; - } -} - -#fullscreen { - margin: 0; - padding: 0; - display: none; - align-items: center; - justify-content: center; - width: 100%; - height: 100vh; - background: black; -} -#fullscreen #fullscreen-img { - max-width: 100%; - max-height: 100vh; - object-fit: cover; - cursor: pointer; -} - -.gallery-text { - overflow: auto; - background: linear-gradient(to left, #1d60b5, #77afff); -} -.gallery-text h1 { - margin: 2.5vh 0; - text-align: center; - font: 600 2.5vw "Montserrat", sans-serif; - color: white; -} - -.gallery { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - align-items: center; - overflow: hidden; -} -.gallery .photo-container { - margin: 1vh 1vw; - width: 25%; - height: 25%; - overflow: hidden; -} -.gallery .photo-container .photo { - width: 100%; - height: 100%; - cursor: pointer; - transition: 750ms all ease-in-out; - filter: brightness(80%); -} -.gallery .photo-container .photo:hover { - filter: brightness(100%); - transform: scale(1.3); -} -@media (hover: hover) and (pointer: fine) { - .gallery .photo-container .photo:active { - filter: brightness(100%); - transform: scale(1.3); - } -} - -#header { - background: #FDFFFF; - padding: 0 150px; - position: sticky; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; -} -@media screen and (max-width: 850px) { - #header { - padding: 0 50px; - } -} -@media screen and (max-width: 360px) { - #header { - padding: 0 25px; - } -} -#header #logo { - display: flex; - align-items: center; - height: 56px; -} -@media screen and (max-width: 850px) { - #header #logo { - height: 36px; - } -} -#header .bounce-animation span { - font: 600 56px "Oswald", sans-serif; - display: inline-block; - color: #1d60b5; - animation: bounce 2500ms infinite; - animation-delay: calc(0.1s * var(--i)); -} -@media screen and (max-width: 850px) { - #header .bounce-animation span { - font-size: 36px; - } -} -@keyframes bounce { - 0%, 40%, 100% { - transform: translateY(0); - } - 20% { - transform: translateY(-5px); - } -} -#header .navbar { - display: flex; -} -#header .navbar .nav-item { - margin-right: 1vw; - font: 18px "Montserrat", sans-serif; - font-weight: 600; - color: #706fff; - text-decoration: none; -} -#header .navbar .nav-item:hover { - color: #01003B; -} -#header .navbar .nav-item:last-of-type { - margin-right: 0; -} -@media screen and (max-width: 1200px) { - #header .navbar .nav-item { - display: none; - } -} -#header #toggle { - display: none; -} -#header #toggle-label { - margin: 0; - width: 36px; - height: 36px; - position: relative; - cursor: pointer; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#header #toggle-label .bar { - padding: 0; - width: 36px; - height: 4px; - background-color: #1d60b5; - display: block; - border-radius: 4px; - transition: all 0.4s ease-in-out; - position: absolute; -} -#header #toggle-label .bar1 { - transform-origin: 5%; -} -#header #toggle-label .bar4 { - transform-origin: 5%; -} -@media screen and (max-width: 850px) { - #header #toggle-label { - width: 28px; - height: 28px; - } - #header #toggle-label .bar { - width: 28px; - } -} -#header .bar1 { - top: 0; -} -#header .bar2, -#header .bar3 { - top: 16px; -} -@media screen and (max-width: 850px) { - #header .bar2, -#header .bar3 { - top: 12px; - } -} -#header .bar3 { - right: 0; -} -#header .bar4 { - bottom: 0; -} -#header #toggle:checked + #toggle-label > .bar1 { - transform: rotate(45deg); - height: 3px; - width: 50px; -} -@media screen and (max-width: 850px) { - #header #toggle:checked + #toggle-label > .bar1 { - width: 39px; - } -} -#header #toggle:checked + #toggle-label > .bar3 { - transform: rotate(45deg); - height: 3px; - background-color: transparent; -} -#header #toggle:checked + #toggle-label > .bar2 { - transform: rotate(-45deg); - height: 3px; - background-color: transparent; -} -#header #toggle:checked + #toggle-label > .bar4 { - transform: rotate(-45deg); - height: 3px; - width: 50px; -} -@media screen and (max-width: 850px) { - #header #toggle:checked + #toggle-label > .bar4 { - width: 39px; - } -} -#header #toggle-label { - display: none; -} -@media screen and (max-width: 1200px) { - #header #toggle-label { - display: block; - } -} - -#footer { - display: flex; - justify-content: space-between; - background-color: #000000; - font: 16px "Montserrat", sans-serif; - padding-top: 50px; - padding-bottom: 50px; -} -#footer .footer-columns { - display: flex; -} -#footer .footer-columns .footer-column { - margin: 0 20px 20px 20px; -} -#footer .footer-columns .footer-column h1 { - margin: 0 0 16px 0; - font: 700 18px "Montserrat", sans-serif; - color: #f5ffff; -} -@media screen and (max-width: 400px) { - #footer .footer-columns .footer-column h1 { - font-size: 14px; - } -} -#footer .footer-columns .footer-column a { - text-decoration: none; - color: #abb3b3; -} -#footer .footer-columns .footer-column a:hover { - font-size: 17px; - color: #b3d1ff; -} -@media screen and (max-width: 400px) { - #footer .footer-columns .footer-column a:hover { - font-size: 13px; - } -} -#footer .footer-columns .footer-column ul { - margin: 0; - padding: 0; - list-style-type: none; -} -@media screen and (max-width: 400px) { - #footer { - font-size: 12px; - } -} - -#footer-stateless { - display: flex; - justify-content: space-between; - align-items: center; - background-color: #1d60b5; - color: white; - font: 14px "Montserrat", sans-serif; -} -#footer-stateless a { - color: white; - text-decoration: none; -} -#footer-stateless a:hover { - font-style: italic; -} -#footer-stateless .smaller { - font-weight: 200; - font-size: 12px; -} -@media screen and (max-width: 400px) { - #footer-stateless .smaller { - font-size: 8px; - } -} -@media screen and (max-width: 400px) { - #footer-stateless { - font-size: 10px; - } -} - -html, body { - margin: 0; - padding: 0; - background-color: #364040; - scroll-behavior: smooth; -} - -a { - text-decoration: none; - color: #706fff; -} -a:hover { - color: #01003B; -} -a:active { - font-style: italic; -} - -.content-spacing { - padding: 100px 200px; -} -@media screen and (max-width: 1100px) { - .content-spacing { - padding: 50px 100px; - } -} -@media screen and (max-width: 850px) { - .content-spacing { - padding: 10px 20px; - } -} - -.content-spacing-small { - padding: 50px 100px; -} -@media screen and (max-width: 1100px) { - .content-spacing-small { - padding: 25px 50px; - } -} -@media screen and (max-width: 850px) { - .content-spacing-small { - padding: 5px 10px; - } -} - -.ignore-vertical { - padding-top: 0; - padding-bottom: 0; -} - -.no-decoration { - text-decoration: none; - color: inherit; -} -.no-decoration:hover { - color: inherit; -} - -.paragraph { - font: 500 x-large "Montserrat", sans-serif; -} -@media screen and (max-width: 1100px) { - .paragraph { - font-size: large; - } -} -@media screen and (max-width: 850px) { - .paragraph { - font-size: 18px; - } -} -@media screen and (max-width: 400px) { - .paragraph { - font-size: 16px; - } -} - -.heading { - font: 600 50px "Montserrat", sans-serif; -} -@media screen and (max-width: 1100px) { - .heading { - font-size: 35px; - } -} -@media screen and (max-width: 850px) { - .heading { - font-size: 25px; - } -} -@media screen and (max-width: 400px) { - .heading { - font-size: 20px; - } -} - -#header { - position: sticky; - top: 0; - z-index: 99; - height: 10vh; -} -@media screen and (max-width: 850px) { - #header { - height: 45px; - } -} - -#drawer { - overflow: hidden; - position: fixed; - bottom: 0; - right: 0; - z-index: 2; - background: linear-gradient(to left bottom, #1d60b5, #003e86); - width: 0; - height: 90vh; - display: flex; - flex-direction: column; - align-items: center; - transition: width 500ms; -} -#drawer .drawer-item { - position: relative; - opacity: 0; - margin-top: 50px; - background: linear-gradient(#FFFFFF, #adf0ff); - -webkit-background-clip: text; - background-clip: text; - color: transparent; - font: 600 28px "Montserrat", sans-serif; - text-decoration: none; - transition: opacity 250ms ease-in-out; -} -#drawer .drawer-item:first-of-type { - margin-top: 100px; -} -#drawer .drawer-item:after { - content: ""; - position: absolute; - width: 100%; - transform: scaleX(0); - height: 2px; - bottom: 0; - left: 0; - background: linear-gradient(to left, #FFF, #AFF); - transform-origin: bottom right; - transition: transform 0.25s ease-out; -} -#drawer .drawer-item:hover:after { - transform: scaleX(1); - transform-origin: bottom left; -} -#drawer .drawer-item.visible { - opacity: 1; -} -#drawer.expanded { - width: 100%; - top: unset; -} -@media screen and (max-width: 850px) { - #drawer { - height: calc(100vh - 45px); - } -} - -#container { - min-height: 90vh; - display: grid; - grid-template-rows: 1fr auto; - grid-template-columns: 1fr; - grid-gap: 0; - overflow: auto; -} -@media screen and (max-width: 850px) { - #container { - min-height: calc(100vh - 45px); - } -} -#container.hidden { - display: none; -} - -#content { - background: whitesmoke; - grid-column: 1; - grid-row: 1; - overflow-wrap: break-word; -} - -#scroll-to-top { - display: none; - width: 50px; - height: 50px; - position: fixed; - right: 25px; - bottom: 55px; - z-index: 99; - cursor: pointer; - border: none; - border-radius: 50%; - background-color: #1d60b5; - box-shadow: white 0 0 50px -5px; -} -#scroll-to-top img { - height: 100%; - width: 100%; - filter: invert(100%); -} -@media (hover: hover) and (pointer: fine) { - #scroll-to-top:hover { - width: 60px; - height: 60px; - right: 20px; - bottom: 50px; - transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); - } - #scroll-to-top:hover img { - transform: translateY(-5px); - transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); - } -} - -#footer { - grid-column: 1; - grid-row: 2; -} - -#footer-stateless { - grid-column: 1; - grid-row: 3; -} - -/*# sourceMappingURL=main.css.map */