Add a Libraries page.
This commit is contained in:
parent
1bc697de8c
commit
1bf8b47add
GPG Key ID:
C1C0F29952BCF558
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "bauke.xyz",
|
"name": "bauke.xyz",
|
||||||
"description": "My personal website.",
|
"description": "My personal website.",
|
||||||
"version": "0.1.4",
|
"version": "0.1.5",
|
||||||
"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",
|
||||||
|
|
|
||||||
|
|
@ -20,13 +20,15 @@ main {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1,
|
||||||
|
h2 {
|
||||||
background-color: #2a2041;
|
background-color: #2a2041;
|
||||||
margin: 0;
|
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -51,6 +53,10 @@ a:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
main,
|
main,
|
||||||
footer,
|
footer,
|
||||||
h1,
|
h1,
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
.libraries {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries li {
|
||||||
|
background-color: #2a2041;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries a {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries a:hover {
|
||||||
|
background-color: #3bd18a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.libraries .badges {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#npm,
|
||||||
|
.libraries li.npm {
|
||||||
|
border: 1px solid #f99fb1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.npm a {
|
||||||
|
background-color: #f99fb1;
|
||||||
|
color: #1f1731;
|
||||||
|
}
|
||||||
|
|
||||||
|
#crates,
|
||||||
|
.libraries li.crates {
|
||||||
|
border: 1px solid #96c839;
|
||||||
|
}
|
||||||
|
|
||||||
|
.crates a {
|
||||||
|
background-color: #96c839;
|
||||||
|
color: #1f1731;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,80 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Libraries</title>
|
||||||
|
<link rel="stylesheet" href="../css/modern-normalize.css">
|
||||||
|
<link rel="stylesheet" href="../css/index.css">
|
||||||
|
<link rel="stylesheet" href="../css/libraries.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<h1>Libraries</h1>
|
||||||
|
|
||||||
|
<h2 id="crates">Crates.io</h2>
|
||||||
|
<ul class="libraries">
|
||||||
|
<li class="crates" id="opml">
|
||||||
|
<a href="https://crates.io/crates/opml" target="_blank">opml</a>
|
||||||
|
<p class="badges">
|
||||||
|
<img src="https://img.shields.io/crates/v/opml?color=yellowgreen&style=flat-square"
|
||||||
|
alt="Crates.io version">
|
||||||
|
<img src="https://img.shields.io/crates/dr/opml?color=yellowgreen&style=flat-square"
|
||||||
|
alt="Crates.io recent downloads">
|
||||||
|
<img src="https://img.shields.io/crates/l/opml?color=yellowgreen&style=flat-square"
|
||||||
|
alt="Crates.io license">
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="divider"></div>
|
||||||
|
|
||||||
|
<h2 id="npm">npm</h2>
|
||||||
|
<ul class="libraries">
|
||||||
|
<li class="npm" id="fancify">
|
||||||
|
<a href="https://npmjs.com/package/fancify" target="_blank">fancify</a>
|
||||||
|
<p class="badges">
|
||||||
|
<img src="https://img.shields.io/npm/v/fancify?color=red&style=flat-square"
|
||||||
|
alt="npm version">
|
||||||
|
<img src="https://img.shields.io/npm/dm/fancify?color=red&style=flat-square"
|
||||||
|
alt="npm downloads per month">
|
||||||
|
<img src="https://img.shields.io/npm/l/fancify?color=red&style=flat-square"
|
||||||
|
alt="npm license">
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="npm" id="node-ddg">
|
||||||
|
<a href="https://npmjs.com/package/node-ddg" target="_blank">node-ddg</a>
|
||||||
|
<p class="badges">
|
||||||
|
<img src="https://img.shields.io/npm/v/node-ddg?color=red&style=flat-square"
|
||||||
|
alt="npm version">
|
||||||
|
<img src="https://img.shields.io/npm/dm/node-ddg?color=red&style=flat-square"
|
||||||
|
alt="npm downloads per month">
|
||||||
|
<img src="https://img.shields.io/npm/l/node-ddg?color=red&style=flat-square"
|
||||||
|
alt="npm license">
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="npm" id="owofy">
|
||||||
|
<a href="https://npmjs.com/package/owofy" target="_blank">owofy</a>
|
||||||
|
<p class="badges">
|
||||||
|
<img src="https://img.shields.io/npm/v/owofy?color=red&style=flat-square"
|
||||||
|
alt="npm version">
|
||||||
|
<img src="https://img.shields.io/npm/dm/owofy?color=red&style=flat-square"
|
||||||
|
alt="npm downloads per month">
|
||||||
|
<img src="https://img.shields.io/npm/l/owofy?color=red&style=flat-square"
|
||||||
|
alt="npm license">
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>
|
||||||
|
© Bauke
|
||||||
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue