A whole lotta stuff.

This commit is contained in:
Dan Chadwick
2024-03-13 15:48:45 +00:00
parent 5ff8b4b357
commit d7f37baeb7
372 changed files with 12650 additions and 378 deletions

View File

@@ -1,12 +1,102 @@
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.ubuntu-light {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
}
.ubuntu-light-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: italic;
}
.ubuntu-regular {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
}
.ubuntu-regular-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: italic;
}
.ubuntu-medium {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: normal;
}
.ubuntu-medium-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: italic;
}
.ubuntu-bold {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: normal;
}
.ubuntu-bold-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: italic;
}
body {
background: whitesmoke;
background: #191724;
color: #e0def4;
font-family: "Ubuntu", sans-serif;
}
a {
color: #f6c177;
}
a:visited {
color: #9ccfd8;
}
header {
background: #232323;
color: white;
background: #1f1d2e;
border: 1px solid #eb6f92;
}
header div > * {
display: inline-block;
}
header div#block-dchadwick-site-branding {
padding: 1rem;
}
header div#block-dchadwick-site-branding a {
text-decoration: none;
font-weight: 700;
}
header div#block-dchadwick-site-branding a:visited {
color: #f6c177 !important;
}
.smooth {
transition: all 1s ease-in;
img {
max-width: 100%;
max-height: 100%;
}
header {
background: #1f1d2e;
border: 1px solid #eb6f92;
}
header div > * {
display: inline-block;
}
header div#block-dchadwick-site-branding {
padding: 1rem;
}
header div#block-dchadwick-site-branding a {
text-decoration: none;
font-weight: 700;
}
header div#block-dchadwick-site-branding a:visited {
color: #f6c177 !important;
}

View File

@@ -0,0 +1,18 @@
/**
* @file
*/
var gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
var input = './src/sass/*.scss';
var output = './css';
gulp.task('sass', function () {
return gulp
// Find all `.scss` files from the `stylesheets/` folder.
.src(input)
// Run Sass on those files.
.pipe(sass())
// Write the resulting CSS in the output folder.
.pipe(gulp.dest(output));
});

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,20 @@
{
"name": "dchadwick",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"compile": "gulp sass"
},
"author": "",
"license": "ISC",
"devDependencies": {
"gulp": "^4.0.2",
"gulp-concat": "^2.6.1",
"gulp-sass": "^5.1.0"
},
"dependencies": {
"sass": "^1.71.1"
}
}

Binary file not shown.

View File

@@ -0,0 +1,4 @@
img {
max-width: 100%;
max-height: 100%;
}

View File

@@ -0,0 +1,17 @@
header {
background: $overlay_bl;
border: 1px solid $love;
div > * {
display: inline-block;
}
div#block-dchadwick-site-branding {
padding: 1rem;
a {
text-decoration: none;
font-weight: 700;
&:visited {
color: $gold !important;
}
}
}
}

View File

@@ -0,0 +1,100 @@
// Colors.
$base_bl: #191724;
$overlay_bl: #1f1d2e;
$muted: #6e6a86;
$subtle: #908caa;
$text: #e0def4;
$love: #eb6f92;
$gold: #f6c177;
$rose: #ebbcba;
$pine: #31748f;
$foam: #9ccfd8;
$iris: #c4a7e7;
// Google fonts.
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.ubuntu-light {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
}
.ubuntu-light-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: italic;
}
.ubuntu-regular {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
}
.ubuntu-regular-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: italic;
}
.ubuntu-medium {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: normal;
}
.ubuntu-medium-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: italic;
}
.ubuntu-bold {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: normal;
}
.ubuntu-bold-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: italic;
}
body {
background: $base_bl;
color: $text;
font-family: "Ubuntu", sans-serif;
}
a {
color: $gold;
&:visited {
color: $foam;
}
}
// Imports.
@import "partials/header";
@import "partials/articles";
header {
background: $overlay_bl;
border: 1px solid $love;
div > * {
display: inline-block;
}
div#block-dchadwick-site-branding {
padding: 1rem;
a {
text-decoration: none;
font-weight: 700;
&:visited {
color: $gold !important;
}
}
}
}

View File

@@ -1,11 +1,5 @@
<header aria-label="Site header" class="header" id="header" role="banner">
{{ page.navigation }}
<div id="color-demo" class="smooth" style="color:red"
hx-get="/colors" hx-swap="outerHTML" hx-trigger="every 1s">
Color Swap Demo
</div>
</header>
<section class="main" id="main">
<main aria-label="Site main content" class="content" id="content" role="main">