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",
"description": "My personal website.",
"version": "0.1.9",
"version": "0.2.0",
"author": "Bauke <me@bauke.xyz>",
"homepage": "https://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"
},
"dependencies": {
"modern-normalize": "^0.7.0",
"modern-normalize": "^1.0.0",
"userscripts": "git+https://git.holllo.cc/Bauke/userscripts.git",
"userstyles": "git+https://git.holllo.cc/Bauke/userstyles.git"
},
"devDependencies": {
"cpy": "^8.1.0",
"husky": "^4.2.5",
"netlify-cli": "^2.58.0",
"cpy": "^8.1.1",
"husky": "^4.3.0",
"netlify-cli": "^2.64.1",
"nodemon": "^2.0.4",
"nunjucks": "^3.2.2",
"sass": "^1.26.10",
"stylelint": "^13.6.1",
"sass": "^1.26.11",
"stylelint": "^13.7.1",
"stylelint-config-xo-scss": "^0.13.0",
"stylelint-config-xo-space": "^0.14.0",
"xo": "^0.32.1"
"xo": "^0.33.1"
},
"stylelint": {
"extends": [
@ -36,6 +36,8 @@
"stylelint-config-xo-space"
],
"rules": {
"at-rule-empty-line-before": null,
"at-rule-no-unknown": null,
"no-descending-specificity": null
}
},

10
source/index.html
View File

@ -33,11 +33,6 @@
<a href="https://driftingnebula.com" target="_blank">driftingnebula</a>
</li>
</ul>
<ul class="bordered">
<li>
<a href="https://tildes.net/user/Bauke" target="_blank">Tildes</a>
</li>
</ul>
<ul class="bordered">
<li>
<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>
</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>
</ul>
<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 {
--foreground-1: #f2efff;
--foreground-2: #e6deff;
--background-1: #1f1731;
--background-2: #2a2041;
--primary-accent-1: #f99fb1;
--primary-accent-2: #faa56c;
--primary-accent-3: #d2b83a;
--primary-accent-4: #96c839;
--primary-accent-5: #3bd18a;
--primary-accent-6: #3ecdbf;
--primary-accent-7: #41c8e5;
--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;
$small-breakpoint: 600px;
$medium-breakpoint: 900px;
$large-breakpoint: 1200px;
$extra-large-breakpoint: 1800px;
@mixin responsive-container {
margin-left: auto;
margin-right: auto;
width: $small-breakpoint;
@media (max-width: $small-breakpoint) {
width: 100%;
}
}

29
source/scss/common.scss
View File

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

6
source/scss/index.scss
View File

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

20
source/scss/libraries.scss
View File

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

8
source/scss/userscripts.scss
View File

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

8
source/scss/userstyles.scss
View File

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

2158
yarn.lock
View File

File diff suppressed because it is too large Load Diff