Initial commit
This commit is contained in:
Devon Campbell
commit
c54e246b95
12 changed files with 6535 additions and 0 deletions
29
.eleventy.js
Normal file
29
.eleventy.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
const markdownIt = require('markdown-it');
|
||||
const slugify = require('@sindresorhus/slugify');
|
||||
const markdownItAnchor = require('markdown-it-anchor');
|
||||
const markdownItObsidian = require('markdown-it-obsidian');
|
||||
|
||||
module.exports = function (eleventyConfig) {
|
||||
eleventyConfig.addPassthroughCopy({ 'assets/css': 'css' });
|
||||
eleventyConfig.addPassthroughCopy({ 'assets/fonts': 'fonts' });
|
||||
eleventyConfig.addPassthroughCopy({ 'assets/images': 'images' });
|
||||
eleventyConfig.addPassthroughCopy({
|
||||
'node_modules/simpledotcss/simple.css': 'css/simple.css',
|
||||
});
|
||||
|
||||
const markdownLibrary = markdownIt()
|
||||
.use(markdownItAnchor, { slugify })
|
||||
.use(
|
||||
markdownItObsidian({
|
||||
slugifyOnPageLinks: slugify,
|
||||
})
|
||||
);
|
||||
eleventyConfig.setLibrary('md', markdownLibrary);
|
||||
|
||||
return {
|
||||
dir: {
|
||||
input: 'src',
|
||||
output: 'dist',
|
||||
},
|
||||
};
|
||||
};
|
||||
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
dist
|
||||
*.afphoto
|
||||
|
||||
# Local Netlify folder
|
||||
.netlify
|
||||
1
.nvmrc
Normal file
1
.nvmrc
Normal file
|
|
@ -0,0 +1 @@
|
|||
14
|
||||
92
assets/css/theme.css
Normal file
92
assets/css/theme.css
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
@font-face {
|
||||
font-family: "BitBold";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local("BitBold"), url("../fonts/BitBold.woff") format("woff");
|
||||
}
|
||||
|
||||
:root {
|
||||
--accent: rgb(62, 249, 138);
|
||||
--fancy-font-stack: BitBold, monospace;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='70' patternTransform='scale(4) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(318, 45%, 29%, 1)'/><path d='M-4.8 4.44L4 16.59 16.14 7.8M32 30.54l-13.23 7.07 7.06 13.23M-9 38.04l-3.81 14.5 14.5 3.81M65.22 4.44L74 16.59 86.15 7.8M61 38.04l-3.81 14.5 14.5 3.81' stroke-linecap='square' stroke-width='1' stroke='hsla(258.5,59.4%,59.4%,1)' fill='none'/><path d='M59.71 62.88v3h3M4.84 25.54L2.87 27.8l2.26 1.97m7.65 16.4l-2.21-2.03-2.03 2.21m29.26 7.13l.56 2.95 2.95-.55' stroke-linecap='square' stroke-width='1' stroke='hsla(144, 94%, 61%, 1)' fill='none'/><path d='M58.98 27.57l-2.35-10.74-10.75 2.36M31.98-4.87l2.74 10.65 10.65-2.73M31.98 65.13l2.74 10.66 10.65-2.74' stroke-linecap='square' stroke-width='1' stroke='hsla(199, 98%, 48%, 1)' fill='none'/><path d='M8.42 62.57l6.4 2.82 2.82-6.41m33.13-15.24l-4.86-5.03-5.03 4.86m-14-19.64l4.84-5.06-5.06-4.84' stroke-linecap='square' stroke-width='1' stroke='hsla(326, 100%, 50%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
|
||||
background-attachment: fixed;
|
||||
font-size: 1.35rem;
|
||||
}
|
||||
|
||||
nav,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--fancy-font-stack);
|
||||
}
|
||||
|
||||
.logo {
|
||||
opacity: 1;
|
||||
width: 25rem;
|
||||
max-width: 100%;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
article {
|
||||
position: relative;
|
||||
border: none;
|
||||
box-shadow: 0 0 20px 10px var(--accent);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
article {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
/* I'm using the Simple.css lightweight CSS framework. This allows me to use
|
||||
the main background color from that framework (the CSS variable `--bg` and
|
||||
use it only behind the article. */
|
||||
article::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--bg);
|
||||
opacity: 0.85;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h1:hover .anchor,
|
||||
h2:hover .anchor,
|
||||
h3:hover .anchor,
|
||||
h4:hover .anchor,
|
||||
h5:hover .anchor,
|
||||
h6:hover .anchor {
|
||||
display: block;
|
||||
}
|
||||
.anchor {
|
||||
display: none;
|
||||
font-size: 0.6em;
|
||||
opacity: 0.6;
|
||||
color: var(--text);
|
||||
order: 2;
|
||||
text-decoration: none;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
p:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
BIN
assets/fonts/BitBold.woff
Normal file
BIN
assets/fonts/BitBold.woff
Normal file
Binary file not shown.
16
assets/fonts/example.html
Normal file
16
assets/fonts/example.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="style.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Generated from: http://www.cufonfonts.com</h1><br/>
|
||||
<h1 style="font-family:'BitBold';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
8
assets/fonts/style.css
Normal file
8
assets/fonts/style.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
/* #### Generated By: http://www.cufonfonts.com #### */
|
||||
|
||||
@font-face {
|
||||
font-family: 'BitBold';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local('BitBold'), url('BitBold.woff') format('woff');
|
||||
}
|
||||
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
6343
package-lock.json
generated
Normal file
6343
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
23
package.json
Normal file
23
package.json
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{
|
||||
"name": "personal-site",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"start": "npx @11ty/eleventy --serve",
|
||||
"build": "npx @11ty/eleventy",
|
||||
"deploy": "netlify deploy",
|
||||
"deploy:prod": "netlify deploy --prod"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^1.0.1",
|
||||
"@sindresorhus/slugify": "^1.1.0",
|
||||
"markdown-it-anchor": "^8.6.4",
|
||||
"markdown-it-obsidian": "github:raddevon/markdown-it-obsidian",
|
||||
"simpledotcss": "^2.1.0"
|
||||
}
|
||||
}
|
||||
17
src/_includes/base.njk
Normal file
17
src/_includes/base.njk
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="css/simple.css">
|
||||
<link rel="stylesheet" href="css/theme.css">
|
||||
<title>{{ title }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="/images/logo.png" alt="Devon.LOL" class="logo">
|
||||
<article>
|
||||
{{ content | safe }}
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
1
src/index.md
Symbolic link
1
src/index.md
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
/Users/raddevon/Documents/knowledgebase/topics/🗿🕸 Old Web.md
|
||||
Loading…
Add table
Add a link
Reference in a new issue