-
Notifications
You must be signed in to change notification settings - Fork 0
/
my_website.html
140 lines (130 loc) · 4.92 KB
/
my_website.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
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
* {
box-sizing: border-box;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
/* Clearfix (clear floats) */
.row::after {
content: "";
clear: both;
display: table;
}
</style>
</head>
<body>
<h1 style="font-family:verdana;">Brandon Neff</h1>
<a href="https://en.wikipedia.org/wiki/Neuschwanstein_Castle" target="_blank">
<img src="images/brandon.jpg" alt="Brandon Neff" style="width:300px;">
</a>
<p style="font-family:verdana;">I am a senior Computer Engineering student at Texas A&M University and this is my webpage for CSCE 445! I am taking this course to learn about different forms of computer media and how they compare to other, traditional forms of media.</p>
<p style="font-family:verdana;"><a href="https://brandon411.github.io/my_website/assignment2.html">Assignment 2</a></p>
<p style="font-family:verdana;"><a href="https://brandon411.github.io/my_website/assignment3.html">Assignment 3</a></p>
<p><br></p>
<hr>
<h3 style="font-family:verdana;">Television</h3>
<div class="row">
<div class="column">
<a href ="https://www.cbs.com/shows/star-trek-discovery/" target="_blank">
<img src="images/discovery.jpg" alt="Star Trek: Discovery" style="width:100%">
</a>
</div>
<div class="column">
<a href ="https://www.amazon.com/The-Grand-Tour-Season-1/dp/B01J94A5GQ" target="_blank">
<img src="images/the_grand_tour.png" alt="The Grand Tour" style="width:100%">
</a>
</div>
<div class="column">
<a href ="https://www.warnerbros.com/tv/babylon-5-complete-series-and-movies-collection" target="_blank">
<img src="images/babylon5.jpg" alt="Babylon 5" style="width:100%">
</a>
</div>
</div>
<p style="font-family:verdana;">I typically watch television shows on my Apple TV or on my desktop computer, using streaming services such as Netflix, Amazon Prime, and iTunes. When at home, I will use physical media such as Blu-ray and DVD.</p>
<p><br></p>
<h2 style="font-family:verdana;">Podcasts</h2>
<div class="row">
<div class="column">
<a href ="https://www.vox.com/the-weeds" target="_blank">
<img src="images/the_weeds.png" alt="The Weeds" style="width:100%">
</a>
</div>
<div class="column">
<a href ="http://atp.fm/" target="_blank">
<img src="images/atp.png" alt="The Accidental Tech Podcast" style="width:100%">
</a>
</div>
<div class="column">
<a href ="https://www.nytimes.com/column/the-daily" target="_blank">
<img src="images/the_daily.png" alt="The Daily" style="width:100%">
</a>
</div>
</div>
<p style="font-family:verdana;">I often listen to podcasts while riding the bus or walking around campus, using the iOS app Overcast.</p>
<p><br></p>
<h2 style="font-family:verdana;">Video Games</h2>
<div class="row">
<div class="column">
<a href ="https://playoverwatch.com/en-us/" target="_blank">
<img src="images/OW_Logo_Gray.png" alt="Overwatch" style="width:100%">
</a>
</div>
<div class="column">
<a href ="http://www.teamfortress.com/" target="_blank">
<img src="images/tf2.png" alt="Team Fortress 2" style="width:100%">
</a>
</div>
<div class="column">
<a href ="https://store.steampowered.com/app/377160/Fallout_4/" target="_blank">
<img src="images/Fallout_4_logo.png" alt="Fallout 4" style="width:100%">
</a>
</div>
</div>
<p style="font-family:verdana;">When I have time, I play games on my desktop computer using services such as Steam and Battle.net.</p>
<p><br></p>
<h2 style="font-family:verdana;">Social Media</h2>
<div class="row">
<div class="column">
<img src="images/Reddit_Mark_OnWhite.png" alt="Reddit" style="width:100%">
</div>
<div class="column">
<img src="images/Twitter_Logo_Blue.png" alt="Twitter" style="width:100%">
</div>
<div class="column">
<img src="images/snap-ghost.png" alt="Snapchat" style="width:100%">
</div>
</div>
<p style="font-family:verdana;">I waste lots of time browsing social media on my smartphone, laptop, and desktop.</p>
<p><br></p>
<h2 style="font-family:verdana;">News Websites</h2>
<div class="row">
<div class="column">
<img src="images/nyt.png" alt="The New York Times" style="width:100%">
</div>
<div class="column">
<img src="images/WSJ-logo.png" alt="The Wall Street Journal" style="width:100%">
</div>
<div class="column">
<img src="images/verge.png" alt="The Verge" style="width:100%">
</div>
</div>
<p style="font-family:verdana;">I enjoy reading digital news throughout the day on many of my devices.</p>
<p><br></p>
<h2 style="font-family:verdana;">Other Media</h2>
<ul style="font-family:verdana;">
<li>Music via Apple Music</li>
<li>Messaging through iMessage, Facebook Messenger, and Discord</li>
<li>Email through Gmail</li>
<li>Movies at the theater and on my Apple TV</li>
</ul>
<p><br></p>
<hr>
</body>
</html>