rebranded to climate changers
This commit is contained in:
Spencer Flagg
parent
7ea75d5e42
commit
19736653d0
16 changed files with 246 additions and 108 deletions
|
|
@ -74,7 +74,7 @@ module.exports = function (config) {
|
|||
config.addShortcode("image", async function(src, cls, alt, sizes) {
|
||||
let metadata = await Image(src, {
|
||||
widths: [300, 600],
|
||||
formats: ["webp", "jpeg"],
|
||||
formats: ["webp", "jpeg", "png"],
|
||||
urlPath: "/assets/images/",
|
||||
outputDir: "dist/assets/images/",
|
||||
});
|
||||
|
|
|
|||
4
src/.eleventyignore
Normal file
4
src/.eleventyignore
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
src/posts/
|
||||
src/pages/
|
||||
src/404.njk
|
||||
404.njk
|
||||
159
src/assets/icons/logo.svg
Normal file
159
src/assets/icons/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 930 KiB |
BIN
src/assets/images/logo.png
Normal file
BIN
src/assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
src/assets/images/logo.webp
Normal file
BIN
src/assets/images/logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -3,3 +3,7 @@
|
|||
width: var(--s2);
|
||||
height: var(--s2);
|
||||
}
|
||||
.logo .icon {
|
||||
width: 15rem;
|
||||
height: 15rem;
|
||||
}
|
||||
|
|
@ -12,15 +12,25 @@
|
|||
.hero {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
width: min-content;
|
||||
padding: 1rem;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
border: 2px solid var(--primary);
|
||||
background: #FFF;
|
||||
width: min-content;
|
||||
aspect-ratio: 1;
|
||||
gap: 2rem;
|
||||
|
||||
.hero__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
border: 3px solid var(--primary);
|
||||
background: #FFF;
|
||||
gap: 1rem;
|
||||
|
||||
}
|
||||
|
||||
.hero__header {
|
||||
display: flex;
|
||||
|
|
@ -79,10 +89,10 @@
|
|||
min-height: 100vh;
|
||||
width: 100%;
|
||||
&.bkg--winter {
|
||||
border-right: 1px solid black;
|
||||
border-right: 4px solid var(--primary);
|
||||
}&.bkg--summer {
|
||||
filter: grayscale(100%) brightness(1.5) contrast(.75);
|
||||
border-left: 1px solid black;
|
||||
filter: sepia(100%) brightness(1.5) contrast(.75);
|
||||
border-left: 0px solid var(--primary);
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -97,10 +107,10 @@
|
|||
height: 50vh;
|
||||
&.bkg--winter {
|
||||
border-right: none;
|
||||
border-bottom: 1px solid black;
|
||||
border-bottom: 1.5px solid var(--primary);
|
||||
}&.bkg--summer {
|
||||
border-left: none;
|
||||
border-top: 1px solid black;
|
||||
border-top: 1.5px solid var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--test-var: #909090;
|
||||
// COLORS
|
||||
--background-color: black;
|
||||
--background-color: var(--primary);
|
||||
--background-color-secondary: #202020;
|
||||
--background-color-tertiary: #ff6e6c;
|
||||
|
||||
--primary: #000;
|
||||
--primary: #312b18;
|
||||
--secondary: #ff6e6c;
|
||||
|
||||
--text-primary: #1f1135;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
"lang": "nl",
|
||||
"authorName": "Spencer Flagg",
|
||||
"authorEmail": "work@spencerflagg.com",
|
||||
"yearCreated": 2023,
|
||||
"copyright": "2023",
|
||||
"yearCreated": 2024,
|
||||
"copyright": "2024",
|
||||
"socialImage": "/"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@ Main Style Sheet
|
|||
----------------*/
|
||||
:root {
|
||||
--test-var: #909090;
|
||||
--background-color: black;
|
||||
--background-color: var(--primary);
|
||||
--background-color-secondary: #202020;
|
||||
--background-color-tertiary: #ff6e6c;
|
||||
--primary: #000;
|
||||
--primary: #312b18;
|
||||
--secondary: #ff6e6c;
|
||||
--text-primary: #1f1135;
|
||||
--text-secondary: #ffffff;
|
||||
|
|
@ -519,15 +519,23 @@ header {
|
|||
.landing .hero {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
width: min-content;
|
||||
padding: 1rem;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
border: 2px solid var(--primary);
|
||||
background: #FFF;
|
||||
width: min-content;
|
||||
aspect-ratio: 1;
|
||||
gap: 2rem;
|
||||
}
|
||||
.landing .hero .hero__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
border: 3px solid var(--primary);
|
||||
background: #FFF;
|
||||
gap: 1rem;
|
||||
}
|
||||
.landing .hero .hero__header {
|
||||
display: flex;
|
||||
|
|
@ -584,11 +592,11 @@ header {
|
|||
width: 100%;
|
||||
}
|
||||
.bkg img.bkg--winter {
|
||||
border-right: 1px solid black;
|
||||
border-right: 4px solid var(--primary);
|
||||
}
|
||||
.bkg img.bkg--summer {
|
||||
filter: grayscale(100%) brightness(1.5) contrast(0.75);
|
||||
border-left: 1px solid black;
|
||||
filter: sepia(100%) brightness(1.5) contrast(0.75);
|
||||
border-left: 0px solid var(--primary);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
|
@ -602,11 +610,11 @@ header {
|
|||
}
|
||||
.bkg img.bkg--winter {
|
||||
border-right: none;
|
||||
border-bottom: 1px solid black;
|
||||
border-bottom: 1.5px solid var(--primary);
|
||||
}
|
||||
.bkg img.bkg--summer {
|
||||
border-left: none;
|
||||
border-top: 1px solid black;
|
||||
border-top: 1.5px solid var(--primary);
|
||||
}
|
||||
}
|
||||
footer {
|
||||
|
|
@ -694,4 +702,9 @@ nav ul li a:hover {
|
|||
height: var(--s2);
|
||||
}
|
||||
|
||||
.logo .icon {
|
||||
width: 15rem;
|
||||
height: 15rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
|
|
|
|||
|
|
@ -7,6 +7,8 @@ heading: Warmtepompen, Ventilatie met Warmteterugwinning, Airco
|
|||
|
||||
<div class="landing">
|
||||
<div class="hero">
|
||||
<div class="logo">{% image "src/assets/images/logo.webp", "", "climate changers logo", "(min-width: 30em) 50vw, 100vw" %}</div>
|
||||
<div class="hero__content">
|
||||
<h1 class="hero__header">
|
||||
<span>
|
||||
Warmtepompen
|
||||
|
|
@ -18,9 +20,9 @@ heading: Warmtepompen, Ventilatie met Warmteterugwinning, Airco
|
|||
Airco
|
||||
</span>
|
||||
</h1>
|
||||
<a class="hero__info" href="tel:+31641681656">41 68 16 56</a>
|
||||
<a class="hero__info" href="tel:+31641681656">06 41 68 16 56</a>
|
||||
<div class="hero__icons">
|
||||
<a href="tel:+3164168165">
|
||||
<a href="tel:+31641681656">
|
||||
{% svgsprite %}
|
||||
{% icon "phone" %}
|
||||
</a>
|
||||
|
|
@ -35,7 +37,8 @@ heading: Warmtepompen, Ventilatie met Warmteterugwinning, Airco
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bkg">
|
||||
{% image "src/assets/images/winter.png", "bkg--winter", "alt text here", "(min-width: 30em) 50vw, 100vw" %}
|
||||
{% image "src/assets/images/summer.png", "bkg--summer", "alt text here", "(min-width: 30em) 50vw, 100vw" %}
|
||||
</div>
|
||||
<div class="bkg">
|
||||
{% image "src/assets/images/winter.png", "bkg--winter", "winter netherlands city", "(min-width: 30em) 50vw, 100vw" %}
|
||||
{% image "src/assets/images/summer.png", "bkg--summer", "summer netherlands city", "(min-width: 30em) 50vw, 100vw" %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,16 +0,0 @@
|
|||
---
|
||||
layout: base
|
||||
permalink: /about/
|
||||
title: About
|
||||
---
|
||||
|
||||
<article>
|
||||
<h2>About {{ site.name }}</h2>
|
||||
<p>
|
||||
{{ site.name }} is a small <a href="https://11ty.dev">11ty</a> starter project built by Matt DeCamp to help you build your
|
||||
next project.
|
||||
</p>
|
||||
<p>
|
||||
Made with love ❤️ and coffee ☕️ in Georgia 🍑.
|
||||
</p>
|
||||
</article>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
layout: base
|
||||
title: Posts
|
||||
permalink: /posts/
|
||||
---
|
||||
|
||||
{% include "partials/posts-list.njk" %}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
---
|
||||
title: Basic Post
|
||||
date: 2021-09-05
|
||||
updated: Last Modified
|
||||
layout: post
|
||||
tags:
|
||||
- post
|
||||
- back to the future
|
||||
---
|
||||
|
||||
What did you say? Good. Have a good trip Einstein, watch your head. Dear Doctor Brown, on the night that I go back in time, you will be shot by terrorists. Please take whatever precautions are necessary to prevent this terrible disaster. <!-- excerpt -->Your friend, Marty. Lynda, first of all, I'm not your answering service. Second of all, somebody named Greg or Craig called you just a little while ago. Ronald Reagon, the actor? Then who's vice president, Jerry Lewis? I suppose Jane Wymann is the first lady.
|
||||
|
||||
Listen, Doc. Take care. Doc? Am I to understand you're still hanging around with Doctor Emmett Brown, McFly? Tardy slip for you, Miss Parker. And one for you McFly I believe that makes four in a row. Now let me give you a nickle's worth of advice, young man. This so called Doctor Brown is dangerous, he's a real nutcase. You hang around with him you're gonna end up in big trouble. Did you hurt your head? Go.
|
||||
|
||||
Wait a minute. Wait a minute, Doc. Are you telling me that it's 8:25? That's right. I don't wanna know your name. I don't wanna know anything anything about you. David, watch your mouth. You come here and kiss your mother before you go, come here. I don't know, Doc, I guess she felt sorry for him cause her did hit him with the car, hit me with the car.
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
---
|
||||
title: A Post with Media
|
||||
date: 2021-09-03
|
||||
updated: Last Modified
|
||||
layout: post
|
||||
tags:
|
||||
- post
|
||||
- image
|
||||
---
|
||||
|
||||
This is the part of the post that will appear as the excerpt.
|
||||
<!-- excerpt -->
|
||||
The rest of this post will only appear on the post's page.
|
||||
|
||||
|
||||
|
||||
A final paragraph.
|
||||
Loading…
Reference in a new issue