Bauke/bauke-xyz
Bauke
/
bauke-xyz
1
Fork 0
Code Releases 12 Activity

Update stuff.

This commit is contained in:
Bauke 2020-09-24 14:51:55 +02:00
parent dd5d5cf5ab
commit 20d6b5faa4
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
10 changed files with 1606 additions and 741 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "bauke.xyz", "name": "bauke.xyz",
"description": "My personal website.", "description": "My personal website.",
"version": "0.1.9", "version": "0.2.0",
"author": "Bauke <me@bauke.xyz>", "author": "Bauke <me@bauke.xyz>",
"homepage": "https://bauke.xyz", "homepage": "https://bauke.xyz",
"repository": "https://git.holllo.cc/Bauke/bauke.xyz", "repository": "https://git.holllo.cc/Bauke/bauke.xyz",
@ -14,21 +14,21 @@
"deploy:netlify": "netlify deploy --prod --dir 'public/' -s 37bb1f7c-2abb-419f-9a31-a4b72209c1c8" "deploy:netlify": "netlify deploy --prod --dir 'public/' -s 37bb1f7c-2abb-419f-9a31-a4b72209c1c8"
}, },
"dependencies": { "dependencies": {
"modern-normalize": "^0.7.0", "modern-normalize": "^1.0.0",
"userscripts": "git+https://git.holllo.cc/Bauke/userscripts.git", "userscripts": "git+https://git.holllo.cc/Bauke/userscripts.git",
"userstyles": "git+https://git.holllo.cc/Bauke/userstyles.git" "userstyles": "git+https://git.holllo.cc/Bauke/userstyles.git"
}, },
"devDependencies": { "devDependencies": {
"cpy": "^8.1.0", "cpy": "^8.1.1",
"husky": "^4.2.5", "husky": "^4.3.0",
"netlify-cli": "^2.58.0", "netlify-cli": "^2.64.1",
"nodemon": "^2.0.4", "nodemon": "^2.0.4",
"nunjucks": "^3.2.2", "nunjucks": "^3.2.2",
"sass": "^1.26.10", "sass": "^1.26.11",
"stylelint": "^13.6.1", "stylelint": "^13.7.1",
"stylelint-config-xo-scss": "^0.13.0", "stylelint-config-xo-scss": "^0.13.0",
"stylelint-config-xo-space": "^0.14.0", "stylelint-config-xo-space": "^0.14.0",
"xo": "^0.32.1" "xo": "^0.33.1"
}, },
"stylelint": { "stylelint": {
"extends": [ "extends": [
@ -36,6 +36,8 @@
"stylelint-config-xo-space" "stylelint-config-xo-space"
], ],
"rules": { "rules": {
"at-rule-empty-line-before": null,
"at-rule-no-unknown": null,
"no-descending-specificity": null "no-descending-specificity": null
} }
}, },

10
source/index.html
View File

@ -33,11 +33,6 @@
<a href="https://driftingnebula.com" target="_blank">driftingnebula</a> <a href="https://driftingnebula.com" target="_blank">driftingnebula</a>
</li> </li>
</ul> </ul>
<ul class="bordered">
<li>
<a href="https://tildes.net/user/Bauke" target="_blank">Tildes</a>
</li>
</ul>
<ul class="bordered"> <ul class="bordered">
<li> <li>
<a href="https://matrix.org" target="_blank">Matrix: @baukexyz:matrix.org</a> <a href="https://matrix.org" target="_blank">Matrix: @baukexyz:matrix.org</a>
@ -46,7 +41,10 @@
<a href="mailto:me@bauke.xyz">Email: me@bauke.xyz</a> <a href="mailto:me@bauke.xyz">Email: me@bauke.xyz</a>
</li> </li>
<li> <li>
<a rel="me" href="https://mastodon.social/@bauke">Mastodon: @bauke@mastodon.social</a> <a rel="me" href="https://mastodon.social/@bauke" target="_blank">Mastodon: @bauke@mastodon.social</a>
</li>
<li>
<a href="https://tildes.net/user/Bauke" target="_blank">Tildes</a>
</li> </li>
</ul> </ul>
<div class="divider"></div> <div class="divider"></div>

45
source/scss/_love.scss Normal file
View File

@ -0,0 +1,45 @@
/*
The Love Theme CSS Custom Properties
https://love.holllo.cc - version 0.1.0
MIT license
*/
body {
/* Love Dark */
--df-1: #f2efff;
--df-2: #e6deff;
--db-1: #1f1731;
--db-2: #2a2041;
--da-1: #f99fb1;
--da-2: #faa56c;
--da-3: #d2b83a;
--da-4: #96c839;
--da-5: #3bd18a;
--da-6: #3ecdbf;
--da-7: #41c8e5;
--da-8: #98b9f8;
--da-9: #d5a6f8;
--da-10: #f99add;
--dg-1: #e2e2e2;
--dg-2: #c6c6c6;
--dg-3: #ababab;
/* Love Light */
--lf-1: #1f1731;
--lf-2: #2a2041;
--lb-1: #f2efff;
--lb-2: #e6deff;
--la-1: #8b123c;
--la-2: #6a3b11;
--la-3: #514610;
--la-4: #384d10;
--la-5: #115133;
--la-6: #124f49;
--la-7: #144d5a;
--la-8: #17477e;
--la-9: #6f1995;
--la-10: #81156a;
--lg-1: #1b1b1b;
--lg-2: #303030;
--lg-3: #474747;
}

45
source/scss/_variables.scss
View File

@ -1,33 +1,14 @@
body { $small-breakpoint: 600px;
--foreground-1: #f2efff; $medium-breakpoint: 900px;
--foreground-2: #e6deff; $large-breakpoint: 1200px;
--background-1: #1f1731; $extra-large-breakpoint: 1800px;
--background-2: #2a2041;
--primary-accent-1: #f99fb1; @mixin responsive-container {
--primary-accent-2: #faa56c; margin-left: auto;
--primary-accent-3: #d2b83a; margin-right: auto;
--primary-accent-4: #96c839; width: $small-breakpoint;
--primary-accent-5: #3bd18a;
--primary-accent-6: #3ecdbf; @media (max-width: $small-breakpoint) {
--primary-accent-7: #41c8e5; width: 100%;
--primary-accent-8: #98b9f8; }
--primary-accent-9: #d5a6f8;
--primary-accent-10: #f99add;
--primary-gray-1: #e2e2e2;
--primary-gray-2: #c6c6c6;
--primary-gray-3: #ababab;
--secondary-accent-1: #8b123c;
--secondary-accent-2: #6a3b11;
--secondary-accent-3: #514610;
--secondary-accent-4: #384d10;
--secondary-accent-5: #115133;
--secondary-accent-6: #124f49;
--secondary-accent-7: #144d5a;
--secondary-accent-8: #17477e;
--secondary-accent-9: #6f1995;
--secondary-accent-10: #81156a;
--secondary-gray-1: #1b1b1b;
--secondary-gray-2: #303030;
--secondary-gray-3: #474747;
--transparent-accent-1: #000a;
} }

29
source/scss/common.scss
View File

@ -1,29 +1,29 @@
@import 'variables'; @import 'variables';
@import 'love';
html { html {
font-size: 62.5%; font-size: 62.5%;
} }
body { body {
background-color: var(--background-1); background-color: var(--db-1);
color: var(--foreground-1); color: var(--df-1);
font-size: 1.75rem; font-size: 1.75rem;
padding: 16px; padding: 16px;
} }
main { main {
@include responsive-container;
display: flex; display: flex;
gap: 16px; gap: 16px;
flex-direction: column; flex-direction: column;
margin: 0 auto;
margin-bottom: 16px; margin-bottom: 16px;
max-width: 500px;
padding: 16px; padding: 16px;
} }
h1, h1,
h2 { h2 {
background-color: var(--background-2); background-color: var(--db-2);
padding: 16px; padding: 16px;
width: 100%; width: 100%;
} }
@ -36,20 +36,20 @@ p {
a { a {
border: 1px dashed transparent; border: 1px dashed transparent;
color: var(--page-accent-1, --primary-accent-7); color: var(--page-accent-1, var(--da-7));
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
padding: 4px 8px; padding: 4px 8px;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
background-color: var(--page-accent-2, var(--primary-accent-3)); background-color: var(--page-accent-2, var(--da-3));
color: var(--background-1); color: var(--db-1);
} }
&:active, &:active,
&:focus { &:focus {
border: 1px dashed var(--foreground-1); border: 1px dashed var(--df-1);
outline: none; outline: none;
} }
} }
@ -60,7 +60,7 @@ img {
ul { ul {
align-items: center; align-items: center;
background-color: var(--background-2); background-color: var(--db-2);
list-style: none; list-style: none;
margin: 0; margin: 0;
overflow: auto; overflow: auto;
@ -77,9 +77,8 @@ li {
} }
footer { footer {
@include responsive-container;
font-weight: bold; font-weight: bold;
margin: 0 auto;
max-width: 500px;
padding: 16px; padding: 16px;
a { a {
@ -88,12 +87,12 @@ footer {
} }
.bordered { .bordered {
border: var(--border-size, 1px) solid var(--border-accent, var(--primary-accent-5)); border: var(--border-size, 1px) solid var(--border-accent, var(--da-5));
} }
.button { .button {
background-color: var(--page-accent-1); background-color: var(--page-accent-1);
color: var(--background-1); color: var(--db-1);
&:hover { &:hover {
background-color: var(--page-accent-2); background-color: var(--page-accent-2);
@ -101,7 +100,7 @@ footer {
} }
.divider { .divider {
border-top: var(--border-size, 1px) solid var(--border-accent, var(--primary-accent-5)); border-top: var(--border-size, 1px) solid var(--border-accent, var(--da-5));
width: 100%; width: 100%;
} }

6
source/scss/index.scss
View File

@ -1,5 +1,5 @@
body { body {
--border-accent: var(--primary-accent-5); --border-accent: var(--da-5);
--page-accent-1: var(--primary-accent-7); --page-accent-1: var(--da-7);
--page-accent-2: var(--primary-accent-3); --page-accent-2: var(--da-3);
} }

20
source/scss/libraries.scss
View File

@ -1,7 +1,7 @@
body { body {
--border-accent: var(--primary-accent-5); --border-accent: var(--da-5);
--page-accent-1: var(--primary-accent-7); --page-accent-1: var(--da-7);
--page-accent-2: var(--primary-accent-3); --page-accent-2: var(--da-3);
} }
.libraries { .libraries {
@ -11,7 +11,7 @@ body {
} }
.libraries li { .libraries li {
background-color: var(--background-2); background-color: var(--db-2);
padding: 16px; padding: 16px;
} }
@ -32,13 +32,13 @@ body {
} }
#crates { #crates {
--border-accent: var(--primary-accent-4); --border-accent: var(--da-4);
--page-accent-1: var(--primary-accent-4); --page-accent-1: var(--da-4);
--page-accent-2: var(--primary-accent-7); --page-accent-2: var(--da-7);
} }
#npm { #npm {
--border-accent: var(--primary-accent-1); --border-accent: var(--da-1);
--page-accent-1: var(--primary-accent-1); --page-accent-1: var(--da-1);
--page-accent-2: var(--primary-accent-7); --page-accent-2: var(--da-7);
} }

8
source/scss/userscripts.scss
View File

@ -1,12 +1,12 @@
body { body {
--border-accent: var(--primary-accent-10); --border-accent: var(--da-10);
--page-accent-1: var(--primary-accent-7); --page-accent-1: var(--da-7);
--page-accent-2: var(--primary-accent-3); --page-accent-2: var(--da-3);
} }
header { header {
align-items: center; align-items: center;
background-color: var(--background-2); background-color: var(--db-2);
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 16px; padding: 16px;

8
source/scss/userstyles.scss
View File

@ -1,12 +1,12 @@
body { body {
--border-accent: var(--primary-accent-1); --border-accent: var(--da-1);
--page-accent-1: var(--primary-accent-7); --page-accent-1: var(--da-7);
--page-accent-2: var(--primary-accent-3); --page-accent-2: var(--da-3);
} }
header { header {
align-items: center; align-items: center;
background-color: var(--background-2); background-color: var(--db-2);
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 16px; padding: 16px;

2158
yarn.lock
View File

File diff suppressed because it is too large Load Diff