aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--about.html24
-rw-r--r--assets/css/main.css35
-rw-r--r--index.html6
3 files changed, 60 insertions, 5 deletions
diff --git a/about.html b/about.html
index 0bc53ab..3737deb 100644
--- a/about.html
+++ b/about.html
@@ -8,12 +8,17 @@
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
+ <meta name="description" content="About">
+ <meta name="og:title" content="FivePixels">
+ <meta name="og:type" content="website">
+ <meta name="og:url" content="https://fivepixels.me/about">
+ <meta name="og:description" content="About">
+ <meta name="theme-color" content="#55ACEE">
</head>
<body id="about">
<header>
<ul id="nav">
<li><a href="index.html">Home</a></li>
- <li><a href="https://blog.fivepixels.me">Blog</a></li>
<li>
<a
href="https://blog.fivepixels.me"
@@ -66,6 +71,23 @@
Gaming, as mentioned earlier in my introduction, has always been one of my favorite things. I also enjoy taking occasional hiking trips to distance myself from technology and take time to slow down. I listen to music quite a bit while on my machine. I also enjoy partaking in political discussions and debates with friends. On a warm day, you might see me skateboarding. Sometimes, I'll play hacker with my phone and mess around with jailbreaking.
</p>
</section>
+ <section id="vinyls">
+ <h2>Vinyls</h2>
+ <p>
+ I like collecting vinyls. Here are a list of the vinyls I've collected so far. These are listed in order that they were collected.
+ </p>
+ <ol id='vinyls'>
+ <li>Because the Internet - Childish Gambino<br>04.17.17</li>
+ <li>Camp - Childish Gambino<br>05.03.17</li>
+ <li>The Incredible True Story - Logic<br>05.11.17</li>
+ <li>i think you think too much of me - EDEN<br>05.23.17</li>
+ <li>The Hype - Hoodie Allen<br>09.08.17</li>
+ <li>Currents - Tame Impala<br>10.03.20</li>
+ <li>Circles - Mac Miller<br>10.16.20</li>
+ <li>Flower Boy - Tyler, The Creator<br>03.13.21</li>
+ <li class="nostyle">... and more to come ...</li>
+ </ol>
+ </section>
<section id="webthings">
<h2>Internet things I really like</h2>
<p>Here's some things I've found over the years I thought I'd share with you. As I find more interesting things, this list will get larger. I hope you enjoy.</p>
diff --git a/assets/css/main.css b/assets/css/main.css
index 5d8594d..4340a36 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -55,7 +55,7 @@ body#about header ul#nav {
width: 403.2px;
}
ul#nav li {
- font-size: 12px;
+ font-size: 12px;
margin: 1.5em;
width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
text-align: center; /* If you want the text to be centered */
@@ -69,20 +69,31 @@ body#about {
max-width: 570px;
}
+ol#vinyls li {
+ font-family: 'Source Code Pro';
+}
+li.nostyle {
+ list-style-type: none;
+}
+
body {
- font-family: 'Source Sans Pro';
font-size: 14px;
margin: 0 auto;
}
+p,
+ul {
+ font-family: 'Source Sans Pro';
+}
+
section#intro h1:after {
content: ' // Dylan Bolger';
color: #d3d3d3;
}
section#webthings h2:after {
- content: ' // <3';
- color: #d3d3d3;
+ content: ' // <3';
+ color: #d3d3d3;
}
section#projects h1:after {
@@ -114,6 +125,10 @@ div.project.objc h2:after {
color: #d3d3d3;
}
+div.project a {
+ font-family: 'Source Code Pro';
+}
+
h1,
h2,
h3,
@@ -171,3 +186,15 @@ section h1 {
font-weight: bold;
font-size: 28px;
}
+
+@media (prefers-color-scheme: dark) {
+ html {
+ background-color: #313134;
+ }
+ body {
+ color: white;
+ }
+ a {
+ color: #0074d9;
+ }
+}
diff --git a/index.html b/index.html
index f8f992a..d26c695 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,12 @@
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
+ <meta name="description" content="Home">
+ <meta name="og:title" content="FivePixels">
+ <meta name="og:type" content="website">
+ <meta name="og:url" content="https://fivepixels.me/">
+ <meta name="og:description" content="Home">
+ <meta name="theme-color" content="#55ACEE">
</head>
<body id="home">
<header>