diff options
| -rw-r--r-- | about.html | 24 | ||||
| -rw-r--r-- | assets/css/main.css | 35 | ||||
| -rw-r--r-- | index.html | 6 |
3 files changed, 60 insertions, 5 deletions
@@ -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; + } +} @@ -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>
|