Rename scripts => js & css => sass

resources/sass/views/aydinlatma.scss

@@ -0,0 +1,84 @@
+@use "../variables.scss";
+@use "../mixins.scss";
+
+table {
+  width: 100%;
+  border: solid 1px black;
+}
+
+td {
+  padding: 1vw;
+  border: solid 1px black;
+}
+
+.documents {
+  display: flex;
+  flex-direction: row;
+  background: variables.$clr_brand_gradient;
+
+  .document {
+    margin: 0 5vw 0 0;
+    padding: 1vh 1vw;
+    flex: 1;
+    display: block;
+    filter: light(50%);
+    text-align: center;
+    border-radius: 20px;
+
+    &:last-of-type {
+      margin: 0;
+    }
+
+    &:hover {
+      background-color: rgba(100%, 100%, 100%, 75%);
+      transition: 250ms cubic-bezier(0.4, 0, 1, 1);
+
+      img {
+        filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%);
+      }
+
+      h1 {
+        color: #1d409d;
+      }
+    }
+
+    img {
+      margin: 0 0 2.5vh 0;
+      height: 100px;
+    }
+
+    h1 {
+      color: white;
+      font: 600 18px Montserrat, sans-serif;
+    }
+
+    @include mixins.mx_aydinlatma_documents_fix {
+      display: inline-flex;
+      align-items: center;
+      margin: 0 0 4.5vh 0;
+
+      &:last-of-type {
+        margin: 0;
+      }
+
+      img {
+        margin: 0 2.5vw 0 0;
+      }
+
+      h1 {
+        text-align: left;
+      }
+    }
+
+    @include mixins.mx_aydinlatma_documents_fix2 {
+      img {
+        width: 50px;
+        margin: 0 2vw 0 0;
+      }
+    }
+  }
+
+  @include mixins.mx_aydinlatma_documents_fix {
+    flex-direction: column;
+  }
+}

resources/sass/views/galeri.scss

@@ -0,0 +1,69 @@
+@use "../mixins";
+@use "../keyframes";
+@use "../variables";
+
+#fullscreen {
+  margin: 0;
+  padding: 0;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100vh;
+  background: black;
+
+  #fullscreen-img {
+    max-width: 100%;
+    max-height: 100vh;
+    object-fit: cover;
+    cursor: pointer;
+  }
+}
+
+.gallery-text {
+  overflow: auto;
+  background: variables.$clr_brand_gradient;
+
+  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;
+
+  .photo-container {
+    margin: 1vh 1vw;
+    width: 25%;
+    height: 25%;
+    overflow: hidden;
+
+    .photo {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      transition: 750ms all ease-in-out;
+      filter: brightness(80%);
+
+      &:hover {
+        filter: brightness(100%);
+        transform: scale(1.3);
+      }
+
+      @include mixins.mx_ismobile {
+        &:active {
+          filter: brightness(100%);
+          transform: scale(1.3);
+        }
+      }
+    }
+  }
+}

resources/sass/views/hakkimizda.scss

@@ -0,0 +1,50 @@
+@use "../variables.scss";
+@use "../mixins.scss";
+
+#video, #misyon, #vizyon, #hikaye, #yonetim {
+  text-align: center;
+
+  h1 {
+    margin: 0 0 1em 0;
+    color: black;
+  }
+
+  ul {
+    list-style-position: inside;
+    font-size: 1vw;
+  }
+}
+
+#video {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: white;
+  background: variables.$clr_brand_gradient;
+
+  video {
+    width: 100% !important;
+    height: auto !important;
+  }
+}
+
+#hikaye {
+  section {
+    display: flex;
+    align-items: center;
+
+    figure {
+      img {
+        height: 25vw;
+      }
+    }
+
+    @include mixins.mx_hakkimizda_text-area {
+      flex-direction: column-reverse;
+    }
+  }
+
+  .text-area {
+    flex-direction: column;
+  }
+}

resources/sass/views/iletisim.scss

@@ -0,0 +1,115 @@
+@use "../variables";
+@use "../mixins";
+
+h1 {
+  margin: 0;
+}
+
+#map {
+  width: calc(100vw - (100vw - 100%));
+  height: auto;
+
+  iframe {
+    width: 100%;
+  }
+}
+
+#information {
+  display: flex;
+  flex-direction: row;
+  font: 500 24px "Montserrat", sans-serif;
+
+  .contact, .location {
+    width: 100%;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    align-items: flex-start;
+
+    h1 {
+      font: 600 48px "Montserrat", sans-serif;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 40px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 48px;
+      }
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 36px;
+      }
+    }
+
+    h2 {
+      font: 600 40px "Montserrat", sans-serif;
+      margin: 0.5em 0 0 0;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 32px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 40px;
+      }
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 28px;
+      }
+    }
+
+    h3 {
+      font: 600 32px "Montserrat", sans-serif;
+      margin: 0.5em 0 0.25em 0;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 24px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 32px;
+      }
+
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 18px;
+      }
+    }
+  }
+
+  .contact {
+    margin: 0 2vw 0 0;
+
+    @include mixins.mx_iletisim_sec_information2 {
+      margin: 0 0 2vh 0;
+    }
+  }
+
+  .click-call, .click-pm{
+    margin: 0 0 0 1em;
+    img {
+      width: 1em;
+      height: 1em;
+      margin: 0 1em 0 0;
+    }
+  }
+
+  .horizontal-separator {
+    width: 100%;
+    width: -moz-available;
+    //noinspection CssInvalidPropertyValue
+    width: -webkit-fill-available;
+    border: solid 1px black;
+  }
+
+  @include mixins.mx_iletisim_sec_information2 {
+    flex-direction: column;
+    align-items: center;
+    font-size: 24px;
+  }
+
+  @include mixins.mx_iletisim_sec_information3 {
+    font-size: 16px;
+  }
+}

resources/sass/views/index.scss

@@ -0,0 +1,289 @@
+@use "../variables.scss";
+@use "../mixins.scss";
+@use "../urls.scss";
+@use "../keyframes";
+@use "sass:math";
+
+$table-item_img_width_l: 150px;
+$table-item_img_width: 100px;
+$table-item_img_width_s: 60px;
+$table-item_margin_between_items: 10px;
+
+$social-button_img_width: 32px;
+$social-button_inner_margin: 10px;
+
+.slideshow {
+  margin: 0;
+  padding: 0;
+  height: 80vh;
+  z-index: 0;
+  list-style-type: none;
+
+  @include mixins.header_overflow2 {
+    height: calc(100vh - 45px);
+  }
+
+  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;
+
+    @include mixins.header_overflow2 {
+      height: calc(100vh - 45px);
+    }
+  }
+
+  li:nth-child(1) span {
+    background-image: urls.$index_slide1;
+    background-position-y: 50%;
+  }
+  li:nth-child(2) span {
+    background-image: urls.$index_slide2;
+    animation-delay: 6s;
+  }
+  li:nth-child(3) span {
+    background-image: urls.$index_slide3;
+    animation-delay: 12s;
+  }
+  li:nth-child(4) span {
+    background-image: urls.$index_slide4;
+    animation-delay: 18s;
+  }
+  li:nth-child(5) span {
+    background-image: urls.$index_slide5;
+    animation-delay: 24s;
+  }
+}
+
+.araclar {
+  background: variables.$clr_brand_gradient;
+  text-align: center;
+
+  a {
+    display: inline-block;
+    color: white;
+    font: 600 32px "Montserrat", sans-serif;
+    animation: important 2s infinite ease-in-out;
+
+    &:hover {
+      animation-play-state: paused;
+      font-style: italic;
+      color: variables.$clr_dark;
+    }
+
+    @include mixins.header_overflow2 {
+      margin: 1.5vh 1vw;
+    }
+  }
+}
+
+.table {
+  display: flex;
+  flex-direction: column;
+
+  .table-item {
+    margin-top: $table-item_margin_between_items;
+    display: inline-flex;
+    flex-direction: row;
+
+    picture {
+      place-self: center;
+    }
+
+    img {
+      align-self: center;
+      margin-right: math.div(variables.$px_horizontalPadding, 10);
+
+      @include mixins.mx_index_brands_fix {
+        margin-right: math.div(variables.$px_horizontalPadding2, 10);
+      }
+
+      @include mixins.mx_index_brands_fix2 {
+        margin-right: math.div(variables.$px_horizontalPadding3, 10);
+      }
+
+      @include mixins.mx_mobile {
+        margin: 0 0 2px 0;
+      }
+    }
+
+    hr {
+      min-height: 100%;
+      max-height: 100vh;
+      width: 5px;
+      background: variables.$clr_brand;
+      margin-right: 9 * math.div(variables.$px_horizontalPadding, 10) - 5;
+
+      @include mixins.mx_index_brands_fix {
+        margin-right: 9 * math.div(variables.$px_horizontalPadding2, 10) - 5;
+      }
+
+      @include mixins.mx_index_brands_fix2 {
+        margin-right: 9 * math.div(variables.$px_horizontalPadding3, 10) - 5;
+      }
+
+      @include mixins.mx_mobile {
+        width: $table-item_img_width + 20px;
+        border: solid 1px variables.$clr_brand;
+        margin: 0 0 18px 0;
+      }
+    }
+
+    &:first-of-type {
+      margin-top: 0;
+    }
+
+    @include mixins.mx_mobile {
+      flex-direction: column;
+      align-items: center;
+    }
+  }
+
+  .reverse {
+    // reverse is a property given to .table-item elements
+    // it contains styling for img and .vertical-separator elements contained under
+    // a .table-item element
+    flex-direction: row-reverse;
+
+    img {
+      margin-right: 0;
+      margin-left: math.div(variables.$px_horizontalPadding, 10);;
+
+      @include mixins.mx_index_brands_fix {
+        margin-left: math.div(variables.$px_horizontalPadding2, 10);
+      }
+
+      @include mixins.mx_index_brands_fix2 {
+        margin-left: math.div(variables.$px_horizontalPadding3, 10);
+      }
+    }
+
+    hr {
+      margin-right: 0;
+      margin-left: 9 * math.div(variables.$px_horizontalPadding, 10);;
+
+      @include mixins.mx_index_brands_fix {
+        margin-left: 9 * math.div(variables.$px_horizontalPadding2, 10);
+      }
+
+      @include mixins.mx_index_brands_fix2 {
+        margin-left: 9 * math.div(variables.$px_horizontalPadding3, 10);
+      }
+
+      @include mixins.mx_mobile {
+        margin: 0 0 18px 0;
+      }
+    }
+
+    @include mixins.mx_mobile {
+      flex-direction: column;
+
+      img {
+        margin: 0 0 2px 0;
+      }
+    }
+  }
+
+  .table-item-animation {
+    animation: slide-in-right 3000ms;
+  }
+
+  .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: variables.$clr_brand_gradient;
+  color: white;
+
+  p {
+    font: 700 $social-button_img_width "Montserrat", sans-serif;
+    margin: 30px 0;
+  }
+
+  nav {
+    display: flex;
+
+    .social-button {
+      display: inline-block;
+      height: $social-button_img_width + (2 * $social-button_inner_margin);
+      width: auto;
+      border: 2px solid white;
+      border-radius: 50%;
+      margin: 0 10px 0 0;
+
+      img {
+        margin: 10px;
+      }
+
+      &:hover {
+        background-color: white;
+
+        img {
+          filter: brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%);
+        }
+      }
+
+      &:last-of-type {
+        margin: 0;
+      }
+
+      @include mixins.mx_mobile {
+        margin: 0 0 30px 0;
+      }
+    }
+  }
+
+  @include mixins.mx_mobile {
+    flex-direction: column;
+
+    p {
+      font-size: 20px;
+      font-weight: 600;
+      text-align: center;
+    }
+
+    nav {
+      .social-button {
+        margin-right: 10px;
+      }
+    }
+  }
+}

resources/sass/views/kamera.scss

@@ -0,0 +1,54 @@
+@use "../variables";
+@use "../mixins";
+
+.sec-links-to-documents {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: variables.$clr_brand_gradient;
+
+  h1 {
+    font: 500 32px "Montserrat", sans-serif;
+
+    a {
+      background: variables.$cg_drawer_navitem;
+      -webkit-background-clip: text;
+      //noinspection CssInvalidPropertyValue
+      background-clip: text;
+      color: transparent;
+      font: 700 33px "Montserrat", sans-serif;
+
+      &:hover {
+        color: black;
+      }
+
+      &:active {
+        background: variables.$cg_drawer_navitem2;
+        -webkit-background-clip: text;
+        //noinspection CssInvalidPropertyValue
+        background-clip: text;
+        color: transparent;
+      }
+    }
+
+    &:first-of-type {
+      margin: 0 0 2.5vh 0;
+    }
+
+    @include mixins.mx_kamera_sec-links-to-documents {
+      font-size: 22px;
+
+      a {
+        font-size: 23px;
+      }
+    }
+
+    @include mixins.mx_kamera_sec-links-to-documents2 {
+      font-size: 12px;
+
+      a {
+        font-size: 13px;
+      }
+    }
+  }
+}