squibid/squi.bid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rework website view & remove unused images (all of them)

Browse Source
This commit is contained in:
Squibid
2023-07-15 04:42:58 -04:00
parent 81e150fbd8
commit de8eb4c3ec
6 changed files with 82 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
index.html
View File

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

2
pics/git.svg
View File

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

Before

Width:  |  Height:  |  Size: 1019 B

BIN
pics/profile.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 192 KiB

1
pics/rss.svg
View File

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

Before

Width:  |  Height:  |  Size: 920 B

16
pics/waving.svg
View File

@ -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">
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

66
style.css
View File

@ -1,43 +1,65 @@
: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;
}
}
html, body {
background-color: #141414;
display: flex;
justify-content: center;
}
.master {
position: absolute;
width: 50%;
}
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;
}