generated from inherentlee/11ty
Compare commits
8
Commits
a5b29c0a38
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
 inherentlee
|
40b0c8e0fd | ||
|
inherentlee
|
699e1556ee | ||
|
inherentlee
|
e817535bcb | ||
|
inherentlee
|
2c94330aad | ||
|
inherentlee
|
2b1a164775 | ||
|
inherentlee
|
04f33d07c7 | ||
|
inherentlee
|
c7ab2fbb10 | ||
|
inherentlee
|
8533634749 |
No files matched your search
+2
-2
@@ -1,6 +1,6 @@
|
||||
export default {
|
||||
title: "",
|
||||
title: "Rachel Guinevere LordKenaga",
|
||||
description: "",
|
||||
url: "",
|
||||
url: "rglkart.com",
|
||||
author: "Lee Cattarin",
|
||||
};
|
||||
@@ -1,2 +1,16 @@
|
||||
<footer>
|
||||
<nav aria-label="footer navigation">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/" {% if page.url == "/" %}aria-current="page"{% endif %} title="go home">
|
||||
© 2026 Rachel LordKenaga
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/attribution" {% if page.url == "/attribution/" %}aria-current="page"{% endif %}>
|
||||
attribution
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</footer>
|
||||
+10
-6
@@ -18,11 +18,9 @@
|
||||
<meta property="og:url" content="{{ metadata.url }}{{ page.url }}" />
|
||||
<meta property="og:description" content="{{ metadata.description }}" />
|
||||
|
||||
{#
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||
<meta property="og:image" content="" />
|
||||
<meta property="og:image:alt" content="" />
|
||||
#}
|
||||
<meta property="og:image" content="/favicon.ico" />
|
||||
<meta property="og:image:alt" content="the logo for Rachel Guinevere LordKenaga, a dappled multicolor circle with several oval lines surrounding and overlapping. Inside in yellow it reads rglk art." />
|
||||
|
||||
{#
|
||||
<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
|
||||
@@ -32,10 +30,16 @@
|
||||
|
||||
<!-- CSS -->
|
||||
<style>{% include "css/main.css" %}</style>
|
||||
<style>{% include "css/nav.css" %}</style>
|
||||
<style>{% include "css/title.css" %}</style>
|
||||
<style>{% getBundle "css" %}</style>
|
||||
|
||||
{#
|
||||
<!-- 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=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- JS -->
|
||||
<script>{% include "js/nav.js" %}</script>
|
||||
<script type="module">{% getBundle "js" %}</script>
|
||||
#}
|
||||
</head>
|
||||
+20
-1
@@ -1,4 +1,23 @@
|
||||
<header>
|
||||
<nav>
|
||||
<nav aria-label="main navigation">
|
||||
<a id="skip" href="#main">skip to main content</a>
|
||||
|
||||
<a href="/" {% if page.url == "/" %}aria-current="page"{% endif %} title="go home">
|
||||
<img src="/img/logo.webp" alt="the logo for Rachel Guinevere LordKenaga, a dappled multicolor circle with several oval lines surrounding and overlapping. Inside in yellow it reads rglk art.">
|
||||
</a>
|
||||
|
||||
<button aria-label="menu" aria-expanded="false" class="menu-button-mobile">
|
||||
☰
|
||||
</button>
|
||||
|
||||
<ul>
|
||||
{% for entry in collections.all | eleventyNavigation %}
|
||||
<li>
|
||||
<a href="{{ entry.url }}" {% if entry.url == page.url %}aria-current="page"{% endif %}>
|
||||
{{ entry.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -5,7 +5,18 @@
|
||||
{% include "header.njk" %}
|
||||
|
||||
<main id="main">
|
||||
|
||||
<div id="title">
|
||||
<div class="triangle triangle-up-left"></div>
|
||||
<div class="triangle triangle-down-left"></div>
|
||||
<div class="triangle triangle-up-right"></div>
|
||||
<div class="triangle triangle-down-right"></div>
|
||||
<h1>{{ title }}</h1>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% include "footer.njk" %}
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
<div class="series">
|
||||
<h2>{{ series.data.title }}</h2>
|
||||
|
||||
<div class="imgset">
|
||||
{% for img in series.data.imgs %}
|
||||
<img src="/img/{{ img.src }}" alt="{{ img.alt }}">
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="blurb">
|
||||
{{ series.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
+39
@@ -0,0 +1,39 @@
|
||||
.series {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
grid-area: h2;
|
||||
}
|
||||
|
||||
.imgset {
|
||||
grid-area: img;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
max-width: 100%;
|
||||
flex-flow: row wrap;
|
||||
|
||||
img {
|
||||
max-height: 33vh;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.blurb {
|
||||
grid-area: blurb;
|
||||
}
|
||||
}
|
||||
|
||||
.series:nth-child(odd) {
|
||||
grid-template-columns: 3fr 2fr;
|
||||
grid-template-areas:
|
||||
"h2 img"
|
||||
"blurb img"
|
||||
". img";
|
||||
|
||||
h2, .blurb {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
.tagline {
|
||||
margin-block: 2rem;
|
||||
p {
|
||||
font-size: 1.3rem;
|
||||
font-family: var(--font-headers);
|
||||
text-align: center;
|
||||
color: var(--color-headers);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.tagline {
|
||||
margin-block: 1rem;
|
||||
p {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.intro {
|
||||
margin-block: 4rem;
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
|
||||
h2 {
|
||||
grid-area: h2;
|
||||
margin-top: 0;
|
||||
}
|
||||
img {
|
||||
grid-area: img;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
.blurb {
|
||||
grid-area: blurb;
|
||||
}
|
||||
.link {
|
||||
grid-area: link;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.intro {
|
||||
gap: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.art {
|
||||
grid-template-areas:
|
||||
"h2 img"
|
||||
"blurb img"
|
||||
"link img"
|
||||
". img";
|
||||
grid-template-columns: 3fr 2fr;
|
||||
|
||||
h2, p {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.therapy {
|
||||
grid-template-areas:
|
||||
"img h2"
|
||||
"img blurb"
|
||||
"img link"
|
||||
"img .";
|
||||
grid-template-columns: 2fr 3fr;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.intro {
|
||||
margin-block: 2rem;
|
||||
grid-template-areas:
|
||||
"h2"
|
||||
"blurb"
|
||||
"link"
|
||||
"img";
|
||||
grid-template-columns: auto;
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
+122
@@ -1,5 +1,25 @@
|
||||
@font-face {
|
||||
font-family: "Elegant Typewriter";
|
||||
src:
|
||||
url("/fonts/elegant_typewriter/ELEGANT TYPEWRITER Regular.ttf");
|
||||
}
|
||||
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--color-light: #f5ecdf;
|
||||
--color-dark: #11192c;
|
||||
--color-nav-light: #e7d7bc;
|
||||
--color-nav-dark: #2a244d;
|
||||
--color-title-bg: #bc5b56;
|
||||
--color-title-text: #09183b;
|
||||
|
||||
--color-bg: light-dark(var(--color-light), var(--color-dark));
|
||||
--color-text: light-dark(var(--color-dark), var(--color-light));
|
||||
--color-headers: light-dark(var(--color-nav-dark), var(--color-nav-light));
|
||||
|
||||
--font-headers: "Elegant Typewriter", serif;
|
||||
--font-body: "Atkinson Hyperlegible Next", sans-serif;
|
||||
}
|
||||
|
||||
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
|
||||
@@ -13,6 +33,11 @@
|
||||
|
||||
*:not(dialog) {
|
||||
margin: 0; /* 2. Remove default margin */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
@@ -22,8 +47,34 @@
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
line-height: 1.5; /* 4. Increase line-height */
|
||||
-webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
|
||||
color: var(--color-text);
|
||||
background: var(--color-bg);
|
||||
font-family: var(--font-body);
|
||||
}
|
||||
|
||||
#content {
|
||||
width: 65%;
|
||||
max-width: 1800px;
|
||||
margin: 1rem auto 4rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
#content {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
#content {
|
||||
width: 92%;
|
||||
margin-block-end: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
img, picture, video, canvas, svg {
|
||||
@@ -42,8 +93,79 @@ h1, h2, h3, h4, h5, h6, p {
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-wrap: balance; /* 9. Improve line wrapping */
|
||||
font-family: var(--font-headers);
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--color-title-text);
|
||||
font-size: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
color: var(--color-headers);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
margin-block: 1.5rem 1rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
margin-block: .8rem;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
h1 { font-size: 2rem; }
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
margin-block: 1rem .5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
margin-block-end: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
text-wrap: pretty; /* 9. Improve line wrapping */
|
||||
margin-block: 1.3rem;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
p { font-size: .9rem; }
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
border-radius: .25em;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-thickness: .2em;
|
||||
text-decoration-color: var(--color-title-bg);
|
||||
transition: text-decoration-thickness .5s;
|
||||
}
|
||||
|
||||
@media (any-hover: hover) {
|
||||
a:hover {
|
||||
text-decoration-thickness: .4em;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus-visible {
|
||||
outline: .1em solid var(--color-title-bg);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active {
|
||||
text-decoration-thickness: .4em;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: var(--color-title-bg);
|
||||
background: var(--color-title-bg);
|
||||
border: none;
|
||||
height: .5rem;
|
||||
}
|
||||
+146
@@ -0,0 +1,146 @@
|
||||
nav {
|
||||
background: var(--color-nav-dark);
|
||||
|
||||
a {
|
||||
font-family: "Elegant Typewriter", serif;
|
||||
text-decoration: none;
|
||||
color: var(--color-nav-light);
|
||||
}
|
||||
|
||||
a[aria-current="page"] {
|
||||
text-decoration: underline solid .2em var(--color-title-bg);
|
||||
}
|
||||
|
||||
a[aria-current="page"]:focus-visible {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
header nav {
|
||||
--font-size: 1.4rem;
|
||||
--header-height: 12vh;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: var(--font-size);
|
||||
line-height: 1;
|
||||
|
||||
#skip {
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
top: auto;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: -99;
|
||||
background: var(--color-nav-dark);
|
||||
}
|
||||
|
||||
#skip:focus-visible {
|
||||
display: inline-block;
|
||||
left: 10%;
|
||||
top: calc((var(--header-height) - var(--font-size)) / 2);
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
a:has(img) {
|
||||
height: calc(var(--header-height) - 1rem);
|
||||
margin: .5rem;
|
||||
border-radius: 1.25em;
|
||||
outline-offset: .15em;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-inline: 1rem;
|
||||
gap: 2rem;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
header nav {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"home button"
|
||||
"links links";
|
||||
padding: 0;
|
||||
|
||||
a:has(img) {
|
||||
grid-area: home;
|
||||
height: calc(var(--header-height) - 1rem);
|
||||
margin: .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
grid-area: button;
|
||||
display: unset;
|
||||
margin-inline: 1rem;
|
||||
padding: .5rem .75rem;
|
||||
border: none;
|
||||
background: var(--color-nav-dark);
|
||||
color: var(--color-nav-light);
|
||||
cursor: pointer;
|
||||
border-radius: .5em;
|
||||
}
|
||||
|
||||
button:focus-visible {
|
||||
outline: .1em solid var(--color-title-bg);
|
||||
}
|
||||
|
||||
ul[aria-hidden="true"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
grid-area: links;
|
||||
flex-flow: column;
|
||||
align-items: center;
|
||||
background: var(--color-nav-light);
|
||||
margin: 0;
|
||||
padding-block: 1rem;
|
||||
border-top: .5rem solid var(--color-title-bg);
|
||||
border-bottom: .5rem solid var(--color-title-bg);
|
||||
position: absolute;
|
||||
top: var(--header-height);
|
||||
width: 100%;
|
||||
|
||||
a {
|
||||
color: var(--color-nav-dark);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer nav {
|
||||
padding-block: 1rem;
|
||||
border-top: .5rem solid var(--color-title-bg);
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
font-size: 1.1rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
footer nav ul {
|
||||
font-size: .95rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"title title"
|
||||
"location date";
|
||||
margin-block: 1rem;
|
||||
|
||||
h3 {
|
||||
margin-block-end: 0;
|
||||
grid-area: title;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-block: 0;
|
||||
|
||||
&.location {
|
||||
grid-area: location;
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
&.date {
|
||||
grid-area: date;
|
||||
justify-self: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.listing {
|
||||
grid-template-areas:
|
||||
"title"
|
||||
"location"
|
||||
"date";
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
#title {
|
||||
--height: 7rem;
|
||||
|
||||
height: var(--height);
|
||||
width: 100%;
|
||||
background: var(--color-title-bg);
|
||||
|
||||
h1 {
|
||||
line-height: var(--height);
|
||||
}
|
||||
|
||||
.triangle {
|
||||
--color-triangle: rgba(from var(--color-nav-dark) r g b / .33);
|
||||
width: 28vw;
|
||||
height: var(--height);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.triangle-up-left {
|
||||
background-image: linear-gradient(to bottom right, var(--color-triangle) 50%, transparent 50.5%);
|
||||
}
|
||||
|
||||
.triangle-down-left {
|
||||
background-image: linear-gradient(to top right, var(--color-triangle) 50%, transparent 50.5%);
|
||||
}
|
||||
|
||||
.triangle-up-right,
|
||||
.triangle-down-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.triangle-up-right {
|
||||
background-image: linear-gradient(to bottom left, var(--color-triangle) 50%, transparent 50.5%);
|
||||
}
|
||||
|
||||
.triangle-down-right {
|
||||
background-image: linear-gradient(to top left, var(--color-triangle) 50%, transparent 50.5%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
#title {
|
||||
--height: 5rem;
|
||||
|
||||
.triangle {
|
||||
width: 17vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
#title {
|
||||
.triangle {
|
||||
--color-triangle: rgba(from var(--color-nav-light) r g b / .33);
|
||||
}
|
||||
}
|
||||
}
|
||||
+7
-1
@@ -1,5 +1,6 @@
|
||||
import { HtmlBasePlugin } from "@11ty/eleventy";
|
||||
import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
|
||||
import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
|
||||
|
||||
import { attrs } from "@mdit/plugin-attrs";
|
||||
import { markdownitLinkAttributes } from 'markdown-it-link-attributes';
|
||||
@@ -46,7 +47,8 @@ export default async function (eleventyConfig) {
|
||||
/* Passthroughs */
|
||||
eleventyConfig
|
||||
.addPassthroughCopy("favicon.ico")
|
||||
.addPassthroughCopy("robots.txt");
|
||||
.addPassthroughCopy("robots.txt")
|
||||
.addPassthroughCopy("fonts");
|
||||
|
||||
/* HTML base */
|
||||
eleventyConfig.addPlugin(HtmlBasePlugin);
|
||||
@@ -78,6 +80,9 @@ export default async function (eleventyConfig) {
|
||||
*/
|
||||
});
|
||||
|
||||
/* Navigation */
|
||||
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
||||
|
||||
/* All filters from _config/filters.js */
|
||||
eleventyConfig.addPlugin(pluginFilters);
|
||||
|
||||
@@ -99,6 +104,7 @@ export default async function (eleventyConfig) {
|
||||
|
||||
/* Watch when serving */
|
||||
eleventyConfig.addWatchTarget("css");
|
||||
eleventyConfig.addWatchTarget("js");
|
||||
}
|
||||
|
||||
export const config = {
|
||||
|
||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 535 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
@@ -0,0 +1,35 @@
|
||||
EN > You’ve just downloaded the "Elegant Typewriter" font (2014) which has been created by Lukas Krakora and is free for non-commercial use only.
|
||||
|
||||
If you'd like to use the font commercially please contact me at my email krraaa@yahoo.com to get an information about pricing.
|
||||
|
||||
I can add any extra characters or customize the font for purchasers of the commercial license.
|
||||
|
||||
Any donation from non-commercial users to my Paypal krraaa@yahoo.com is welcome.
|
||||
|
||||
You can find my other fonts on www.typewriterfonts.net
|
||||
|
||||
FB: www.facebook.com/typewriterfonts
|
||||
IG: www.instagram.com/typewriterfonts
|
||||
|
||||
Thank you.
|
||||
|
||||
Lukas Krakora
|
||||
|
||||
|
||||
|
||||
CZ > Prave jste si stahli font "Elegant Typewriter" (2014), ktery byl vytvoren Lukasem Krakorou a je volne ke stazeni a pouziti avsak pouze pro nekomercni ucely.
|
||||
|
||||
V pripade zameru vyuzit font komercne me prosim kontaktujte na emailu krraaa@yahoo.com a dozvite se cenu.
|
||||
|
||||
V pripade potreby mohu zajemcum o komercni licenci pridat k fontu dalsi znaky, ci jakkoli upravit existujici.
|
||||
|
||||
Jakekoliv financni prispevky od nekomercnich uzivatelu na muj Paypal krraaa@yahoo.com jsou vitany.
|
||||
|
||||
Me dalsi fonty naleznete na www.typewriterfonts.net
|
||||
|
||||
FB: www.facebook.com/typewriterfonts
|
||||
IG: www.instagram.com/typewriterfonts
|
||||
|
||||
Diky,
|
||||
|
||||
Lukas Krakora
|
||||
@@ -0,0 +1,57 @@
|
||||
var navList = document.querySelector("header nav ul");
|
||||
var navButton = document.querySelector("header nav button");
|
||||
|
||||
const navItems = navList.querySelectorAll("a");
|
||||
const firstItem = navItems[0];
|
||||
const lastItem = navItems[navItems.length - 1];
|
||||
|
||||
const openMenu = function() {
|
||||
navList.ariaHidden = "false";
|
||||
navButton.ariaExpanded = "true";
|
||||
}
|
||||
|
||||
const closeMenu = function() {
|
||||
navList.ariaHidden = "true";
|
||||
navButton.ariaExpanded = "false";
|
||||
}
|
||||
|
||||
if (window.innerWidth <= 650) {
|
||||
navList.ariaHidden = "true";
|
||||
}
|
||||
|
||||
/* basic open and close */
|
||||
navButton.addEventListener("click", (e) => {
|
||||
if (navButton.ariaExpanded === "true") closeMenu();
|
||||
else openMenu();
|
||||
});
|
||||
|
||||
navButton.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Enter" || event.key === " ") { // Space or Enter key
|
||||
event.preventDefault(); // Prevent the default action to stop scrolling when pressing Space
|
||||
if (navButton.ariaExpanded === "false") openMenu();
|
||||
else closeMenu();
|
||||
} else if (event.key === "Tab" && event.shiftKey) closeMenu();
|
||||
});
|
||||
|
||||
/* tab out of menu in either direction */
|
||||
firstItem.addEventListener("keydown", (e) => {
|
||||
if (event.key === "Tab" && event.shiftKey) closeMenu();
|
||||
});
|
||||
|
||||
lastItem.addEventListener("keydown", (e) => {
|
||||
if (event.key === "Tab" && !event.shiftKey) closeMenu();
|
||||
});
|
||||
|
||||
/* escape/click away from menu */
|
||||
document.addEventListener("keydown", (event) => {
|
||||
if (event.key === "Escape" && navButton.ariaExpanded === "true") {
|
||||
closeMenu();
|
||||
navButton.focus();
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener("click", (e) => {
|
||||
if (navButton.ariaExpanded === "true" &&
|
||||
!event.target.matches("header nav ul") &&
|
||||
!event.target.matches("header nav button")) closeMenu();
|
||||
})
|
||||
Generated
+29
-15
@@ -1,16 +1,16 @@
|
||||
{
|
||||
"name": "11ty",
|
||||
"name": "rglkart",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "11ty",
|
||||
"version": "1.0.0",
|
||||
"license": "AGPL-3.0-only",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^3.1.5",
|
||||
"@11ty/eleventy-img": "^6.0.4",
|
||||
"@11ty/eleventy-navigation": "^1.0.5",
|
||||
"@mdit/plugin-attrs": "^0.25.1",
|
||||
"luxon": "^3.7.2",
|
||||
"markdown-it-anchor": "^10.0.0",
|
||||
@@ -41,9 +41,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy": {
|
||||
"version": "3.1.5",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.5.tgz",
|
||||
"integrity": "sha512-hZ0g6MwZyRxCqXsPm82gIM304LraKbUz3ZmezOSjsqxttZG6cHTib3Qq8QkESJoKwnr+yX1eyfOkPC5/mEgZnQ==",
|
||||
"version": "3.1.6",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.6.tgz",
|
||||
"integrity": "sha512-ZlSiR1PLdS2lv7TelBgWAhcvMiLNZkPBlLEb+lh7kGYZ+Mk0bo9qcYgVsewvw9W7Em0RH3wd01h5fAstNDh0zA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
@@ -53,7 +53,7 @@
|
||||
"@11ty/eleventy-plugin-bundle": "^3.0.7",
|
||||
"@11ty/eleventy-utils": "^2.0.7",
|
||||
"@11ty/lodash-custom": "^4.17.21",
|
||||
"@11ty/posthtml-urls": "^1.0.2",
|
||||
"@11ty/posthtml-urls": "^1.0.3",
|
||||
"@11ty/recursive-copy": "^4.0.4",
|
||||
"@sindresorhus/slugify": "^2.2.1",
|
||||
"bcp-47-normalize": "^2.3.0",
|
||||
@@ -66,20 +66,20 @@
|
||||
"iso-639-1": "^3.1.5",
|
||||
"js-yaml": "^4.1.1",
|
||||
"kleur": "^4.1.5",
|
||||
"liquidjs": "^10.25.0",
|
||||
"liquidjs": "^10.27.0",
|
||||
"luxon": "^3.7.2",
|
||||
"markdown-it": "^14.1.1",
|
||||
"markdown-it": "^14.2.0",
|
||||
"minimist": "^1.2.8",
|
||||
"moo": "0.5.2",
|
||||
"node-retrieve-globals": "^6.0.1",
|
||||
"nunjucks": "^3.2.4",
|
||||
"picomatch": "^4.0.3",
|
||||
"picomatch": "^4.0.4",
|
||||
"please-upgrade-node": "^3.2.0",
|
||||
"posthtml": "^0.16.7",
|
||||
"posthtml-match-helper": "^2.0.3",
|
||||
"semver": "^7.7.4",
|
||||
"slugify": "^1.6.8",
|
||||
"tinyglobby": "^0.2.15"
|
||||
"semver": "^7.8.1",
|
||||
"slugify": "^1.6.9",
|
||||
"tinyglobby": "^0.2.16"
|
||||
},
|
||||
"bin": {
|
||||
"eleventy": "cmd.cjs"
|
||||
@@ -168,6 +168,20 @@
|
||||
"url": "https://opencollective.com/11ty"
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy-navigation": {
|
||||
"version": "1.0.5",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-1.0.5.tgz",
|
||||
"integrity": "sha512-zb6xe29cM9viSdYtZywKIkJw2HIROyBINdBcFWC9uD0c/jYOTAex5nwy3HNEuh5t6/Ld/S9V4gEizfmeYuYpCQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"dependency-graph": "^1.0.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/11ty"
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy-plugin-bundle": {
|
||||
"version": "3.0.7",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.7.tgz",
|
||||
@@ -2214,9 +2228,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/semver": {
|
||||
"version": "7.8.0",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
|
||||
"integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
|
||||
"version": "7.8.5",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
|
||||
"integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"bin": {
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^3.1.5",
|
||||
"@11ty/eleventy-img": "^6.0.4",
|
||||
"@11ty/eleventy-navigation": "^1.0.5",
|
||||
"@mdit/plugin-attrs": "^0.25.1",
|
||||
"luxon": "^3.7.2",
|
||||
"markdown-it-anchor": "^10.0.0",
|
||||
|
||||
+1
-2
@@ -1,8 +1,7 @@
|
||||
---
|
||||
permalink: 404.html
|
||||
eleventyExcludeFromCollections: true
|
||||
title: content not found
|
||||
---
|
||||
|
||||
# Content not found.
|
||||
|
||||
Sorry, can't find this page. Return [home](/).
|
||||
@@ -0,0 +1,6 @@
|
||||
export default {
|
||||
permalink: false,
|
||||
tags: [
|
||||
"art"
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
---
|
||||
title: understory tarot
|
||||
imgs:
|
||||
- src: tarot0.jpeg
|
||||
alt: tarot
|
||||
- src: tarot1.jpeg
|
||||
alt: tarot
|
||||
- src: tarot2.jpeg
|
||||
alt: tarot
|
||||
---
|
||||
|
||||
This is a test paragraph.
|
||||
|
||||
This is a second paragraph.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 535 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 902 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
@@ -0,0 +1,35 @@
|
||||
---
|
||||
title: home
|
||||
---
|
||||
|
||||
{% css %}{% include "css/home.css" %}{% endcss %}
|
||||
|
||||
<section class="tagline" aria-label="introductory statement">
|
||||
<p>I am an oil painter and art therapist who uses art making as meditation, exploration of memory and emotion, and catharsis.</p>
|
||||
</section>
|
||||
|
||||
<section class="intro art">
|
||||
<h2>art</h2>
|
||||
|
||||
<p class="blurb">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra facilisis semper. Etiam quis felis in leo blandit efficitur id in ipsum. Morbi id sem justo. Nulla elit nisl, sagittis sed ullamcorper ac, lacinia at felis. Proin maximus orci lectus. Vivamus quis augue diam. Vestibulum tortor justo, posuere nec lacus nec, pulvinar iaculis nibh.
|
||||
</p>
|
||||
<p class="link">
|
||||
<a href="/art">Read more about Rachel’s art →</a>
|
||||
</p>
|
||||
|
||||
<img src="/img/removing+the+fig+leaf1.webp" alt="the top half of a swimming body">
|
||||
</section>
|
||||
|
||||
<section class="intro therapy">
|
||||
<h2>therapy</h2>
|
||||
|
||||
<p class="blurb">
|
||||
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut hendrerit eros sem, quis maximus neque sollicitudin ut. Ut et ante eget lorem bibendum semper. Ut sed commodo magna, luctus ornare ante. Curabitur tincidunt, erat vel dapibus faucibus, nulla arcu egestas nulla, non tincidunt leo urna nec ante.
|
||||
</p>
|
||||
<p class="link">
|
||||
<a href="/therapy">Read about Rachel’s therapeutic practice →</a>
|
||||
</p>
|
||||
|
||||
<img src="/img/removing+the+fig+leaf2.webp" alt="the bottom half of a swimming body">
|
||||
</section>
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: about Rachel
|
||||
eleventyNavigation:
|
||||
key: about
|
||||
order: 1
|
||||
---
|
||||
@@ -0,0 +1,11 @@
|
||||
---
|
||||
title: art
|
||||
eleventyNavigation:
|
||||
key: art
|
||||
order: 2
|
||||
---
|
||||
{% css %}{% include "css/art.css" %}{% endcss %}
|
||||
|
||||
{% for series in collections["art"] %}
|
||||
{% include "series.njk" %}
|
||||
{% endfor %}
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: attribution
|
||||
---
|
||||
|
||||
This site is built with [{{ eleventy.generator }}](https://www.11ty.dev/) by [Lee Cattarin](https://leecat.art). It is hosted by [heckin' technology](https://heckin.technology/).
|
||||
|
||||
The header and navigation font is [Elegant Typewriter by Lukas Krakora](https://www.typewriterfonts.net/my-fonts). The body font is [Atkinson Hyperlegible Next](https://brailleinstitute.org/freefont), specifically designed for low-vision readers to improve character recognition.
|
||||
|
||||
This site is created [without the use of generative AI](https://declare-ai.org/1.0.0/none.html).
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: contact Rachel
|
||||
eleventyNavigation:
|
||||
key: contact
|
||||
order: 4
|
||||
---
|
||||
@@ -0,0 +1,5 @@
|
||||
export default {
|
||||
permalink: function ({ title }) {
|
||||
return `/${this.slugify(title)}/index.html`;
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,57 @@
|
||||
---
|
||||
title: resume
|
||||
---
|
||||
{% css %}{% include "css/resume.css" %}{% endcss %}
|
||||
|
||||
<h2>employment</h2>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Private Practice Art Therapist and Mental Health Counselor</h3>
|
||||
<p class="location"><span>Sakura Counseling,</span> Seattle and Vashon</p>
|
||||
<p class="date">Oct 2008 - present</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Crisis Counselor</h3>
|
||||
<p class="location"><span>King County Crisis Connections,</span> Seattle</p>
|
||||
<p class="date">April 2009 - July 2014</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Mental Health Counselor, Art Therapist, Case Manager</h3>
|
||||
<p class="location"><span>Community Psychiatric Clinic,</span> Seattle</p>
|
||||
<p class="date">Feb 2004 - July 2008</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Hospice/Eldercare Provider</h3>
|
||||
<p class="location"><span>Providence, Care Advocates, Health Unlimited,</span> Seattle</p>
|
||||
<p class="date">1994 - Feb 2004</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Studio Assistant, Artist Assistant, Life Model</h3>
|
||||
<p class="date">1991 - 2000</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>education</h2>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Masters in Art Therapy</h3>
|
||||
<p class="location"><span>Antioch University</span></p>
|
||||
<p class="date">2001 - 2004</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>BFA in Interdisciplinary Arts, BA in Psychology</h3>
|
||||
<p class="location"><span>University of Washington</span></p>
|
||||
<p class="date">1993 - 1996</p>
|
||||
</div>
|
||||
|
||||
<div class="listing">
|
||||
<h3>Art Studies</h3>
|
||||
<p class="location"><span>Cornish College of the Arts</span></p>
|
||||
<p class="date">1990 - 1993</p>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
---
|
||||
title: shows
|
||||
---
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: therapy
|
||||
eleventyNavigation:
|
||||
key: therapy
|
||||
order: 3
|
||||
---
|
||||
Reference in new issue
Block a user
