Lightweight-Website/page5.html at main · pekcus/Lightweight-Website · 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
<!-- ***** COMP-2057: Intro to the Internet ***** -->
<!-- 		  Assignment 5: My Web Site	 		  -->
<!-- 		  Nonika Reingold #105048918	 	  -->

<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhmtl11/DTD/xhtml11.dtd">
<!-- XML/XHTML boilerplate code -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252"/>
	<link href="style.css" rel="stylesheet"/>
	<link href="https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/>
	<link href="bow.png" rel="shortcut icon"/>
        <title>Borrowed</title>
</head>

<body>
	<!-- The navigation links (sidebar) -->
	<div id="navigation">
		<a href="index.html">Home</a>
		<a href="page1.html">School</a>
		<a href="page2.html">Hobbies</a>
		<a href="page3.html">Sanrio</a>
		<a href="page4.html">Mail</a>
		<a href="page5.html">Borrowed</a>
		<img src="kuromi.png" width="160px" height="218px" alt="Kuromi"/>
	</div>
	<!-- Back to Top button! -->
	<div id="b2t">
		<a href="#top">Back to Top!</a>
	</div>
	<!-- The main content of the page -->
	<div id="main">
		<div id="top">
			<img src="ptopl.png" width="749px" height="55px" alt="Top Border"/>
		</div>
		<h1>Sources</h1>
		<p>
			To give my website a super cute theme, I did my best to take images directly from their sources, but this wasn't always possible.
			Many of the images I used (specifically for decoration) were reposted to tumblr from unknown sources. While that is typically harmful,
			the graphics I used are pixel art from the "old web" which were created and shared in the early 2000's. These graphics were especially
			popular in Japan with its large "kawaii" subculture. As the internet evolved, many of the websites and blogs that these graphics were
			originally posted on have been shut down or deleted. Since I don't know Japanese, and many of the original sources are gone, there is no
			way for me to confidently track down the artists.
		</p>
		<p>
			<i>However</i>, there is a positive aspect to the situation: the internet users who originally saved those pixel images aided in
			preserving many of these graphics that would otherwise have been deleted along with their original websites! In addition, many tumblr
			pixel bloggers have links on their pages to their favourite websites for finding pixel art; many of these websites are run by the
			pixel artists themselves!
		</p>
		<div class="divider"><img src="pdivl.png" width="749px" height="42px" alt="Divider"/></div>
		<!-- Index: Home Page -->
		<h3>Home</h3>
		<ul>
			<li> The avatar is designed by me using a Picrew made by <a href="https://picrew.me/image_maker/606067">scrims on Picrew</a>.</li>
		</ul>
		<!-- Page 1: My Class Schedule -->
		<h3>School</h3>
		<ul>
			<li>Icons for each class are from <a href="https://fonts.google.com/icons">Google Fonts</a></li>
		</ul>
		<!-- Page 2: Lists of my Favourite Things -->
		<h3>About</h3>
		<ul>
			<li> The Animal Crossing: New Horizons poster is from <a href="https://www.nintendo.com/en-ca/store/products/animal-crossing-new-horizons-switch/">
				the Nintendo Store</a>.</li>
			<li> The Borderlands 3 screenshot is from <a href="https://borderlands.com/en-US/media/">the Borderlands 3 media page</a>.</li>
			<li> The Minecraft update poster is from <a href="https://www.minecraft.net/en-us/about-minecraft"> the Minecraft website</a>.</li>
		</ul>
		<!-- Page 3: Image Map -->
		<h3>Sanrio</h3>
		<ul>
			<li> The wallpaper featuring My Melo, Piano, and Kuromi is from <a href="https://hellokittyisangel.tumblr.com/post/672645946114539520/strawberry-news-january-2022-wallpapers">
				hellokittyisangel on tumblr</a>.</li>
		</ul>
		<!--
			I didn't use any additional images (i.e. that aren't cited in the Website Style section) for my Feedback page and
			my Citations page. I thought the citation page looked better if I omitted these sections entirely!
			<h3>Mail</h3>
			<ul>
				<li> No extras here!</li>
			</ul>
			<h3>Borrowed</h3>
			<ul>
				<li> No extras here!</li>
			</ul>
		-->
		<h3>Website Style</h3>
		<ul>
			<li>The Mali font is from <a href="https://fonts.google.com/specimen/Mali">Google Fonts</a>.</li>
			<li>The background tile is from <a href="https://engrampixel.tumblr.com/post/34119315482">
				engrampixel on tumblr</a>.</li>
			<li>The bow icon (in head) is from <a href="https://pixel-soup.tumblr.com/post/48828623604/pixel-dump-o2">pixel-soup on tumblr</a>.</li>
			<li>The kuromi image in my left navigation bar is from <a href="https://mourningstar.tumblr.com/post/665710449067753472">
				mourningstar on tumblr</a>.</li>
			<li>The "lace" banners (header, footer, divider) are from <a href="https://pinkysugar.tumblr.com/post/11839218353/lots-of-lace-part-one">
				pinkysugar on tumblr</a>.</li>
		</ul>
		<br/><img src="pbotl.png" width="749px" height="55px" alt="Bottom Border"/>
	</div>


</body>
</html>