initial commit

assets/sass/article.scss

@@ -0,0 +1,15 @@
+.article__date {
+    font-style: italic;
+}
+
+.article__featured-image {
+    max-width: 100%;
+
+    img {
+        max-width: 100%;
+    }
+}
+
+.article {
+    line-height: 1.8rem;
+}

assets/sass/card.scss

@@ -0,0 +1,3 @@
+.card {
+    
+}

assets/sass/contact.scss

@@ -0,0 +1,3 @@
+.contact-card {
+
+}

assets/sass/footer.scss

@@ -0,0 +1,34 @@
+html {
+    height: 100%;
+}
+body {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.footer-push {
+    flex-grow: 1;
+
+}
+
+.site-footer {
+    border-top: .5rem solid $primary;
+    margin-top: 1rem;
+    padding-top: 2rem;
+    padding-bottom: 4rem;
+    background-color: $background;
+    color: white;
+    
+    a {
+        color: white;
+        text-decoration: none;
+    }
+    a:hover {
+        opacity: 0.8;
+        text-decoration: underline;
+    }
+}
+
+.site-footer__content {
+
+}

assets/sass/gallery.scss

@@ -0,0 +1,78 @@
+.gallery {
+    // display: flex;
+    // flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-column-gap: 1rem;
+}
+
+.gallery__side {
+    grid-column-start: 1;
+    grid-column-end: 3;
+}
+
+.gallery__side {
+    margin-bottom: .5rem;
+}
+
+.gallery-tags__title {
+
+
+}
+
+.gallery__items-container {
+    grid-column-start: 3;
+    grid-column-end: 13;
+}
+
+.gallery__items {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(13rem, 1fr));
+
+    grid-gap: 1rem;
+}
+
+.gallery__item {
+    aspect-ratio: 1;
+    // $size: 25rem;
+    // width: $size;
+    // height: $size;
+    img {
+        width: 0;
+        height: 0;
+        min-height: 100%;
+        min-width: 100%;
+        display: block;
+        object-fit: cover;
+    }
+}
+
+.gallery__nextprev {
+    display: flex;
+    justify-content: space-between;
+}
+
+@media (max-width: $lg-breakpoint) {
+    // .gallery__items {
+    //     grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
+    // }
+}
+
+@media (max-width: $md-breakpoint) {
+    .gallery {
+        display: block;
+    }
+    .gallery__items {
+        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    }
+    .gallery__side {
+        margin-bottom: 1rem;
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .gallery__items {
+        grid-template-columns: 1fr;
+    }
+}
+

assets/sass/general.scss

@@ -0,0 +1,59 @@
+body {
+    // font-family: 'Trebuchet MS', Tahoma,sans-serif;
+    // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    font-family: "Open Sans",Helvetica,Arial,sans-serif;
+    margin: 0;
+    background: $background-dark;
+    color: white;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+article {
+    font-size: 1.1rem;
+}
+
+h1, h2, h3 {
+    font-family: "Teko Light",Helvetica,Arial,sans-serif;
+}
+
+h1 {
+    font-size: 1.75rem;
+    color: $secondary;
+}
+
+h2 {
+    font-size: 1.4rem;
+    color: $primary;
+    margin-top: 1.5rem;
+    margin-bottom: .5rem;
+}
+
+h3 {
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
+
+a {
+    color: $primary;
+}
+
+a:hover {
+    opacity: 0.8;
+}
+
+.maplibre-map {
+    width: 100%;
+    min-height: 25rem;
+}
+
+.columns-two {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+.half-wheel-logo {
+    color: white;
+}

assets/sass/header.scss

@@ -0,0 +1,47 @@
+$header-height: 6.5rem;
+
+.site-header {
+    background: $background;
+    margin-bottom: 1rem;
+    color: white;
+    height: $header-height;
+}
+
+.site-header__content {
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.site-header__nav {
+    a {
+        color: white;
+        text-decoration: none;
+    }
+    a:hover {
+        opacity: 0.8;
+        text-decoration: underline;
+    }
+}
+
+.site-header__title {
+    height: 100%;
+}
+
+.site-header__logo {
+    width: $header-height;
+    height: 100%;
+}
+
+@media (max-width: $md-breakpoint) {
+    .site-header .page-container {
+        width: 100% !important;
+    }
+    .site-header__title {
+        padding-right: 1rem;
+    }
+    .site-header__nav {
+        line-height: 2rem;
+    }
+}

assets/sass/landing.scss

@@ -0,0 +1,39 @@
+.full-logo {
+    width: 100%;
+}
+.landing {
+
+
+}
+
+.landing-brand {
+    border: 1px solid rgba(0, 0, 0, 0.4);
+    padding: 1rem;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+}
+
+.brand__name {
+    text-transform: uppercase; 
+    font-size: 3rem;
+    margin: 0;
+}
+
+.brand__role1-container {
+    .text {
+        margin: 0;
+    }
+    margin-bottom: 1rem;
+    
+}
+.brand__role2 {
+
+}
+
+.brand__logo {
+    svg {
+        stroke: white;
+    }
+}
+

assets/sass/main.scss

@@ -0,0 +1,48 @@
+$xl-breakpoint: 1800px;
+$lg-breakpoint: 1600px;
+$md-breakpoint: 1100px;
+$sm-breakpoint: 900px;
+$xs-breakpoint: 400px;
+
+
+$background-dark: #1f1f1e;
+$background: #303131;
+$primary: #db8d42;
+$secondary: #f15a24;
+
+@font-face {
+    font-family: "Teko";
+    size-adjust: 140%;
+    src: url("../Teko-Regular.ttf");
+}
+@font-face {
+    font-family: "Teko Light";
+    size-adjust: 140%;
+    src: url("../Teko-Light.ttf");
+}
+
+.pagination-nav {
+    margin-top: 1em;
+    display: flex;
+    justify-content: space-between;
+}
+
+
+@import 'general.scss';
+@import 'page_container.scss';
+@import 'header.scss';
+@import 'news.scss';
+@import 'article.scss';
+@import 'gallery.scss';
+@import 'single_image.scss';
+@import 'footer.scss';
+
+// components
+@import 'tags.scss';
+
+@import 'prices.scss';
+@import 'landing.scss';
+// @import 'about.scss';
+@import 'card.scss';
+@import 'contact.scss';
+

assets/sass/news.scss

@@ -0,0 +1,52 @@
+.news-list {
+    list-style-type: none;
+    padding: 0;
+}
+
+.news-item {
+    border-bottom: 1px solid $background;
+    padding: 1rem 0rem;
+    margin-bottom: 1rem;
+
+    display: grid;
+    grid-template-columns: 33% 1fr;
+    grid-column-gap: 2rem;
+}
+
+.news-item__image {
+    width: 100%;
+    
+    figure {
+        margin: 0;
+        height: 100%;
+    }
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+}
+
+.news-item__title {
+    margin-top: 0;
+}
+
+.news-item__date {
+    opacity: 0.8;
+    font-style: italic;
+}
+
+.news-item__summary {
+    font-size: .9rem;
+}
+
+@media (max-width: $md-breakpoint) {
+    .news-item {
+        display: flex;
+        flex-direction: column;
+        padding-top: 0;
+    }
+    .news-item__content {
+        margin-top: 1rem;
+    }
+} 

assets/sass/page_container.scss

@@ -0,0 +1,47 @@
+.large-container {
+    width: 90%;
+    margin: 0 auto;
+}
+
+.page-container {
+    width: 80%;
+    margin: 0 auto;
+}
+.page-full {
+    padding: 0 2rem;
+}
+
+@media (min-width: $xl-breakpoint) {
+    .page-container {
+        width: 60% !important;
+    }
+}
+
+@media (min-width: $lg-breakpoint) {
+    .page-container {
+        width: 70%;
+    }
+}
+
+@media (min-width: $md-breakpoint) {
+    .page-container {
+        width: 70%;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .page-container {
+        width: 75%;
+    }
+}
+
+@media (max-width: $sm-breakpoint) {
+    .page-container {
+        width: 100%;
+        padding: 0 .8rem;
+    }
+    .page-full {
+        padding: 0 .8rem;
+    }
+}
+

assets/sass/prices.scss

@@ -0,0 +1,46 @@
+.pricing-layout {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+.operations-container {
+    grid-column: 2/5; 
+}
+
+.operations-mosaic { 
+    // display: grid;
+    // grid-template-columns: 1fr 1fr;
+    // grid-gap: 1rem;
+    columns: 2;
+}
+
+.operations-category {
+    display: flex;
+    flex-direction: column;
+}
+
+.operations-table {
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 100%;
+    padding: .5rem;
+    border-collapse: separate;
+    background: lighten($background-dark, 8%);
+    th {
+        opacity: 0.6;
+        text-align: left;
+        padding-bottom: .5rem;
+        margin-bottom: 1rem;
+        border-bottom: 1px solid gray;
+    }
+    tr {
+        td {
+        }
+    }
+    .operation-price {
+        text-align: right;
+    }
+    td.operation-price {
+        color: $primary;
+    }
+}

assets/sass/single_image.scss

@@ -0,0 +1,71 @@
+.single-image {
+    background: #ecf0f1;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column-gap: 1rem;
+    .single-image__side {
+        padding: 2rem 1rem 2rem 2rem;
+    }
+    .single-image__image-container {
+        background: #95a5a6;
+        min-width: 70vh;
+        min-height: 50vh;
+        max-height: 80vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    
+    .single-image__image {
+        max-width: 100%;
+        max-height: 100%;
+        width: auto;
+        height: auto;
+    }
+    .single-image__property {
+        display: flex;
+        align-items: center;
+        margin-bottom: .2rem;
+        min-height: 2rem;
+        div:first-of-type {
+            margin-right: 1rem;
+        }
+        .icon {
+            margin-right: .5rem;
+        }
+        pre {
+            margin: 0;
+        }
+    }
+    .single-image__tags {
+    }
+
+}
+
+@media (max-width: $md-breakpoint) {
+    .single-image {
+        display: block;
+        .single-image__image-container {
+            min-width: initial;
+            max-height: initial;
+            width: 100%;
+        }
+    }
+    
+}
+
+@media (max-width: $sm-breakpoint) {
+    .single-image {
+        .single-image__property {
+            display: block;
+        }
+    }
+
+}
+
+
+
+
+
+

assets/sass/tags.scss

@@ -0,0 +1,19 @@
+.tags-list {
+    margin: 0;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    .tags-list__item {
+        border: 1px solid black;
+        border-radius: 3px;
+        margin-right: .3rem;
+        padding: .3rem;
+        font-size: .9rem;
+        margin-bottom: .4rem;
+    }
+    .tags-list__item:last-of-type {
+        margin-right: 0;
+    }
+}