Switch to SCSS, fix CSS custom properties.
This commit is contained in:
parent
71227e0a44
commit
ae50137a45
|
@ -7,9 +7,9 @@
|
||||||
"repository": "https://git.holllo.cc/Bauke/bauke.xyz",
|
"repository": "https://git.holllo.cc/Bauke/bauke.xyz",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "nodemon --watch 'source/' --exec 'yarn build' --ext 'html css'",
|
"start": "nodemon --watch 'source/' --exec 'yarn build' --ext 'html scss'",
|
||||||
"build": "node 'source/index.js'",
|
"build": "node 'source/index.js' && sass 'source/scss/':'public/css/'",
|
||||||
"test": "xo && stylelint 'source/css/*.css'",
|
"test": "xo && stylelint 'source/scss/*.scss'",
|
||||||
"deploy": "rm -rf 'public/' && yarn build && yarn deploy:netlify",
|
"deploy": "rm -rf 'public/' && yarn build && yarn deploy:netlify",
|
||||||
"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"
|
||||||
},
|
},
|
||||||
|
@ -24,12 +24,15 @@
|
||||||
"netlify-cli": "^2.58.0",
|
"netlify-cli": "^2.58.0",
|
||||||
"nodemon": "^2.0.4",
|
"nodemon": "^2.0.4",
|
||||||
"nunjucks": "^3.2.2",
|
"nunjucks": "^3.2.2",
|
||||||
|
"sass": "^1.26.10",
|
||||||
"stylelint": "^13.6.1",
|
"stylelint": "^13.6.1",
|
||||||
|
"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.32.1"
|
||||||
},
|
},
|
||||||
"stylelint": {
|
"stylelint": {
|
||||||
"extends": [
|
"extends": [
|
||||||
|
"stylelint-config-xo-scss",
|
||||||
"stylelint-config-xo-space"
|
"stylelint-config-xo-space"
|
||||||
],
|
],
|
||||||
"rules": {
|
"rules": {
|
||||||
|
|
|
@ -1,43 +0,0 @@
|
||||||
.libraries {
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraries li {
|
|
||||||
background-color: var(--background-2);
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraries a {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraries a:hover {
|
|
||||||
background-color: var(--primary-accent-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraries .badges {
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#npm,
|
|
||||||
.libraries li.npm {
|
|
||||||
border: 1px solid var(--primary-accent-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.npm a {
|
|
||||||
background-color: var(--primary-accent-1);
|
|
||||||
color: var(--background-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
#crates,
|
|
||||||
.libraries li.crates {
|
|
||||||
border: 1px solid var(--primary-accent-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.crates a {
|
|
||||||
background-color: var(--primary-accent-4);
|
|
||||||
color: var(--background-1);
|
|
||||||
}
|
|
|
@ -1,28 +0,0 @@
|
||||||
header {
|
|
||||||
align-items: center;
|
|
||||||
background-color: var(--background-2);
|
|
||||||
border: 1px solid var(--primary-accent-4);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 16px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-right: auto;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.install {
|
|
||||||
background-color: var(--primary-accent-4);
|
|
||||||
color: var(--background-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.install:hover {
|
|
||||||
background-color: var(--primary-accent-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove-padding,
|
|
||||||
.remove-a-padding a {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
|
@ -1,28 +0,0 @@
|
||||||
header {
|
|
||||||
align-items: center;
|
|
||||||
background-color: var(--background-2);
|
|
||||||
border: 1px solid var(--primary-accent-1);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 16px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-right: auto;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.install {
|
|
||||||
background-color: var(--primary-accent-1);
|
|
||||||
color: var(--background-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.install:hover {
|
|
||||||
background-color: #96c839;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove-padding,
|
|
||||||
.remove-a-padding a {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
|
@ -6,14 +6,14 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Bauke</title>
|
<title>Bauke</title>
|
||||||
<link rel="stylesheet" href="css/modern-normalize.css">
|
<link rel="stylesheet" href="css/modern-normalize.css">
|
||||||
<link rel="stylesheet" href="css/variables.css">
|
<link rel="stylesheet" href="css/common.css">
|
||||||
<link rel="stylesheet" href="css/index.css">
|
<link rel="stylesheet" href="css/index.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main class="bordered">
|
||||||
<h1>Bauke</h1>
|
<h1 class="bordered">Bauke</h1>
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>
|
<li>
|
||||||
<a href="https://git.holllo.cc/Bauke" target="_blank">Gitea</a>
|
<a href="https://git.holllo.cc/Bauke" target="_blank">Gitea</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
<a href="https://gitlab.com/Bauke" target="_blank">GitLab</a>
|
<a href="https://gitlab.com/Bauke" target="_blank">GitLab</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>
|
<li>
|
||||||
<a href="https://holllo.cc" target="_blank">Holllo</a>
|
<a href="https://holllo.cc" target="_blank">Holllo</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -32,12 +32,12 @@
|
||||||
<a href="https://driftingnebula.com" target="_blank">driftingnebula</a>
|
<a href="https://driftingnebula.com" target="_blank">driftingnebula</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>
|
<li>
|
||||||
<a href="https://tildes.net/user/Bauke" target="_blank">Tildes</a>
|
<a href="https://tildes.net/user/Bauke" target="_blank">Tildes</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<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>
|
||||||
</li>
|
</li>
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>
|
<li>
|
||||||
<a href="https://git.holllo.cc/Bauke?q=open-source" target="_blank">♡ Open Source</a>
|
<a href="https://git.holllo.cc/Bauke?q=open-source" target="_blank">♡ Open Source</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -58,7 +58,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer class="bordered">
|
||||||
<p>
|
<p>
|
||||||
© Bauke
|
© Bauke
|
||||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
||||||
|
|
|
@ -12,7 +12,8 @@ async function main() {
|
||||||
'!userscripts.js',
|
'!userscripts.js',
|
||||||
'!userstyles.js',
|
'!userstyles.js',
|
||||||
'!userscripts/*',
|
'!userscripts/*',
|
||||||
'!userstyles/*'
|
'!userstyles/*',
|
||||||
|
'!scss/*'
|
||||||
],
|
],
|
||||||
'../public/',
|
'../public/',
|
||||||
{
|
{
|
||||||
|
|
|
@ -6,19 +6,19 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Libraries</title>
|
<title>Libraries</title>
|
||||||
<link rel="stylesheet" href="../css/modern-normalize.css">
|
<link rel="stylesheet" href="../css/modern-normalize.css">
|
||||||
<link rel="stylesheet" href="../css/variables.css">
|
<link rel="stylesheet" href="../css/common.css">
|
||||||
<link rel="stylesheet" href="../css/index.css">
|
|
||||||
<link rel="stylesheet" href="../css/libraries.css">
|
<link rel="stylesheet" href="../css/libraries.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main class="bordered">
|
||||||
<h1>Libraries</h1>
|
<h1 class="bordered">Libraries</h1>
|
||||||
|
|
||||||
<h2 id="crates">Crates.io</h2>
|
<div id="crates">
|
||||||
<ul class="libraries">
|
<h2 class="bordered">Crates.io</h2>
|
||||||
<li class="crates" id="opml">
|
<ul class="bordered libraries">
|
||||||
<a href="https://crates.io/crates/opml" target="_blank">opml</a>
|
<li class="bordered crates" id="opml">
|
||||||
|
<a class="button" href="https://crates.io/crates/opml" target="_blank">opml</a>
|
||||||
<p class="badges">
|
<p class="badges">
|
||||||
<img src="https://img.shields.io/crates/v/opml?color=yellowgreen&style=flat-square"
|
<img src="https://img.shields.io/crates/v/opml?color=yellowgreen&style=flat-square"
|
||||||
alt="Crates.io version">
|
alt="Crates.io version">
|
||||||
|
@ -29,13 +29,15 @@
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<h2 id="npm">npm</h2>
|
<div id="npm">
|
||||||
<ul class="libraries">
|
<h2 class="bordered">npm</h2>
|
||||||
<li class="npm" id="fancify">
|
<ul class="bordered libraries">
|
||||||
<a href="https://npmjs.com/package/fancify" target="_blank">fancify</a>
|
<li class="bordered npm" id="fancify">
|
||||||
|
<a class="button" href="https://npmjs.com/package/fancify" target="_blank">fancify</a>
|
||||||
<p class="badges">
|
<p class="badges">
|
||||||
<img src="https://img.shields.io/npm/v/fancify?color=red&style=flat-square"
|
<img src="https://img.shields.io/npm/v/fancify?color=red&style=flat-square"
|
||||||
alt="npm version">
|
alt="npm version">
|
||||||
|
@ -45,8 +47,8 @@
|
||||||
alt="npm license">
|
alt="npm license">
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li class="npm" id="node-ddg">
|
<li class="bordered npm" id="node-ddg">
|
||||||
<a href="https://npmjs.com/package/node-ddg" target="_blank">node-ddg</a>
|
<a class="button" href="https://npmjs.com/package/node-ddg" target="_blank">node-ddg</a>
|
||||||
<p class="badges">
|
<p class="badges">
|
||||||
<img src="https://img.shields.io/npm/v/node-ddg?color=red&style=flat-square"
|
<img src="https://img.shields.io/npm/v/node-ddg?color=red&style=flat-square"
|
||||||
alt="npm version">
|
alt="npm version">
|
||||||
|
@ -56,8 +58,8 @@
|
||||||
alt="npm license">
|
alt="npm license">
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li class="npm" id="owofy">
|
<li class="bordered npm" id="owofy">
|
||||||
<a href="https://npmjs.com/package/owofy" target="_blank">owofy</a>
|
<a class="button" href="https://npmjs.com/package/owofy" target="_blank">owofy</a>
|
||||||
<p class="badges">
|
<p class="badges">
|
||||||
<img src="https://img.shields.io/npm/v/owofy?color=red&style=flat-square"
|
<img src="https://img.shields.io/npm/v/owofy?color=red&style=flat-square"
|
||||||
alt="npm version">
|
alt="npm version">
|
||||||
|
@ -68,9 +70,10 @@
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer class="bordered">
|
||||||
<p>
|
<p>
|
||||||
© Bauke
|
© Bauke
|
||||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import 'variables';
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: 62.5%;
|
font-size: 62.5%;
|
||||||
}
|
}
|
||||||
|
@ -10,7 +12,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -35,35 +36,28 @@ p {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border: 1px dashed transparent;
|
border: 1px dashed transparent;
|
||||||
color: var(--primary-accent-7);
|
color: var(--page-accent-1, --primary-accent-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;
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
&:hover {
|
||||||
background-color: var(--primary-accent-3);
|
background-color: var(--page-accent-2, var(--primary-accent-3));
|
||||||
color: var(--background-1);
|
color: var(--background-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:active,
|
&:active,
|
||||||
a:focus {
|
&:focus {
|
||||||
border: 1px dashed var(--foreground-1);
|
border: 1px dashed var(--foreground-1);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
main,
|
|
||||||
footer,
|
|
||||||
h1,
|
|
||||||
ul {
|
|
||||||
border: 1px solid var(--primary-accent-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: var(--background-2);
|
background-color: var(--background-2);
|
||||||
|
@ -76,15 +70,10 @@ ul {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
|
||||||
|
|
||||||
li:last-child {
|
&:last-of-type {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divider {
|
|
||||||
border-top: 1px solid var(--primary-accent-5);
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
@ -92,8 +81,31 @@ footer {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
|
||||||
|
|
||||||
footer a {
|
a {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bordered {
|
||||||
|
border: var(--border-size, 1px) solid var(--border-accent, var(--primary-accent-5));
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
background-color: var(--page-accent-1);
|
||||||
|
color: var(--background-1);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--page-accent-2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider {
|
||||||
|
border-top: var(--border-size, 1px) solid var(--border-accent, var(--primary-accent-5));
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.remove-padding,
|
||||||
|
.remove-a-padding a {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
|
@ -0,0 +1,5 @@
|
||||||
|
body {
|
||||||
|
--border-accent: var(--primary-accent-5);
|
||||||
|
--page-accent-1: var(--primary-accent-7);
|
||||||
|
--page-accent-2: var(--primary-accent-3);
|
||||||
|
}
|
|
@ -0,0 +1,44 @@
|
||||||
|
body {
|
||||||
|
--border-accent: var(--primary-accent-5);
|
||||||
|
--page-accent-1: var(--primary-accent-7);
|
||||||
|
--page-accent-2: var(--primary-accent-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries li {
|
||||||
|
background-color: var(--background-2);
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries a {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries .badges {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#crates,
|
||||||
|
#npm {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#crates {
|
||||||
|
--border-accent: var(--primary-accent-4);
|
||||||
|
--page-accent-1: var(--primary-accent-4);
|
||||||
|
--page-accent-2: var(--primary-accent-7);
|
||||||
|
}
|
||||||
|
|
||||||
|
#npm {
|
||||||
|
--border-accent: var(--primary-accent-1);
|
||||||
|
--page-accent-1: var(--primary-accent-1);
|
||||||
|
--page-accent-2: var(--primary-accent-7);
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
body {
|
||||||
|
--border-accent: var(--primary-accent-10);
|
||||||
|
--page-accent-1: var(--primary-accent-7);
|
||||||
|
--page-accent-2: var(--primary-accent-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
align-items: center;
|
||||||
|
background-color: var(--background-2);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
body {
|
||||||
|
--border-accent: var(--primary-accent-1);
|
||||||
|
--page-accent-1: var(--primary-accent-7);
|
||||||
|
--page-accent-2: var(--primary-accent-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
align-items: center;
|
||||||
|
background-color: var(--background-2);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
|
@ -6,16 +6,15 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Userscripts</title>
|
<title>Userscripts</title>
|
||||||
<link rel="stylesheet" href="../css/modern-normalize.css">
|
<link rel="stylesheet" href="../css/modern-normalize.css">
|
||||||
<link rel="stylesheet" href="../css/variables.css">
|
<link rel="stylesheet" href="../css/common.css">
|
||||||
<link rel="stylesheet" href="../css/index.css">
|
|
||||||
<link rel="stylesheet" href="../css/userscripts.css">
|
<link rel="stylesheet" href="../css/userscripts.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main class="bordered">
|
||||||
<h1>Userscripts</h1>
|
<h1 class="bordered">Userscripts</h1>
|
||||||
|
|
||||||
<ul class="remove-a-padding">
|
<ul class="bordered remove-a-padding">
|
||||||
<li>A collection of all my userscripts for various websites.</li>
|
<li>A collection of all my userscripts for various websites.</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
@ -42,14 +41,14 @@
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
{% for script in scripts %}
|
{% for script in scripts %}
|
||||||
<header>
|
<header class="bordered">
|
||||||
<h2 id="{{ script.name | lower | replace(" ", "-") }}">
|
<h2 id="{{ script.name | lower | replace(" ", "-") }}">
|
||||||
{{ script.name }}
|
{{ script.name }}
|
||||||
</h2>
|
</h2>
|
||||||
<a class="install" href="{{ script.downloadURL }}" target="_blank">Install</a>
|
<a class="button" href="{{ script.downloadURL }}" target="_blank">Install</a>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>{{ script.description }}</li>
|
<li>{{ script.description }}</li>
|
||||||
<li>Version {{ script.version }}</li>
|
<li>Version {{ script.version }}</li>
|
||||||
<li>
|
<li>
|
||||||
|
@ -64,7 +63,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer class="bordered">
|
||||||
<p>
|
<p>
|
||||||
© Bauke
|
© Bauke
|
||||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
||||||
|
|
|
@ -6,16 +6,15 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Userstyles</title>
|
<title>Userstyles</title>
|
||||||
<link rel="stylesheet" href="../css/modern-normalize.css">
|
<link rel="stylesheet" href="../css/modern-normalize.css">
|
||||||
<link rel="stylesheet" href="../css/variables.css">
|
<link rel="stylesheet" href="../css/common.css">
|
||||||
<link rel="stylesheet" href="../css/index.css">
|
|
||||||
<link rel="stylesheet" href="../css/userstyles.css">
|
<link rel="stylesheet" href="../css/userstyles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main class="bordered">
|
||||||
<h1>Userstyles</h1>
|
<h1 class="bordered">Userstyles</h1>
|
||||||
|
|
||||||
<ul class="remove-a-padding">
|
<ul class="bordered remove-a-padding">
|
||||||
<li>A collection of all my userstyles for various websites.</li>
|
<li>A collection of all my userstyles for various websites.</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
@ -41,14 +40,14 @@
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
{% for style in styles %}
|
{% for style in styles %}
|
||||||
<header>
|
<header class="bordered">
|
||||||
<h2 id="{{ style.name | lower | replace(" ", "-") }}">
|
<h2 id="{{ style.name | lower | replace(" ", "-") }}">
|
||||||
{{ style.name }}
|
{{ style.name }}
|
||||||
</h2>
|
</h2>
|
||||||
<a class="install" href="{{ style.updateURL }}" target="_blank">Install</a>
|
<a class="button" href="{{ style.updateURL }}" target="_blank">Install</a>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<ul>
|
<ul class="bordered">
|
||||||
<li>{{ style.description }}</li>
|
<li>{{ style.description }}</li>
|
||||||
<li>Version {{ style.version }}</li>
|
<li>Version {{ style.version }}</li>
|
||||||
<li>Licensed under {{ style.license }}.</li>
|
<li>Licensed under {{ style.license }}.</li>
|
||||||
|
@ -64,7 +63,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer class="bordered">
|
||||||
<p>
|
<p>
|
||||||
© Bauke
|
© Bauke
|
||||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
||||||
|
|
40
yarn.lock
40
yarn.lock
|
@ -6964,7 +6964,7 @@ postcss-values-parser@^1.5.0:
|
||||||
indexes-of "^1.0.1"
|
indexes-of "^1.0.1"
|
||||||
uniq "^1.0.1"
|
uniq "^1.0.1"
|
||||||
|
|
||||||
postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.6, postcss@^7.0.7:
|
postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.31, postcss@^7.0.32, postcss@^7.0.6, postcss@^7.0.7:
|
||||||
version "7.0.32"
|
version "7.0.32"
|
||||||
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
|
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
|
||||||
integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
|
integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
|
||||||
|
@ -8169,6 +8169,14 @@ style-search@^0.1.0:
|
||||||
resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
|
resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
|
||||||
integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
|
integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
|
||||||
|
|
||||||
|
stylelint-config-xo-scss@^0.13.0:
|
||||||
|
version "0.13.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/stylelint-config-xo-scss/-/stylelint-config-xo-scss-0.13.0.tgz#d714b760717892825e0788a1a3dd2a331592f750"
|
||||||
|
integrity sha512-bTicB369hfDjaMQJ42tV38lil2+WwR98AcL6e2Rqgs3hbHP5EPyEtjCw8bg+XP4o6GiOqERDE2DQLCT1lGD6Fg==
|
||||||
|
dependencies:
|
||||||
|
stylelint-config-xo "^0.19.0"
|
||||||
|
stylelint-scss "^3.13.0"
|
||||||
|
|
||||||
stylelint-config-xo-space@^0.14.0:
|
stylelint-config-xo-space@^0.14.0:
|
||||||
version "0.14.0"
|
version "0.14.0"
|
||||||
resolved "https://registry.yarnpkg.com/stylelint-config-xo-space/-/stylelint-config-xo-space-0.14.0.tgz#9e01a3640a85f3b2067f3b0d58567bf5b53837e0"
|
resolved "https://registry.yarnpkg.com/stylelint-config-xo-space/-/stylelint-config-xo-space-0.14.0.tgz#9e01a3640a85f3b2067f3b0d58567bf5b53837e0"
|
||||||
|
@ -8184,7 +8192,15 @@ stylelint-config-xo@^0.16.0:
|
||||||
stylelint-declaration-block-no-ignored-properties "^2.2.0"
|
stylelint-declaration-block-no-ignored-properties "^2.2.0"
|
||||||
stylelint-order "^3.1.1"
|
stylelint-order "^3.1.1"
|
||||||
|
|
||||||
stylelint-declaration-block-no-ignored-properties@^2.2.0:
|
stylelint-config-xo@^0.19.0:
|
||||||
|
version "0.19.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/stylelint-config-xo/-/stylelint-config-xo-0.19.0.tgz#2a4292c3c3fbb9e530664e1165500dd786929a16"
|
||||||
|
integrity sha512-X/dWOM1lytr2FPv9D1gOnZnUKEcuqbw3CqloM6A5plXo8gXJXHKk1mmjOLrW3jTQNr6YGn3xwP61IjdOTSmEiA==
|
||||||
|
dependencies:
|
||||||
|
stylelint-declaration-block-no-ignored-properties "^2.3.0"
|
||||||
|
stylelint-order "^4.1.0"
|
||||||
|
|
||||||
|
stylelint-declaration-block-no-ignored-properties@^2.2.0, stylelint-declaration-block-no-ignored-properties@^2.3.0:
|
||||||
version "2.3.0"
|
version "2.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/stylelint-declaration-block-no-ignored-properties/-/stylelint-declaration-block-no-ignored-properties-2.3.0.tgz#98a641a137bf057c97ef3d3c4a848cd339e736da"
|
resolved "https://registry.yarnpkg.com/stylelint-declaration-block-no-ignored-properties/-/stylelint-declaration-block-no-ignored-properties-2.3.0.tgz#98a641a137bf057c97ef3d3c4a848cd339e736da"
|
||||||
integrity sha512-0Ly/mKc3prAhxBSY5TbmMMDAkUHYMOxdmUu/mNcFvB6A53C24x5Rsu1Vtrik9bKPKwgd75sZUhV9ZsWerPbuJQ==
|
integrity sha512-0Ly/mKc3prAhxBSY5TbmMMDAkUHYMOxdmUu/mNcFvB6A53C24x5Rsu1Vtrik9bKPKwgd75sZUhV9ZsWerPbuJQ==
|
||||||
|
@ -8200,6 +8216,26 @@ stylelint-order@^3.1.1:
|
||||||
postcss "^7.0.17"
|
postcss "^7.0.17"
|
||||||
postcss-sorting "^5.0.1"
|
postcss-sorting "^5.0.1"
|
||||||
|
|
||||||
|
stylelint-order@^4.1.0:
|
||||||
|
version "4.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-4.1.0.tgz#692d05b7d0c235ac66fcf5ea1d9e5f08a76747f6"
|
||||||
|
integrity sha512-sVTikaDvMqg2aJjh4r48jsdfmqLT+nqB1MOsaBnvM3OwLx4S+WXcsxsgk5w18h/OZoxZCxuyXMh61iBHcj9Qiw==
|
||||||
|
dependencies:
|
||||||
|
lodash "^4.17.15"
|
||||||
|
postcss "^7.0.31"
|
||||||
|
postcss-sorting "^5.0.1"
|
||||||
|
|
||||||
|
stylelint-scss@^3.13.0:
|
||||||
|
version "3.18.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-3.18.0.tgz#8f06371c223909bf3f62e839548af1badeed31e9"
|
||||||
|
integrity sha512-LD7+hv/6/ApNGt7+nR/50ft7cezKP2HM5rI8avIdGaUWre3xlHfV4jKO/DRZhscfuN+Ewy9FMhcTq0CcS0C/SA==
|
||||||
|
dependencies:
|
||||||
|
lodash "^4.17.15"
|
||||||
|
postcss-media-query-parser "^0.2.3"
|
||||||
|
postcss-resolve-nested-selector "^0.1.1"
|
||||||
|
postcss-selector-parser "^6.0.2"
|
||||||
|
postcss-value-parser "^4.1.0"
|
||||||
|
|
||||||
stylelint@^13.6.1:
|
stylelint@^13.6.1:
|
||||||
version "13.6.1"
|
version "13.6.1"
|
||||||
resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.6.1.tgz#cc1d76338116d55e8ff2be94c4a4386c1239b878"
|
resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.6.1.tgz#cc1d76338116d55e8ff2be94c4a4386c1239b878"
|
||||||
|
|
Loading…
Reference in New Issue