-
Notifications
You must be signed in to change notification settings - Fork 0
/
favorites.html
127 lines (113 loc) · 5.38 KB
/
favorites.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Favorite Things!</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- content goes here -->
<h1 id="page-title">Some of my favorite things!</h1>
<h1>By Marty</h1>
<div class="fav-sections">
<h2 class="heading2-modifier">Current Favorite Anime</h2>
<p>I watch a lot of anime. I'm keeping up with the new ones for the most part, even if I don't watch them all anymore.
Currently, the anime I'm most interested in for the season include <i>In the land of Leadale</i>. that is about
a person who was gravely ill and used a super immersive vr game (one that you can feel and taste in) when the
power cuts out in the facility that she is being kept alive in and as a result her body dies. However, her mind is
still in the game. That is just one that I am watching, the one that I could think of off the top of my head... if
you want to read more about it, you can find more info at
<!-- I got the open in a new tab functionality from -->
<!-- https://www.freecodecamp.org/news/how-to-use-html-to-open-link-in-new-tab/-->
<a href="https://myanimelist.net/anime/48239/Leadale_no_Daichi_nite"
target="_blank"
rel="noreferrer noopener">My Anime List</a>
</p>
</div>
<div class="fav-sections">
<h2 class="heading2-modifier">Some of my favorite music stuff</h2>
<p>
Oooh boy.... The professor is killing me... I like a lot of music and don't really have one specific artist...
Well I like a lot of electronic music. one of my favorite artists is <b><span class="fav-music-names">Infected Mushroom</span></b>. If you want to look
into them, you can go to their <a href="https://infected-mushroom.com/" target="_blank" rel="noreferrer noopener">
site</a> or their <a href="https://www.youtube.com/user/InfectedMushroomVids" rel="noreferrer noopener" target="_blank">YouTube
</a>. I also like a future bass artist called <b><span class="fav-music-names">Snail's House</span></b>. You can find some of their music on their
<a href="https://www.youtube.com/channel/UCYxBY8mhJ7R2rMIcQ28H_Zw" rel="noreferrer noopener" target="_blank">YouTube
</a> or buy some of their music at <a href="https://0101.bandcamp.com/" rel="noreferrer noopener" target="_blank">
bandcamp</a>.
</p>
</div>
<div class="fav-sections">
<h2 class="heading2-modifier">Some of my favorite foods</h2>
<p>
Ok... look... I'm not a picky person and I like a <i>lot</i> of food. So I'll list <i><u>some</u></i> of my favorite
foods.
</p>
<ul>
<li class="second-fav">Ramen</li>
<li class="second-fav">Steak</li>
<li>Pizza</li>
<li>Mochi</li>
<li id="most-fav">Sushi/fish</li>
<li>Spaghetti</li>
</ul>
</div>
<!-- I figured out how to auto resize images from stack overflow. -->
<!-- https://stackoverflow.com/questions/16217355/automatically-resize-images-with-browser-size-using-css -->
<div class="fav-sections">
<h2 class="heading2-modifier">Some of my favorite images that <em>I've taken</em>.</h2>
<div class="image-container">
<img src="https://live.staticflickr.com/65535/49818958848_d0eec38495_o.jpg"
alt="A photo of the moon that Marty took. It's so clear you can see the craters of the moon"
class="favorite-image">
<img src="IMG_0042.jpg"
alt="A photo of a sunset that Marty took. It was taken in a grass plain and the sunset is a fiery orange"
class="favorite-image">
<img src="Denver%20day%203.jpg"
class="favorite-image"
alt="A photo of a mountain framed by foliage taken by Marty.
The mountain in the distance is framed by a some foliage close to the camera creating a bokeh effect">
</div>
</div>
<div class="fav-sections">
<h2 class="heading2-modifier">Some of my favorite audiobooks/books</h2>
<table>
<tr>
<th>Name</th>
<th>Author</th>
<th>Audiobook Available?</th>
<th>Link</th>
</tr>
<tr>
<td>The Bobiverse Series</td>
<td>Dennis Taylor</td>
<td>Yes</td>
<td><a href="https://www.amazon.com/dp/B0753LBFQ7" target="_blank" rel="noreferrer noopener">Amazon</a></td>
</tr>
<tr>
<td>Invisible Library Series</td>
<td>Genevieve Cogman</td>
<td>Yes</td>
<td><a href="https://www.amazon.com/dp/B074C6QDHB" target="_blank" rel="noreferrer noopener">Amazon</a></td>
</tr>
<tr>
<td>Nekropolis</td>
<td>Tim Waggoner</td>
<td>Yes</td>
<td><a href="https://www.graphicaudio.net/nekropolis-series-set.html" target="_blank"
rel="noreferrer noopener">Graphic Audio (Full Series Audiobook)</a> |
<a href="https://www.amazon.com/dp/B074D6LPBF" target="_blank" rel="noreferrer noopener">
Amazon (Book 1 Kindle)
</a>
</td>
</tr>
<tr>
<td>Seven Eves</td>
<td>Neal Stephenson</td>
<td>Yes</td>
<td><a href="https://www.amazon.com/dp/B00LZWV8JO/" target="_blank" rel="noreferrer noopener">Amazon</a></td>
</tr>
</table>
</div>
</body>
</html>