Squibid's Website
+Squibid's Website
-
-
-
Welcome
- 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 +
+
+
-
Welcome
+ +
+ 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.
- Got a question? Email me.
- It's not likely that I will respond fast as I do not check my messages
- often.
Git Repos
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 @@
-
-
\ No newline at end of file
diff --git a/pics/profile.png b/pics/profile.png
deleted file mode 100644
index b3f111c..0000000
Binary files a/pics/profile.png and /dev/null 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 @@
-
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 @@
-
-
-
\ 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 @@
+: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;
+ 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;
-}