From 4d1e95f585c4fe5fc22a243756d29e1b616618e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= Date: Thu, 11 Aug 2022 19:54:12 +0300 Subject: [PATCH] Use structured sass compilation --- assets/css/keyframes.css | 1 + assets/css/main.css | 532 +------------------------------- assets/css/mixins.css | 1 + assets/css/overflow.css | 1 + assets/css/partials/footer.css | 1 + assets/css/partials/header.css | 1 + assets/css/urls.css | 1 + assets/css/variables.css | 1 + assets/css/views/aydinlatma.css | 1 + assets/css/views/galeri.css | 1 + assets/css/views/hakkimizda.css | 1 + assets/css/views/iletisim.css | 1 + assets/css/views/index.css | 1 + assets/css/views/kamera.css | 1 + 14 files changed, 14 insertions(+), 531 deletions(-) create mode 100644 assets/css/keyframes.css create mode 100644 assets/css/mixins.css create mode 100644 assets/css/overflow.css create mode 100644 assets/css/partials/footer.css create mode 100644 assets/css/partials/header.css create mode 100644 assets/css/urls.css create mode 100644 assets/css/variables.css create mode 100644 assets/css/views/aydinlatma.css create mode 100644 assets/css/views/galeri.css create mode 100644 assets/css/views/hakkimizda.css create mode 100644 assets/css/views/iletisim.css create mode 100644 assets/css/views/index.css create mode 100644 assets/css/views/kamera.css diff --git a/assets/css/keyframes.css b/assets/css/keyframes.css new file mode 100644 index 0000000..b252931 --- /dev/null +++ b/assets/css/keyframes.css @@ -0,0 +1 @@ +@import"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:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}/*# sourceMappingURL=keyframes.css.map */ diff --git a/assets/css/main.css b/assets/css/main.css index 06345a6..2ad9e20 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,531 +1 @@ -@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 */ +@import"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(.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:rgba(0,0,0,0);-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 .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:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#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:#000;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:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;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:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}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:rgba(0,0,0,0);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 .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:#f5f5f5;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:#fff 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/assets/css/mixins.css b/assets/css/mixins.css new file mode 100644 index 0000000..bf49d70 --- /dev/null +++ b/assets/css/mixins.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"/*# sourceMappingURL=mixins.css.map */ diff --git a/assets/css/overflow.css b/assets/css/overflow.css new file mode 100644 index 0000000..1ad35b4 --- /dev/null +++ b/assets/css/overflow.css @@ -0,0 +1 @@ +/*# sourceMappingURL=overflow.css.map */ diff --git a/assets/css/partials/footer.css b/assets/css/partials/footer.css new file mode 100644 index 0000000..ef25795 --- /dev/null +++ b/assets/css/partials/footer.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#footer{display:flex;justify-content:space-between;background-color:#000;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:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;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}}/*# sourceMappingURL=footer.css.map */ diff --git a/assets/css/partials/header.css b/assets/css/partials/header.css new file mode 100644 index 0000000..67f6ef0 --- /dev/null +++ b/assets/css/partials/header.css @@ -0,0 +1 @@ +@import"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(.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:rgba(0,0,0,0);-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 .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:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#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}}/*# sourceMappingURL=header.css.map */ diff --git a/assets/css/urls.css b/assets/css/urls.css new file mode 100644 index 0000000..ffecf52 --- /dev/null +++ b/assets/css/urls.css @@ -0,0 +1 @@ +/*# sourceMappingURL=urls.css.map */ diff --git a/assets/css/variables.css b/assets/css/variables.css new file mode 100644 index 0000000..6d75c55 --- /dev/null +++ b/assets/css/variables.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"/*# sourceMappingURL=variables.css.map */ diff --git a/assets/css/views/aydinlatma.css b/assets/css/views/aydinlatma.css new file mode 100644 index 0000000..7b432bf --- /dev/null +++ b/assets/css/views/aydinlatma.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";table{width:100%;border:solid 1px #000}td{padding:1vw;border:solid 1px #000}.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,.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:#fff;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}}/*# sourceMappingURL=aydinlatma.css.map */ diff --git a/assets/css/views/galeri.css b/assets/css/views/galeri.css new file mode 100644 index 0000000..3a41bc6 --- /dev/null +++ b/assets/css/views/galeri.css @@ -0,0 +1 @@ +@import"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:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}#fullscreen{margin:0;padding:0;display:none;align-items:center;justify-content:center;width:100%;height:100vh;background:#000}#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:#fff}.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)}}/*# sourceMappingURL=galeri.css.map */ diff --git a/assets/css/views/hakkimizda.css b/assets/css/views/hakkimizda.css new file mode 100644 index 0000000..11fd499 --- /dev/null +++ b/assets/css/views/hakkimizda.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#video,#misyon,#vizyon,#hikaye,#yonetim{text-align:center}#video h1,#misyon h1,#vizyon h1,#hikaye h1,#yonetim h1{margin:0 0 1em 0;color:#000}#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:#fff;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}/*# sourceMappingURL=hakkimizda.css.map */ diff --git a/assets/css/views/iletisim.css b/assets/css/views/iletisim.css new file mode 100644 index 0000000..7caa8bf --- /dev/null +++ b/assets/css/views/iletisim.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";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:.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:.5em 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 #000}@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}}/*# sourceMappingURL=iletisim.css.map */ diff --git a/assets/css/views/index.css b/assets/css/views/index.css new file mode 100644 index 0000000..04b8822 --- /dev/null +++ b/assets/css/views/index.css @@ -0,0 +1 @@ +@import"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:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}.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:rgba(0,0,0,0);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:#fff;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:#fff}.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 #fff;border-radius:50%;margin:0 10px 0 0}.social nav .social-button img{margin:10px}.social nav .social-button:hover{background-color:#fff}.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}}/*# sourceMappingURL=index.css.map */ diff --git a/assets/css/views/kamera.css b/assets/css/views/kamera.css new file mode 100644 index 0000000..7a5d5f1 --- /dev/null +++ b/assets/css/views/kamera.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";.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:rgba(0,0,0,0);font:700 33px "Montserrat",sans-serif}.sec-links-to-documents h1 a:hover{color:#000}.sec-links-to-documents h1 a:active{background:linear-gradient(to top, #FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.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}}/*# sourceMappingURL=kamera.css.map */