HS_Project3/index.html at master · WebDevBootCampFall2017/HS_Project3 · GitHub

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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176

<!DOCTYPE html>
<html lang="zh-tw">
<head>
	<title> Daiwan Blog	 </title>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="asset/css/BlogStylesheet.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>

<body>
	<div id="full_container">
		<div id="banner">
			<div id="subline"> Connet the world with 27" screen..</div>
		</div>
		<nav>
			<a href="index.html">Home</a> |
			<a href="http://www.google.com">Google</a> |
			<a href="">Third Tab</a> |
			<a href="">4th Tab</a> |
			<a href="">5th Tab</a> |
			<a href="">Last Tab</a> |
		</nav>
		<div id="main">
			<article id="article">
				<section>
					<h2 class="post_title"><a name="閃電狼0-4" style="color:black"> 感嘆, 覺得難過 </h2>
					<div class="post_date"> Oct. 14, 2017 </div>
					<div class="post_content">
						<p>今天看完閃電狼0-4的戰績,見習內心有感而發<br>
							「幹!爛透了!」<br>
						<br>
						.....<br>
						想必多數網民是這樣想的吧,其實我內心不禁感嘆.<br>
						還記得前一段時間FB版上充滿了:<br>
						台灣體育選手不被重視的這個議題-<br>
						台灣體育選手的辛酸史, 想必大家都略知一二,<br>
						一個選手的培育是需要多少的心血?<br>
						體能上的訓練, 經濟上的支持, 心理抗壓的培養<br>
						今天在賽場上, 台灣能夠名揚國際<br>
						跟台灣的關係到底有多少,<br>
						跟協會/跟體壇的關係有多少?<br>
						還不都是由選手們用自己的時間金錢換來的<br>
						而電競選手, 就不算了嗎?<br>
						現在有多少的屁孩想要加入戰隊的?<br>
						<br>
						人家說：「有錢出錢有力出力」<br>
						坐在下面的一堆人都馬出一張嘴而已吧<br>
						憑甚麼去揶揄? 憑甚麼去嘲諷?<br>
						如果今天實力跟選手們一樣, 還會坐在這裡?<br>
						「ㄟㄟㄟ~ 窩鑽1, 我很強好ㄅ好」<br>
						-嗯? 好啊去打世界賽阿 6666666<br>
						被嘴成這樣, 有誰想去比賽?<br>
						今天被網群攻擊, 你有他們的EQ嗎?<br>
						<br>
						今天有實力, 請給予指教/建議<br>
						沒實力不會要你閉嘴, 但是請給予鼓勵<br>
						這次做不好, 下次還是有機會<br>
						今年失敗了, 明天還是能繼續<br>
						<br>
						我知道見習完全沒有影響力<br>
						但是希望網路風氣從你我開始做起<br>
					</div>
				</section>
				<section>
					<h2 class="post_title"><a name="首篇日誌" style="color:black"> 首篇日誌 </h2>
					<div class="post_date"> Oct. 7, 2017 </div>
					<div class="post_content">
						<p>星期六 天氣:陰... </p>
						<p>其實上面那個根本不重要，只是我不知道要打些甚麼東西。<br>
						這個網站其實是想仿無名小站，畢竟是個很重要的一個人生片段/一個回憶。</p>
					</div>
				</section>
				<section>
					<h2 class = "post_title"><a name="[V]PUBG WTF Funny Moments Highlights Ep 56" style="color:black">[V]PUBG WTF Funny Moments Highlights Ep 56</h2>
					<div class = "post_date">Sep. 28, 2017</div>
					<div class = "post_content">
						<p>Playerunknown's Battlegrounds</p>
						<iframe width="560" height="315" src="https://www.youtube.com/embed/pxxs_iQ1BTk" frameborder="0" allowfullscreen></iframe>
					</div>
				</section>
				<section>
					<h2 class = "post_title"><a name="Title_2" style="color:black">Title 2</h2>
					<div class = "post_date">date</div>
					<h4>中文測試</h4>
					<div class = "post_content">

						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
						</p>
					</div>
				</section>
				<section>
					<h2 class = "post_title"><a name="Title_3" style="color:black">Title 3</h2>
					<div class = "post_date">date</div>
					<div class = "post_content">
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
						</p>
					</div>
				</section>
				<section>
					<h2 class = "post_title"><a name="Title_4" style="color:black">Title 4</a></h2>
					<div class = "post_date">date</div>
					<div class = "post_content">
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
						</p>
					</div>
				</section>
			</article>
			<aside id="side_panel">
				<div id = "calendar">
					<h3 class="side_panel_title">Calender</h3>
					<div class = "side_panel_content"><iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;height=460&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=zh-tw.usa%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=America%2FNew_York" style="border-width:0" width="300" height="340" frameborder="0" scrolling="no" align="center"></iframe>
					</div>
				</div>
				<div id = "About">
					<h3 class="side_panel_title">About Me</h3>
					<div class="side_panel_content">
						<a href="About.htm"> <img id="Prof_pic" src="https://static-cdn.jtvnw.net/jtv_user_pictures/196343f7b4e75197-profile_image-300x300.png" alt = "DaiwanBeeru" width="150" ></a>
						<h4>Daiwan Beeru</h4>
						<ul id="About_details">
							<li>interesting thing</li>
							<li>another interesting thing</li>
							<li>more interesting thing</li>
						</ul>
					</div>
				</div>
				<div id = "quicklink_article">
					<h3 class="side_panel_title">Recent Article</h3>
					<div class = "side_panel_content">
						<ul>
							<li><a href="#首篇日誌" style="color:black;">首篇日誌 4</a></li>
							<li><a href="#[V]PUBG WTF Funny Moments Highlights Ep 56" style="color:black;">[V]PUBG WTF Funny Moments Highlights Ep 56</a></li>
							<li><a href="#Title_2" style="color:black;">Title 2</a></li>
							<li><a href="#Title_3" style="color:black;">Title 3</a></li>
							<li><a href="#Title_4" style="color:black;">Title 4</a></li>
						</ul>
					</div>
				</div>
				<div>
					<h3 class="side_panel_title">Twitch Chat</h3>
					<embed height="500px" src="https://www.twitch.tv/daiwanbeeru/chat?popout=">
				</div>
				<div>

				</div>
			</aside>
		</div>
		<footer>
			<a href="https://paypal.me/HSChiang" target="_blank">
				<div class = "footer_block" id="footer_donation">Donation</div>
			</a>

			<div class = "footer_block">
				2nd box
			</div>
			<div class = "footer_block">
				3rd box
			</div>
			<div class = "footer_block">
				4th box
			</div>
			<div class = "footer_block">
				5th box
			</div>

			<div class = "footer_block">
				Email Me
			</div>
		</footer>
	</div>
</body>

</html>