initial commit

Signed-off-by: jolheiser <john.olheiser@gmail.com>

.eleventy.js

@@ -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"
+    }
+  }
+};

.gitignore

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

flake.lock

@@ -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
+}

flake.nix

@@ -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
+          ];
+        };
+      }
+    );
+}

package.json

@@ -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"
+}

src/index.html

@@ -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>

src/styles.css

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

tailwind.config.js

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