A whole lotta stuff.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
18
web/themes/custom/dchadwick/gulpfile.js
Normal file
18
web/themes/custom/dchadwick/gulpfile.js
Normal 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));
|
||||
});
|
||||
4262
web/themes/custom/dchadwick/package-lock.json
generated
Normal file
4262
web/themes/custom/dchadwick/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
20
web/themes/custom/dchadwick/package.json
Normal file
20
web/themes/custom/dchadwick/package.json
Normal 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"
|
||||
}
|
||||
}
|
||||
BIN
web/themes/custom/dchadwick/src/.DS_Store
vendored
Normal file
BIN
web/themes/custom/dchadwick/src/.DS_Store
vendored
Normal file
Binary file not shown.
@@ -0,0 +1,4 @@
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
17
web/themes/custom/dchadwick/src/sass/partials/header.scss
Normal file
17
web/themes/custom/dchadwick/src/sass/partials/header.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
100
web/themes/custom/dchadwick/src/sass/style.scss
Normal file
100
web/themes/custom/dchadwick/src/sass/style.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user