initial commit

Signed-off-by: jolheiser <john.olheiser@gmail.com>
main
jolheiser 2023-08-14 22:08:57 -05:00
commit 16333fdf0b
Signed by: jolheiser
GPG Key ID: B853ADA5DA7BBF7A
9 changed files with 2633 additions and 0 deletions

17
.eleventy.js 100644
View File

@ -0,0 +1,17 @@
const icons = require('simple-icons');
module.exports = function(eleventyConfig) {
eleventyConfig.addShortcode("icon", (name) => {
const iconName = "si" + name.charAt(0).toUpperCase() + name.substr(1).toLowerCase();
const icon = icons[iconName];
return `<title>${icon.title}</title><path fill="#${icon.hex}" d="${icon.path}"></path>`
});
return {
dir: {
input: "src",
output: "dist"
}
}
};

3
.gitignore vendored 100644
View File

@ -0,0 +1,3 @@
node_modules/
dist/
yarn-error.log

60
flake.lock 100644
View File

@ -0,0 +1,60 @@
{
"nodes": {
"flake-utils": {
"inputs": {
"systems": "systems"
},
"locked": {
"lastModified": 1689068808,
"narHash": "sha256-6ixXo3wt24N/melDWjq70UuHQLxGV8jZvooRanIHXw0=",
"owner": "numtide",
"repo": "flake-utils",
"rev": "919d646de7be200f3bf08cb76ae1f09402b6f9b4",
"type": "github"
},
"original": {
"owner": "numtide",
"repo": "flake-utils",
"type": "github"
}
},
"nixpkgs": {
"locked": {
"lastModified": 1692044854,
"narHash": "sha256-0FcjKrLH9YP/G+oEx7LQO4he/F3BxkAKsgU12q5jopw=",
"owner": "nixos",
"repo": "nixpkgs",
"rev": "fd91dcf3107361981d703f09e95fe02299b57ba3",
"type": "github"
},
"original": {
"owner": "nixos",
"repo": "nixpkgs",
"type": "github"
}
},
"root": {
"inputs": {
"flake-utils": "flake-utils",
"nixpkgs": "nixpkgs"
}
},
"systems": {
"locked": {
"lastModified": 1681028828,
"narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
"owner": "nix-systems",
"repo": "default",
"rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
"type": "github"
},
"original": {
"owner": "nix-systems",
"repo": "default",
"type": "github"
}
}
},
"root": "root",
"version": 7
}

24
flake.nix 100644
View File

@ -0,0 +1,24 @@
{
inputs = {
nixpkgs.url = "github:nixos/nixpkgs";
flake-utils.url = "github:numtide/flake-utils";
};
outputs = {
self,
flake-utils,
nixpkgs,
}:
flake-utils.lib.eachDefaultSystem (
system: let
pkgs = nixpkgs.legacyPackages.${system};
in {
devShells.default = pkgs.mkShell {
nativeBuildInputs = with pkgs; [
yarn
nodePackages.vscode-langservers-extracted
];
};
}
);
}

52
package.json 100644
View File

@ -0,0 +1,52 @@
{
"links": [
{
"name": "GitHub",
"url": "https://github.com/jolheiser",
"icon": "github"
},
{
"name": "Gitea",
"url": "https://gitea.com/jolheiser",
"icon": "gitea"
},
{
"name": "JoJoDev",
"url": "https://git.jojodev.com/jolheiser",
"icon": "gitea"
},
{
"name": "Mastodon",
"url": "https://social.gitea.io/@jolheiser",
"icon": "mastodon"
},
{
"name": "Bluesky",
"url": "https://bsky.app/profile/jolheiser.com",
"title": "Yes, I know that's the Twitter icon",
"icon": "twitter"
},
{
"name": "LinkedIn",
"url": "https://linkedin.com/in/jolheiser",
"icon": "linkedin"
}
],
"scripts": {
"build:tailwind": "yarn tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
"build:eleventy": "yarn eleventy",
"dev:tailwind": "yarn build:tailwind --watch",
"dev:eleventy": "yarn build:eleventy --serve",
"dev": "yarn run-p dev:*",
"build": "rm -rf dist; mkdir dist; cp src/* dist/; rm dist/styles.css; yarn build:tailwind; yarn build:eleventy"
},
"devDependencies": {
"@11ty/eleventy": "^2.0.1",
"@catppuccin/tailwindcss": "^0.1.6",
"npm-run-all": "^4.1.5",
"simple-icons": "^9.10.0",
"tailwindcss": "^3.3.3",
"vscode-html-languageserver-bin": "^1.4.0"
},
"license": "MIT"
}

35
src/index.html 100644
View File

@ -0,0 +1,35 @@
<html>
<head>
<title>jolheiser</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon"
href="https://www.gravatar.com/avatar/7f4dd86f017ff289cf05a013e22357ef253d1ed6a52bdefca8f965af1080a965?s=16" />
<meta name="author" content="jolheiser" />
<link rel="stylesheet" href="styles.css" />
</head>
<body class="latte dark:mocha bg-base">
<header class="relative w-full pt-16 pb-10">
<img class="mx-auto rounded-full" alt="avatar"
src="https://www.gravatar.com/avatar/7f4dd86f017ff289cf05a013e22357ef253d1ed6a52bdefca8f965af1080a965?s=125" />
<p class="mt-2 text-xl text-center text-lavender">@jolheiser</p>
</header>
<nav class="relative max-w-screen-sm mx-auto">
{% for link in pkg.links %}
<a class="flex relative px-3 py-2 my-6 h-16 text-lg items-center justify-center text-text capitalize bg-surface0 cursor-pointer rounded border-solid border-2 border-overlay0 hover:bg-surface2 hover:border-lavender hover:text-blue transition"
href="{{ link.url }}" rel="me noopener noreferrer" {% if link.title %}title="{{ link.title }}" {% endif %}
target="_blank"><svg class="absolute left-5 w-10 h-10" role="img" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">{% icon link.icon
%}</svg><span>{{ link.name }}</span></a>
{% endfor %}
</nav>
</body>
</html>

4
src/styles.css 100644
View File

@ -0,0 +1,4 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

View File

@ -0,0 +1,9 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/*.html"],
theme: {
extend: {},
},
plugins: [require("@catppuccin/tailwindcss")],
}

2429
yarn.lock 100644

File diff suppressed because it is too large Load Diff