aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorjack <[email protected]>2022-03-06 00:55:11 -0700
committerjack <[email protected]>2022-03-06 00:55:11 -0700
commit4640cc3e2564123a935f0a47facc84a3741f1e41 (patch)
treed2e8aec5273c280edbcf0c7028b8762912cdd0d5
parentb0fd40490570e2bd3e59043d11f9d80a67e3ddb0 (diff)
downloadsite-4640cc3e2564123a935f0a47facc84a3741f1e41.tar.gz
site-4640cc3e2564123a935f0a47facc84a3741f1e41.zip
initial content
-rw-r--r--3dp.html17
-rw-r--r--dotfiles.html17
-rw-r--r--index.html49
-rw-r--r--kbdconfig.html17
-rw-r--r--keyboards.html17
-rw-r--r--media/jack.gpgbin0 -> 2878 bytes
-rw-r--r--media/pusheen_box.pngbin0 -> 81013 bytes
-rw-r--r--media/pusheen_computer.pngbin0 -> 25601 bytes
-rw-r--r--media/pusheen_hi.pngbin0 -> 14638 bytes
-rw-r--r--media/pusheen_keyboard.webpbin0 -> 15006 bytes
-rw-r--r--photos.html0
-rw-r--r--style.css76
12 files changed, 190 insertions, 3 deletions
diff --git a/3dp.html b/3dp.html
new file mode 100644
index 0000000..afa8456
--- /dev/null
+++ b/3dp.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/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
new file mode 100644
index 0000000..bdab438
--- /dev/null
+++ b/dotfiles.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/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
index 969f50b..cc11be6 100644
--- 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/[email protected]/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:[email protected]" target="_blank">[email protected]</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
new file mode 100644
index 0000000..ee7f6e1
--- /dev/null
+++ b/kbdconfig.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/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
new file mode 100644
index 0000000..12c8c6c
--- /dev/null
+++ b/keyboards.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/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
new file mode 100644
index 0000000..ac5da6c
--- /dev/null
+++ b/media/jack.gpg
Binary files differ
diff --git a/media/pusheen_box.png b/media/pusheen_box.png
new file mode 100644
index 0000000..8ee564f
--- /dev/null
+++ b/media/pusheen_box.png
Binary files differ
diff --git a/media/pusheen_computer.png b/media/pusheen_computer.png
new file mode 100644
index 0000000..60eb659
--- /dev/null
+++ b/media/pusheen_computer.png
Binary files differ
diff --git a/media/pusheen_hi.png b/media/pusheen_hi.png
new file mode 100644
index 0000000..e237885
--- /dev/null
+++ b/media/pusheen_hi.png
Binary files differ
diff --git a/media/pusheen_keyboard.webp b/media/pusheen_keyboard.webp
new file mode 100644
index 0000000..23597b6
--- /dev/null
+++ b/media/pusheen_keyboard.webp
Binary files differ
diff --git a/photos.html b/photos.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/photos.html
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f3e782f
--- /dev/null
+++ 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; }