commit 4640cc3e2564123a935f0a47facc84a3741f1e41
parent b0fd40490570e2bd3e59043d11f9d80a67e3ddb0
Author: jack <0x6A73@pm.me>
Date: Sun, 6 Mar 2022 00:55:11 -0700
initial content
Diffstat:
12 files changed, 190 insertions(+), 3 deletions(-)
diff --git a/3dp.html b/3dp.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+ <link rel="stylesheet" href="style.css">
+ <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
+ <title>waffle87</title>
+ </head>
+ <body>
+ <img src="media/pusheen_box.png" alt="pusheen on the computer" class="mx-auto d-block" width="250" height="250">
+ <div class="container-fluid c5 text-center">
+ <h3>3d printing</h3>
+ <p>projects, modifications, & notes</p>
+ </div>
+ </body>
+</html>
diff --git a/dotfiles.html b/dotfiles.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+ <link rel="stylesheet" href="style.css">
+ <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
+ <title>waffle87</title>
+ </head>
+ <body>
+ <img src="media/pusheen_computer.png" alt="pusheen on the computer" class="mx-auto d-block" width="250" height="250">
+ <div class="container-fluid c2 text-center">
+ <h3>dotfiles</h3>
+ <p>linux configuration files & notes</p>
+ </div>
+ </body>
+</html>
diff --git a/index.html b/index.html
@@ -1,9 +1,52 @@
-<!DOCTYPE html>
-<html>
+<!doctype html>
+<html lang="en">
<head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+ <link rel="stylesheet" href="style.css">
+ <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
<title>waffle87</title>
</head>
<body>
- <h1>hello!!</h1>
+ <img src="media/pusheen_hi.png" alt="pusheen says hi" class="mx-auto d-block" width="250" height="250">
+ <div class="container-fluid c1 text-center">
+ <h3>about</h3>
+ <p>small keyboard enjoyer & open source enthusiast</p>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <div class="container row1">
+ <h3 class="text-center">info</h3>
+ <i class="fa-brands fa-github fa-lg"></i>
+ <a href="https://github.com/waffle87" target="_blank">waffle87</a>
+ <br>
+ <i class="fa-brands fa-discord fa"></i>
+ <a href="https://discordapp.com/users/949834348704722954/" target="_blank">waffle#0087</a>
+ <br>
+ <i class="fa-solid fa-envelope fa-lg"></i>
+ <a href="mailto:0x6A73@pm.me" target="_blank">0x6A73@pm.me</a>
+ <br>
+ <i class="fa-solid fa-key fa-lg"></i>
+ <a href="media/jack.gpg" class="gpgkey" download>38FE2D9C474B1286</a>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="container row1">
+ <h3 class="text-center">pages</h3>
+ <i class="fa-solid fa-angle-right"></i>
+ <a href="dotfiles.html">dotfiles</a>
+ <br>
+ <i class="fa-solid fa-angle-right"></i>
+ <a href="keyboards.html">keyboards</a>
+ <br>
+ <i class="fa-solid fa-angles-right" style="text-indent: 13px;"></i>
+ <a href="kbdconfig.html" style="text-indent: 13px;">configuration</a>
+ <br>
+ <i class="fa-solid fa-angle-right"></i>
+ <a href="3dp.html">3d printing</a>
+ <br>
+ </div>
+ </div>
+ </div>
</body>
</html>
diff --git a/kbdconfig.html b/kbdconfig.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+ <link rel="stylesheet" href="style.css">
+ <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
+ <title>waffle87</title>
+ </head>
+ <body>
+ <img src="media/pusheen_keyboard.webp" alt="pusheen on the computer" class="mx-auto d-block" width="350" height="250">
+ <div class="container-fluid c4 text-center">
+ <h3>keyboard configurations</h3>
+ <p>features, firmware, & thoughts</p>
+ </div>
+ </body>
+</html>
diff --git a/keyboards.html b/keyboards.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+ <link rel="stylesheet" href="style.css">
+ <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
+ <title>waffle87</title>
+ </head>
+ <body>
+ <img src="media/pusheen_keyboard.webp" alt="pusheen on the computer" class="mx-auto d-block" width="350" height="250">
+ <div class="container-fluid c3 text-center">
+ <h3>keyboards</h3>
+ <p>a handful of my keyboards, photos, & thoughts</p>
+ </div>
+ </body>
+</html>
diff --git a/media/jack.gpg b/media/jack.gpg
Binary files differ.
diff --git a/media/pusheen_box.png b/media/pusheen_box.png
Binary files differ.
diff --git a/media/pusheen_computer.png b/media/pusheen_computer.png
Binary files differ.
diff --git a/media/pusheen_hi.png b/media/pusheen_hi.png
Binary files differ.
diff --git a/media/pusheen_keyboard.webp b/media/pusheen_keyboard.webp
Binary files differ.
diff --git a/photos.html b/photos.html
diff --git a/style.css b/style.css
@@ -0,0 +1,76 @@
+/*https://github.com/catppuccin/catppuccin*/
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+
+:root {
+ --dark: #1e1e2e;
+ --darkish: #575268;
+ --darker: #161320;
+ --blue: #96cdfb;
+ --sky: #89dceb;
+ --yellow: #fae3b0;
+ --peach: #f8bd96;
+ --lavender: #c9cbff;
+ --flamingo: #f2cdcd;
+ --pink: #f5c2e7;
+ --maroon: #e8a2af;
+ --gray: #988ba2;
+}
+
+body {
+ background-color: var(--dark);
+ font-family: 'Open Sans', sans-serif;
+ color: var(--dark);
+ font-size: 18px;
+}
+
+.c1 { /*home*/
+ background-color: var(--lavender);
+}
+
+.c2 { /*dotfiles*/
+ background-color: var(--peach);
+}
+
+.c3 {
+ background-color: var(--yellow);
+}
+
+.c4 { /*configuration*/
+ background-color: var(--blue);
+}
+
+.c5 { /*3d printing*/
+ background-color: var(--maroon);
+}
+
+.row1 {
+ background-color: var(--flamingo);
+ color: var(--dark);
+ font-size: 18px;
+ padding-bottom: 10px;
+}
+
+::-moz-selection {
+ color: var(--dark);
+ background: var(--yellow);
+}
+
+::selection {
+ color: var(--dark);
+ background: var(--yellow);
+}
+
+i {
+ margin-right: 10px;
+}
+
+a { text-decoration: none; }
+a:link { color: var(--dark); }
+a:visited { color: var(--dark); }
+a:hover {
+ color: var(--darker);
+ text-decoration: underline;
+}
+
+.gpgkey { font-family: 'Source Code Pro', monospace; }
