generated from inherentlee/11ty
Compare commits
8 Commits
78cc7482d2
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e7b6fc2ab | |||
| a4ddc293c1 | |||
| 9e7a6dfabf | |||
| 6511d22d51 | |||
| 4687b6e867 | |||
| 1ba9ab7894 | |||
| 04b07c9f7d | |||
| 9761ee4bcc |
@ -1,5 +1,5 @@
|
||||
export default {
|
||||
title: "",
|
||||
title: "District Dharma Collective",
|
||||
description: "",
|
||||
url: "",
|
||||
author: "Lee Cattarin",
|
||||
|
||||
@ -33,4 +33,9 @@
|
||||
<!-- JS -->
|
||||
<script type="module">{% getBundle "js" %}</script>
|
||||
#}
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
@ -2,13 +2,11 @@
|
||||
<html lang="en">
|
||||
{% include "head.njk" %}
|
||||
<body>
|
||||
<div id="content">
|
||||
{% include "header.njk" %}
|
||||
{% include "header.njk" %}
|
||||
|
||||
<main id="main">
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
</div>
|
||||
<main id="main">
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
{% include "footer.njk" %}
|
||||
<!-- This page `{{ page.url }}` was built on {% currentBuildDate %} -->
|
||||
|
||||
@ -2,6 +2,12 @@
|
||||
layout: base.njk
|
||||
---
|
||||
|
||||
<h1>{{ title }}</h1>
|
||||
{% if hero %}
|
||||
<img id="hero" src="{{ hero.src }}" alt="{{ hero.alt }}">
|
||||
{% endif %}
|
||||
|
||||
{{ content | safe }}
|
||||
<div id="content">
|
||||
<h1>{{ title }}</h1>
|
||||
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
|
||||
94
css/main.css
94
css/main.css
@ -1,60 +1,96 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--color-dark: #202325;
|
||||
--color-light: #e4edf3;
|
||||
--color-blue-dark: #0c436d;
|
||||
--color-blue-light: #5ca6ce;
|
||||
|
||||
--color-text: light-dark(var(--color-dark), var(--color-light));
|
||||
--color-bg: light-dark(var(--color-light), var(--color-dark));
|
||||
--color-accent: light-dark(var(--color-blue-dark), var(--color-blue-light));
|
||||
}
|
||||
|
||||
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
|
||||
/* 1. Use a more-intuitive box-sizing model */
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1. Use a more-intuitive box-sizing model */
|
||||
}
|
||||
|
||||
#root, #__next {
|
||||
isolation: isolate; /* 10. Create a root stacking context */
|
||||
}
|
||||
|
||||
/* 2. Remove default margin */
|
||||
*:not(dialog) {
|
||||
margin: 0;
|
||||
margin: 0; /* 2. Remove default margins */
|
||||
}
|
||||
|
||||
/* 3. Enable keyword animations */
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
html {
|
||||
interpolate-size: allow-keywords;
|
||||
interpolate-size: allow-keywords; /* 3. Enable keyword animations */
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
/* 4. Increase line-height */
|
||||
line-height: 1.5;
|
||||
/* 5. Improve text rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
line-height: 1.5; /* 4. Increase line-height */
|
||||
-webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
|
||||
font-family: sans-serif;
|
||||
color: var(--color-text);
|
||||
background-color: var(--color-bg);
|
||||
}
|
||||
|
||||
#content {
|
||||
width: 65%;
|
||||
max-width: 1800px;
|
||||
margin-inline: auto;
|
||||
margin-block-end: 3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
#content {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
#content {
|
||||
width: 92%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 6. Improve media defaults */
|
||||
img, picture, video, canvas, svg {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block; /* 6. Improve media defaults */
|
||||
max-width: 100%; /* 6. Improve media defaults */
|
||||
height: auto; /* 6. Improve media defaults */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* 7. Inherit fonts for form controls */
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
font: inherit; /* 7. Inherit fonts for form controls */
|
||||
}
|
||||
|
||||
/* 8. Avoid text overflows */
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
overflow-wrap: break-word;
|
||||
h1, h2, h3, h4, h5, h6, p {
|
||||
overflow-wrap: break-word; /* 8. Avoid text overflows */
|
||||
}
|
||||
|
||||
/* 9. Improve line wrapping */
|
||||
p {
|
||||
text-wrap: pretty;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-wrap: balance;
|
||||
text-wrap: balance; /* 9. Improve line wrapping */
|
||||
font-family: serif;
|
||||
margin-block-start: 1em;
|
||||
color: var(--color-accent);
|
||||
font-variant: small-caps;
|
||||
font-family: Montserrat;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/*
|
||||
10. Create a root stacking context
|
||||
*/
|
||||
#root, #__next {
|
||||
isolation: isolate;
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
text-wrap: pretty; /* 9. Improve line wrapping */
|
||||
}
|
||||
|
||||
#hero {
|
||||
aspect-ratio: 40 / 9;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
2
package-lock.json
generated
2
package-lock.json
generated
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "11ty",
|
||||
"name": "district-dharma",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "",
|
||||
"name": "district-dharma",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"scripts": {
|
||||
|
||||
BIN
src/img/logo-dark.png
Normal file
BIN
src/img/logo-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
src/img/logo-light.png
Normal file
BIN
src/img/logo-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
@ -1,9 +1,6 @@
|
||||
---
|
||||
title: The District Dharma Collective
|
||||
hero:
|
||||
src: /img/chickadee.jpg
|
||||
alt: A chickadee on a fence post.
|
||||
title: null
|
||||
title: Welcome
|
||||
hero: null
|
||||
___mb_schema: /.mattrbld/schemas/page.json
|
||||
---
|
||||
## About
|
||||
|
||||
Reference in New Issue
Block a user
