Updated colors and fonts
This commit is contained in:
parent
41b0ae5504
commit
a2e8daf1a3
|
@ -2,13 +2,18 @@ const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
|
||||||
const { DateTime } = require("luxon");
|
const { DateTime } = require("luxon");
|
||||||
|
|
||||||
module.exports = function (eleventyConfig) {
|
module.exports = function (eleventyConfig) {
|
||||||
|
eleventyConfig.setBrowserSyncConfig({
|
||||||
|
files: "./public/css/**/*.css",
|
||||||
|
});
|
||||||
|
|
||||||
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
||||||
|
|
||||||
eleventyConfig.addFilter("postDate", (dateObj) => {
|
eleventyConfig.addFilter("postDate", (dateObj) => {
|
||||||
return DateTime.fromJSDate(dateObj).toFormat("y'-'LL'-'dd' at 'T");
|
return DateTime.fromJSDate(dateObj).toFormat("y'-'LL'-'dd' at 'T");
|
||||||
});
|
});
|
||||||
|
|
||||||
eleventyConfig.addPassthroughCopy("./src/css");
|
eleventyConfig.addPassthroughCopy("./src/css/**/*.css");
|
||||||
|
eleventyConfig.addPassthroughCopy("./src/font");
|
||||||
eleventyConfig.addPassthroughCopy("./src/img");
|
eleventyConfig.addPassthroughCopy("./src/img");
|
||||||
eleventyConfig.addWatchTarget("./src/css");
|
eleventyConfig.addWatchTarget("./src/css");
|
||||||
|
|
||||||
|
|
1206
package-lock.json
generated
1206
package-lock.json
generated
File diff suppressed because it is too large
Load diff
12
package.json
12
package.json
|
@ -4,8 +4,12 @@
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "eleventy --serve",
|
"watch:sass": "sass --watch src/css:src/css",
|
||||||
"build": "eleventy"
|
"build:sass": "sass src/css:src/css",
|
||||||
|
"watch:eleventy": "eleventy --serve",
|
||||||
|
"build:eleventy": "eleventy",
|
||||||
|
"start": "npm-run-all build:sass --parallel watch:*",
|
||||||
|
"build": "npm-run-all build:*"
|
||||||
},
|
},
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
|
@ -13,6 +17,8 @@
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "^2.0.1",
|
"@11ty/eleventy": "^2.0.1",
|
||||||
"@11ty/eleventy-navigation": "^0.3.5",
|
"@11ty/eleventy-navigation": "^0.3.5",
|
||||||
"luxon": "^3.4.3"
|
"luxon": "^3.4.3",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"sass": "^1.69.4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,11 +1,12 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="generator" content="{{ eleventy.generator }}">
|
<meta name="generator" content="{{ eleventy.generator }}">
|
||||||
<title>{% if title %}{{ title }} | {% endif %}{{ meta.siteName }}</title>
|
<title>{% if title %}{{ title }} | {% endif %}{{ meta.siteName }}</title>
|
||||||
<link rel="stylesheet" href="/css/global.css" />
|
<link rel="stylesheet" href="/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="/css/global.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{{ content | safe }}
|
{{ content | safe }}
|
||||||
|
|
|
@ -1,7 +1,5 @@
|
||||||
<header>
|
<header>
|
||||||
<h1>{{ title or meta.siteName }}</h1>
|
<a class="logo" href="/"><h1>{{ meta.siteName }}</h1></a>
|
||||||
<hr>
|
<nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav>
|
||||||
<h2>Navigation</h2>
|
|
||||||
{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
|
|
||||||
<hr>
|
<hr>
|
||||||
</header>
|
</header>
|
|
@ -3,6 +3,9 @@ layout: base.njk
|
||||||
---
|
---
|
||||||
{% include "header.njk" %}
|
{% include "header.njk" %}
|
||||||
<main>
|
<main>
|
||||||
|
<header>
|
||||||
|
<h2>{{ title }}</h2>
|
||||||
|
</header>
|
||||||
{{ content | safe }}
|
{{ content | safe }}
|
||||||
</main>
|
</main>
|
||||||
{% include "footer.njk" %}
|
{% include "footer.njk" %}
|
5
src/blog/blog.json
Normal file
5
src/blog/blog.json
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
{
|
||||||
|
"layout": "page.njk",
|
||||||
|
"permalink": "/post/{{ title | slug }}/",
|
||||||
|
"tags": "blogs"
|
||||||
|
}
|
14
src/blog/index.md
Normal file
14
src/blog/index.md
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
title: Blog
|
||||||
|
layout: page.njk
|
||||||
|
permalink: /blog/index.html
|
||||||
|
override:tags: []
|
||||||
|
eleventyNavigation:
|
||||||
|
key: Blog
|
||||||
|
---
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{%- for post in collections.blogs -%}
|
||||||
|
<li><a href="{{ post.url }}">{{ post.data.title }}</a></li>
|
||||||
|
{%- endfor -%}
|
||||||
|
</ul>
|
6
src/blog/test-post.md
Normal file
6
src/blog/test-post.md
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: Test Post
|
||||||
|
date: Last Modified
|
||||||
|
---
|
||||||
|
|
||||||
|
Hello
|
|
@ -1,6 +0,0 @@
|
||||||
---
|
|
||||||
title: Cebuano
|
|
||||||
layout: page.njk
|
|
||||||
eleventyNavigation:
|
|
||||||
key: Cebuano
|
|
||||||
---
|
|
55
src/css/_colors.scss
Normal file
55
src/css/_colors.scss
Normal file
|
@ -0,0 +1,55 @@
|
||||||
|
/*
|
||||||
|
Flexoki (https://stephango.com/flexoki)
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 Steph Ango
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
|
*/
|
||||||
|
$paper: rgb(255, 252, 240);
|
||||||
|
$base-50: rgb(242, 240, 229);
|
||||||
|
$base-100: rgb(230, 228, 217);
|
||||||
|
$base-150: rgb(218, 216, 206);
|
||||||
|
$base-200: rgb(206, 205, 195);
|
||||||
|
$base-300: rgb(183, 181, 172);
|
||||||
|
$base-500: rgb(135, 133, 128);
|
||||||
|
$base-600: rgb(111, 110, 105);
|
||||||
|
$base-700: rgb(87, 86, 83);
|
||||||
|
$base-800: rgb(64, 62, 60);
|
||||||
|
$base-850: rgb(52, 51, 49);
|
||||||
|
$base-900: rgb(40, 39, 38);
|
||||||
|
$base-950: rgb(28, 27, 26);
|
||||||
|
$black: rgb(16, 15, 15);
|
||||||
|
|
||||||
|
$red-400: rgb(209, 77, 65);
|
||||||
|
$red-600: rgb(175, 48, 41);
|
||||||
|
$orange-400: rgb(218, 112, 44);
|
||||||
|
$orange-600: rgb(188, 82, 21);
|
||||||
|
$yellow-400: rgb(208, 162, 21);
|
||||||
|
$yellow-600: rgb(173, 131, 1);
|
||||||
|
$green-400: rgb(135, 154, 57);
|
||||||
|
$green-600: rgb(102, 128, 11);
|
||||||
|
$cyan-400: rgb(58, 169, 159);
|
||||||
|
$cyan-600: rgb(36, 131, 123);
|
||||||
|
$blue-400: rgb(67, 133, 190);
|
||||||
|
$blue-600: rgb(32, 94, 166);
|
||||||
|
$purple-400: rgb(139, 126, 200);
|
||||||
|
$purple-600: rgb(94, 64, 157);
|
||||||
|
$magenta-400: rgb(206, 93, 151);
|
||||||
|
$magenta-600: rgb(160, 47, 111);
|
46
src/css/_fonts.scss
Normal file
46
src/css/_fonts.scss
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
/*
|
||||||
|
Fonts
|
||||||
|
=====
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Alkhemikal ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: Alkhemikal;
|
||||||
|
src: url(../font/Alkhemikal.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Junction ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: Junction;
|
||||||
|
src: url(../font/Junction-Regular.woff);
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Junction;
|
||||||
|
src: url(../font/Junction-Bold.woff);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Linden Hill ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Regular.woff);
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Italic.woff);
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Italic.woff);
|
||||||
|
font-style: oblique;
|
||||||
|
}
|
3
src/css/css.json
Normal file
3
src/css/css.json
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"eleventyExcludeFromCollections": true
|
||||||
|
}
|
|
@ -1,3 +1,122 @@
|
||||||
|
/*
|
||||||
|
Flexoki (https://stephango.com/flexoki)
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 Steph Ango
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
Fonts
|
||||||
|
=====
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
Alkhemikal ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: Alkhemikal;
|
||||||
|
src: url(../font/Alkhemikal.ttf);
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
Junction ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: Junction;
|
||||||
|
src: url(../font/Junction-Regular.woff);
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: Junction;
|
||||||
|
src: url(../font/Junction-Bold.woff);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
Linden Hill ***
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Regular.woff);
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Italic.woff);
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Linden Hill";
|
||||||
|
src: url(../font/LindenHill-Italic.woff);
|
||||||
|
font-style: oblique;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
Colors
|
||||||
|
======
|
||||||
|
*/
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
background-color: rgb(255, 252, 240);
|
||||||
}
|
color: #802659;
|
||||||
|
font-family: Alkhemikal;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: rgba(160, 47, 111, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main, article {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main :where(ol, ul), article :where(ol, ul) {
|
||||||
|
all: revert;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: rgb(102, 128, 11);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:active {
|
||||||
|
background-color: rgba(135, 154, 57, 0.25);
|
||||||
|
color: rgb(102, 128, 11);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo, .logo:hover, .logo:active {
|
||||||
|
color: rgb(160, 47, 111);
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
margin: 0 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar :where(li) {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=global.css.map */
|
||||||
|
|
1
src/css/global.css.map
Normal file
1
src/css/global.css.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;ACzCF;AAAA;AAAA;AAAA;AAYA;EACE,kBFQM;EEPN,OATG;EAUH;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE,OFEU;EEDV;;;AAGF;EACE,kBAtCS;EAuCT,OFJU;;;AEOZ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"global.css"}
|
67
src/css/global.scss
Normal file
67
src/css/global.scss
Normal file
|
@ -0,0 +1,67 @@
|
||||||
|
@use "colors";
|
||||||
|
@use "fonts";
|
||||||
|
|
||||||
|
/*
|
||||||
|
Colors
|
||||||
|
======
|
||||||
|
*/
|
||||||
|
$bg: colors.$paper;
|
||||||
|
$fg: scale-color(colors.$magenta-600, $lightness: -20%);
|
||||||
|
$fg-logo: colors.$magenta-600;
|
||||||
|
$link: colors.$green-600;
|
||||||
|
$bg-hover: scale-color(colors.$green-400, $alpha: -75%);
|
||||||
|
$fg-hover: colors.$green-600;
|
||||||
|
$bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: $bg;
|
||||||
|
color: $fg;
|
||||||
|
font-family: Alkhemikal;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: $bg-highlight;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main, article {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main :where(ol, ul), article :where(ol, ul) {
|
||||||
|
all: revert;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $link;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:active {
|
||||||
|
background-color: $bg-hover;
|
||||||
|
color: $fg-hover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo, .logo:hover, .logo:active {
|
||||||
|
color: $fg-logo;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
margin: 0 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar :where(li) {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
289
src/css/reset.css
Normal file
289
src/css/reset.css
Normal file
|
@ -0,0 +1,289 @@
|
||||||
|
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||||||
|
|
||||||
|
/*
|
||||||
|
Document
|
||||||
|
========
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
Use a better box model (opinionated).
|
||||||
|
*/
|
||||||
|
|
||||||
|
*,
|
||||||
|
::before,
|
||||||
|
::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
|
||||||
|
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
|
||||||
|
"Apple Color Emoji", "Segoe UI Emoji";
|
||||||
|
line-height: 1.15; /* 1. Correct the line height in all browsers. */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
|
||||||
|
-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
|
||||||
|
tab-size: 4; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Sections
|
||||||
|
========
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0; /* Remove the margin in all browsers. */
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Grouping content
|
||||||
|
================
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Add the correct height in Firefox.
|
||||||
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
height: 0; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Text-level semantics
|
||||||
|
====================
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Add the correct font weight in Edge and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||||||
|
2. Correct the odd 'em' font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp,
|
||||||
|
pre {
|
||||||
|
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
|
||||||
|
monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Tabular data
|
||||||
|
============
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||||||
|
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||||||
|
*/
|
||||||
|
|
||||||
|
table {
|
||||||
|
text-indent: 0; /* 1 */
|
||||||
|
border-color: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Forms
|
||||||
|
=====
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Change the font styles in all browsers.
|
||||||
|
2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Remove the inheritance of text transform in Edge and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Remove the additional ':invalid' styles in Firefox.
|
||||||
|
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
||||||
|
*/
|
||||||
|
|
||||||
|
:-moz-ui-invalid {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Add the correct vertical alignment in Chrome and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Correct the cursor style of increment and decrement buttons in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-inner-spin-button,
|
||||||
|
::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
2. Change font properties to 'inherit' in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Interactive
|
||||||
|
===========
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Add the correct display in Chrome and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
More resets/normalizations courtesy of https://mattbrictson.com/blog/css-normalize-and-reset
|
||||||
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, figure, p, ol, ul {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
padding-inline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
max-inline-size: 100%;
|
||||||
|
}
|
BIN
src/font/Alkhemikal.ttf
Normal file
BIN
src/font/Alkhemikal.ttf
Normal file
Binary file not shown.
BIN
src/font/Junction-Bold.woff
Normal file
BIN
src/font/Junction-Bold.woff
Normal file
Binary file not shown.
105
src/font/Junction-License.md
Normal file
105
src/font/Junction-License.md
Normal file
|
@ -0,0 +1,105 @@
|
||||||
|
Copyright (c) 2010, Caroline Hadilaksono <caroline@hadilaksono.com>, with Reserved Font Name: "Junction".
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
Version 1.1 - 26 February 2007
|
||||||
|
|
||||||
|
|
||||||
|
SIL Open Font License
|
||||||
|
====================================================
|
||||||
|
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
----------
|
||||||
|
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
Definitions
|
||||||
|
-------------
|
||||||
|
|
||||||
|
`"Font Software"` refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
`"Reserved Font Name"` refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
`"Original Version"` refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
`"Modified Version"` refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
`"Author"` refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
Permission & Conditions
|
||||||
|
------------------------
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1. Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2. Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3. No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4. The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5. The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
Termination
|
||||||
|
-----------
|
||||||
|
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
BIN
src/font/Junction-Light.woff
Normal file
BIN
src/font/Junction-Light.woff
Normal file
Binary file not shown.
BIN
src/font/Junction-Regular.woff
Normal file
BIN
src/font/Junction-Regular.woff
Normal file
Binary file not shown.
BIN
src/font/LindenHill-Italic.woff
Normal file
BIN
src/font/LindenHill-Italic.woff
Normal file
Binary file not shown.
105
src/font/LindenHill-License.md
Normal file
105
src/font/LindenHill-License.md
Normal file
|
@ -0,0 +1,105 @@
|
||||||
|
Copyright (c) 2010, Barry Schwartz <site-chieftain@crudfactory.com>, with Reserved Font Name OFL "Linden Hill".
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
Version 1.1 - 26 February 2007
|
||||||
|
|
||||||
|
|
||||||
|
SIL Open Font License
|
||||||
|
====================================================
|
||||||
|
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
----------
|
||||||
|
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
Definitions
|
||||||
|
-------------
|
||||||
|
|
||||||
|
`"Font Software"` refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
`"Reserved Font Name"` refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
`"Original Version"` refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
`"Modified Version"` refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
`"Author"` refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
Permission & Conditions
|
||||||
|
------------------------
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1. Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2. Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3. No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4. The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5. The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
Termination
|
||||||
|
-----------
|
||||||
|
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
BIN
src/font/LindenHill-Regular.woff
Normal file
BIN
src/font/LindenHill-Regular.woff
Normal file
Binary file not shown.
10
src/index.md
10
src/index.md
|
@ -6,14 +6,14 @@ eleventyNavigation:
|
||||||
order: -1
|
order: -1
|
||||||
---
|
---
|
||||||
|
|
||||||
Hello! my name is gil and this is my site. pronouns are he/they. i write and tinker with software/hardware. i don't have much to put here except links (for now).
|
Hello! My name is Gil and this is my site. Pronouns are he/they. I write and tinker with software/hardware. I don't have much to put here except links (for now).
|
||||||
|
|
||||||
## Links
|
## Links
|
||||||
|
|
||||||
[hol.ogra.ph](https://hol.ogra.ph/@gil) — federated microblogging (i'm a co-admin here!)
|
- [hol.ogra.ph](https://hol.ogra.ph/@gil) — federated microblogging (i'm a co-admin here!)
|
||||||
[pixelfed.social](https://pixelfed.social/kalanggam) — federated photo and video sharing
|
- [pixelfed.social](https://pixelfed.social/kalanggam) — federated photo and video sharing
|
||||||
[beehaw](https://beehaw.org/u/kalanggam) — federated link aggregator/discussions
|
- [beehaw](https://beehaw.org/u/kalanggam) — federated link aggregator/discussions
|
||||||
[bookwyrm.social](https://bookwyrm.social/user/kalanggam) — federated book reviews
|
- [bookwyrm.social](https://bookwyrm.social/user/kalanggam) — federated book reviews
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@ pubDate: 2023-05-18t20:12:32-05:00
|
||||||
Hey girl,
|
Hey girl,
|
||||||
you remind me
|
you remind me
|
||||||
that I have two hearts,
|
that I have two hearts,
|
||||||
two kasingkasings whose beats sing
|
two _kasingkasings_ whose beats sing
|
||||||
for you, for me, for us, for we,
|
for you, for me, for us, for we,
|
||||||
brown girls and brown queers, who rise
|
brown girls and brown queers, who rise
|
||||||
like the sun after gentle rains and eastward winds.
|
like the sun after gentle rains and eastward winds.
|
||||||
|
|
Loading…
Reference in a new issue