rework website view & remove unused images (all of them)
This commit is contained in:
52
index.html
52
index.html
@ -6,29 +6,49 @@
|
|||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body style="background-color: #161617;">
|
||||||
<div class="master">
|
<div id="master">
|
||||||
<header>
|
<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>
|
</header>
|
||||||
<hr style="color: #f7f7f7;">
|
<hr style="color: #f7f7f7;">
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div> <!-- Welcome Section -->
|
<div id="group"> <!-- Welcome Section -->
|
||||||
<h2 id="font"><img id="svg" src="pics/waving.svg" alt="hello :)"> Welcome</h2>
|
<hgroup>
|
||||||
<p> Hi my name is Squibid, and this is my website!
|
<h2 id="font">Welcome</h2>
|
||||||
I will be using it for anything that I find
|
</hgroup>
|
||||||
interesting along with some of my personal
|
<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.
|
projects and a blog.
|
||||||
<br><br>
|
<br><br>
|
||||||
Got a question? <a href="mailto:me@zacharyscheiman.com">Email me</a>.
|
Got a question? <a href="mailto:me@zacharyscheiman.com",
|
||||||
It's not likely that I will respond fast as I do not check my messages
|
title="me@zacharyscheiman.com">Email me</a>.
|
||||||
often.</p>
|
It's not likely that I will respond fast as I do not check my
|
||||||
|
messages often.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div> <!-- Git Section -->
|
<br>
|
||||||
<h2 id="font"><img id="svg" src="pics/git.svg" alt="git repos"> Git Repos</h2>
|
<div id="group"> <!-- Git Section -->
|
||||||
<p> <!-- script marker git -->
|
<hgroup>
|
||||||
</p> <!-- script marker git -->
|
<h2 id="font", style="margin-bottom: 0;">Pinned Git Repos</h2>
|
||||||
<a href="https://git.squi.bid">more...</a>
|
<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>
|
</div>
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
|||||||
@ -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>
|
|
||||||
|
Before Width: | Height: | Size: 1019 B |
BIN
pics/profile.png
BIN
pics/profile.png
Binary file not shown.
|
Before Width: | Height: | Size: 192 KiB |
@ -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>
|
|
||||||
|
Before Width: | Height: | Size: 920 B |
@ -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">
|
|
||||||
|
Before Width: | Height: | Size: 1.9 KiB |
70
style.css
70
style.css
@ -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 {
|
html, body {
|
||||||
background-color: #141414;
|
display: flex;
|
||||||
display: flex;
|
justify-content: center;
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.master {
|
div#master header {
|
||||||
position: absolute;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
header {
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 3.5vh;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
#profile {
|
div#group hgroup {
|
||||||
vertical-align: middle;
|
text-align: center;
|
||||||
margin: 10vw;
|
|
||||||
}
|
}
|
||||||
#font, p {
|
#font, p, ul, ol {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
#left {
|
p#blogpreview a {
|
||||||
float: left;
|
float: left;
|
||||||
text-align: left;
|
white-space: nowrap;
|
||||||
width: 50%;
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
#right {
|
p#blogpreview span {
|
||||||
float: right;
|
float: right;
|
||||||
text-align: right;
|
|
||||||
width: 50%;
|
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #ED8182;
|
color: #ea83a5;
|
||||||
}
|
}
|
||||||
a:hover, a:active {
|
a:hover, a:active {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
#svg {
|
|
||||||
max-height: .8em;
|
|
||||||
max-width: 1em;
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user