diff options
author | jack <[email protected]> | 2022-03-06 00:55:11 -0700 |
---|---|---|
committer | jack <[email protected]> | 2022-03-06 00:55:11 -0700 |
commit | 4640cc3e2564123a935f0a47facc84a3741f1e41 (patch) | |
tree | d2e8aec5273c280edbcf0c7028b8762912cdd0d5 | |
parent | b0fd40490570e2bd3e59043d11f9d80a67e3ddb0 (diff) | |
download | site-4640cc3e2564123a935f0a47facc84a3741f1e41.tar.gz site-4640cc3e2564123a935f0a47facc84a3741f1e41.zip |
initial content
-rw-r--r-- | 3dp.html | 17 | ||||
-rw-r--r-- | dotfiles.html | 17 | ||||
-rw-r--r-- | index.html | 49 | ||||
-rw-r--r-- | kbdconfig.html | 17 | ||||
-rw-r--r-- | keyboards.html | 17 | ||||
-rw-r--r-- | media/jack.gpg | bin | 0 -> 2878 bytes | |||
-rw-r--r-- | media/pusheen_box.png | bin | 0 -> 81013 bytes | |||
-rw-r--r-- | media/pusheen_computer.png | bin | 0 -> 25601 bytes | |||
-rw-r--r-- | media/pusheen_hi.png | bin | 0 -> 14638 bytes | |||
-rw-r--r-- | media/pusheen_keyboard.webp | bin | 0 -> 15006 bytes | |||
-rw-r--r-- | photos.html | 0 | ||||
-rw-r--r-- | style.css | 76 |
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> @@ -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 Binary files differnew file mode 100644 index 0000000..ac5da6c --- /dev/null +++ b/media/jack.gpg diff --git a/media/pusheen_box.png b/media/pusheen_box.png Binary files differnew file mode 100644 index 0000000..8ee564f --- /dev/null +++ b/media/pusheen_box.png diff --git a/media/pusheen_computer.png b/media/pusheen_computer.png Binary files differnew file mode 100644 index 0000000..60eb659 --- /dev/null +++ b/media/pusheen_computer.png diff --git a/media/pusheen_hi.png b/media/pusheen_hi.png Binary files differnew file mode 100644 index 0000000..e237885 --- /dev/null +++ b/media/pusheen_hi.png diff --git a/media/pusheen_keyboard.webp b/media/pusheen_keyboard.webp Binary files differnew file mode 100644 index 0000000..23597b6 --- /dev/null +++ b/media/pusheen_keyboard.webp 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; } |