summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--index.html52
-rw-r--r--pics/git.svg2
-rw-r--r--pics/profile.pngbin196980 -> 0 bytes
-rw-r--r--pics/rss.svg1
-rw-r--r--pics/waving.svg16
-rw-r--r--style.css70
6 files changed, 82 insertions, 59 deletions
diff --git a/index.html b/index.html
index b4a1ab7..c650d46 100644
--- a/index.html
+++ b/index.html
@@ -6,29 +6,49 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
- <body>
- <div class="master">
+ <body style="background-color: #161617;">
+ <div id="master">
<header>
- <h1 id="font"><a href="https://squi.bid">Squibid's</a> Website</h1>
+ <h1 id="font"><a href="/">Squibid's</a> Website</h1>
</header>
<hr style="color: #f7f7f7;">
<div id="left">
- <div> <!-- Welcome Section -->
- <h2 id="font"><img id="svg" src="pics/waving.svg" alt="hello :)"> Welcome</h2>
- <p> Hi my name is Squibid, and this is my website!
- I will be using it for anything that I find
- interesting along with some of my personal
+ <div id="group"> <!-- Welcome Section -->
+ <hgroup>
+ <h2 id="font">Welcome</h2>
+ </hgroup>
+ <p>
+ Hi my name is Squibid, and this is my website! I will be using it
+ for anything that I find interesting along with some of my personal
projects and a blog.
<br><br>
- Got a question? <a href="mailto:me@zacharyscheiman.com">Email me</a>.
- It's not likely that I will respond fast as I do not check my messages
- often.</p>
+ Got a question? <a href="mailto:me@zacharyscheiman.com",
+ title="me@zacharyscheiman.com">Email me</a>.
+ It's not likely that I will respond fast as I do not check my
+ messages often.
+ </p>
</div>
- <div> <!-- Git Section -->
- <h2 id="font"><img id="svg" src="pics/git.svg" alt="git repos"> Git Repos</h2>
- <p> <!-- script marker git -->
- </p> <!-- script marker git -->
- <a href="https://git.squi.bid">more...</a>
+ <br>
+ <div id="group"> <!-- Git Section -->
+ <hgroup>
+ <h2 id="font", style="margin-bottom: 0;">Pinned Git Repos</h2>
+ <p style="margin-top: 0;">
+ my best projects
+ </p>
+ </hgroup>
+ <p>My best repos are</p>
+ <ul>
+ <li><a href="https://git.squi.bid/eat-it">eat it</a> -
+ Eat It is a <a href="https://mpv.io", title="Mpv's Website">Mpv</a>
+ package manager writter in <a href="https://lua.org",
+ title="Lua's Website">Lua</a> with the intent of making Mpv
+ scripts easier to update and use.</li>
+ <li><a href="https://git.squi.bid/coreutils">coreutils</a> -
+ My simple posix (if I can do that) complient core utils witten in
+ <a href="https://www.iso-9899.info/wiki/The_Standard",
+ title="C ISO standard">C</a> :)</li>
+ </ul>
+ <p><a href="https://git.squi.bid">more...</a></p>
</div>
</div>
<div id="right">
diff --git a/pics/git.svg b/pics/git.svg
deleted file mode 100644
index 246df56..0000000
--- a/pics/git.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324" fill="#DE4C36"/></svg> \ No newline at end of file
diff --git a/pics/profile.png b/pics/profile.png
deleted file mode 100644
index b3f111c..0000000
--- a/pics/profile.png
+++ /dev/null
Binary files differ
diff --git a/pics/rss.svg b/pics/rss.svg
deleted file mode 100644
index dfda038..0000000
--- a/pics/rss.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve"><g><rect x="0" y="0" style="fill:#F78422;" width="455.731" height="455.731"/><g><path style="fill:#FFFFFF;" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348 c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348 C391.986,303.103,357.971,220.923,296.208,159.16z"/><path style="fill:#FFFFFF;" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348 C282.429,270.196,184.507,172.273,64.143,172.273z"/><circle style="fill:#FFFFFF;" cx="109.833" cy="346.26" r="46.088"/></g></g></svg>
diff --git a/pics/waving.svg b/pics/waving.svg
deleted file mode 100644
index b973fc4..0000000
--- a/pics/waving.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
- <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
- <path fill="#EF9645" d="M4.861 9.147c.94-.657 2.357-.531 3.201.166l-.968-1.407c-.779-1.111-.5-2.313.612-3.093c1.112-.777 4.263 1.312 4.263 1.312c-.786-1.122-.639-2.544.483-3.331a2.483 2.483 0 0 1 3.456.611l10.42 14.72L25 31l-11.083-4.042L4.25 12.625a2.495 2.495 0 0 1 .611-3.478z">
- </path>
- <path fill="#FFDC5D" d="M2.695 17.336s-1.132-1.65.519-2.781c1.649-1.131 2.78.518 2.78.518l5.251 7.658c.181-.302.379-.6.6-.894L4.557 11.21s-1.131-1.649.519-2.78c1.649-1.131 2.78.518 2.78.518l6.855 9.997c.255-.208.516-.417.785-.622L7.549 6.732s-1.131-1.649.519-2.78c1.649-1.131 2.78.518 2.78.518l7.947 11.589c.292-.179.581-.334.871-.498L12.238 4.729s-1.131-1.649.518-2.78c1.649-1.131 2.78.518 2.78.518l7.854 11.454l1.194 1.742c-4.948 3.394-5.419 9.779-2.592 13.902c.565.825 1.39.26 1.39.26c-3.393-4.949-2.357-10.51 2.592-13.903L24.515 8.62s-.545-1.924 1.378-2.47c1.924-.545 2.47 1.379 2.47 1.379l1.685 5.004c.668 1.984 1.379 3.961 2.32 5.831c2.657 5.28 1.07 11.842-3.94 15.279c-5.465 3.747-12.936 2.354-16.684-3.11L2.695 17.336z">
- </path>
- <g fill="#5DADEC">
- <path d="M12 32.042C8 32.042 3.958 28 3.958 24c0-.553-.405-1-.958-1s-1.042.447-1.042 1C1.958 30 6 34.042 12 34.042c.553 0 1-.489 1-1.042s-.447-.958-1-.958z">
- </path>
- <path d="M7 34c-3 0-5-2-5-5a1 1 0 1 0-2 0c0 4 3 7 7 7a1 1 0 1 0 0-2zM24 2a1 1 0 0 0 0 2c4 0 8 3.589 8 8a1 1 0 0 0 2 0c0-5.514-4-10-10-10z">
- </path>
- <path d="M29 .042c-.552 0-1 .406-1 .958s.448 1.042 1 1.042c3 0 4.958 2.225 4.958 4.958c0 .552.489 1 1.042 1s.958-.448.958-1C35.958 3.163 33 .042 29 .042z">
- </path>
- </g>
- </svg> \ No newline at end of file
diff --git a/style.css b/style.css
index d0210a8..90939b9 100644
--- a/style.css
+++ b/style.css
@@ -1,43 +1,65 @@
-html, body {
- background-color: #141414;
- display: flex;
- justify-content: center;
+:root {
+ --lr-width: 45%;
+}
+
+/* desktop mode */
+@media only screen and (min-width: 100ch) {
+ #master {
+ width: 95ch;
+ }
+ div#master #left {
+ float: left;
+ text-align: left;
+ width: var(--lr-width);
+ }
+ div#master #right {
+ float: right;
+ text-align: right;
+ width: var(--lr-width);
+ }
+ p#blogpreview a {
+ max-width: 30ch;
+ }
+}
+/* mobile mode */
+@media only screen and (max-width: 100ch) {
+ #master {
+ width: 85%;
+ }
+ p#blogpreview a {
+ max-width: 50vw;
+ }
}
-.master {
- position: absolute;
- width: 50%;
+
+html, body {
+ display: flex;
+ justify-content: center;
}
-header {
+div#master header {
text-align: center;
- font-size: 3.5vh;
+ font-size: 30px;
}
-#profile {
- vertical-align: middle;
- margin: 10vw;
+div#group hgroup {
+ text-align: center;
}
-#font, p {
+#font, p, ul, ol {
font-family: sans-serif;
color: white;
}
-#left {
+p#blogpreview a {
float: left;
- text-align: left;
- width: 50%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-#right {
+p#blogpreview span {
float: right;
- text-align: right;
- width: 50%;
}
a {
font-family: sans-serif;
text-decoration: none;
- color: #ED8182;
+ color: #ea83a5;
}
a:hover, a:active {
font-style: italic;
}
-#svg {
- max-height: .8em;
- max-width: 1em;
-}
generated by cgit v1.2.1 (git 2.18.0) at 2025-04-20 09:25:42 +0000