-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (96 loc) · 3.86 KB
/
index.html
File metadata and controls
106 lines (96 loc) · 3.86 KB
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
<!DOCTYPE html>
<html>
<head>
<!-- This title is used for tabs and bookmarks -->
<title>Swag City</title>
<link rel="icon" type="img/cat" href="/img/cat.png">
<!-- Use UTF character set, a good idea with any webpage -->
<meta charset="UTF-8" />
<!-- Set viewport so page remains consistently scaled w narrow devices -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Include a sitewide CSS file for consistent styling across the site -->
<link rel="stylesheet" type="text/css" href="css/site.css">
<!-- Lab-specifc CSS file for any special styling of this particular page -->
<link rel="stylesheet" type="text/css" href="css/homepage.css">
<!-- Link to javascript file - DEFER waits until all elements are rendered -->
<!-- <script type="text/javascript" src="./js/lab.js" DEFER></script> -->
</head>
<body>
<!-- Style this page by changing the CSS in ../css/site.css or css/lab.css -->
<main id="content">
<section>
<h1>Helwa's AWESOME Homepage</h1>
<div class="minor-section">
<!-- Note that all filenames use lowercase and no spaces -->
<img class="boom-photo" src="./img/boom.gif">
<img class="wrio" src="./img/wrio.gif">
<img class="boom-photo" src="./img/boom.gif">
<p></p>
<img class="sukekiyo" src="./img/sukekiyo.png">
<img class="flower" src="./img/flower.png">
<img class="choco" src="./img/cat.png">
<img class="buck-tick" src="./img/bucktick.gif">
<h2>.・。.・゜✭・.・✫・゜・。.</h2>
<h2>About Me</h2>
<img class="me" src="./img/me.gif">
<p>I am Helwa (left, right is my sister), and I am a 4th year AGPM student...</p>
<p>I draw, I game, and I hustle...</p>
<p>I am Currently playing: <a href="https://www.monsterhunter.com/wilds/en-us/">Monster Hunter Wilds</a></p>
<p>Listening to: <a href="https://www.youtube.com/watch?v=hukHbioa3vI">I'LL by DIR EN GREY</a></p>
<p></p>
<nav id="links">
<!-- Put links to labs here. -->
<h2>.・。.・゜✭・.・✫・゜・。.</h2>
<h3>Labs</h3>
<a href="/ART101/lab2/index.html">Lab 2: HTML & CSS Starter</a>
<p></p>
<a href="/ART101/lab3/index.html">Lab 3: File Structure and File Transfer</a>
<p></p>
<a href="/ART101/lab4/index.html">Lab 4: Pseudocoding and Problem-solving</a>
<p></p>
<a href="/ART101/lab5/index.html">Lab 5: Data Types and Variables</a>
<p></p>
<a href="/ART101/lab6/index.html">Lab 6: Arrays and Objects</a>
<p></p>
<a href="/ART101/lab7/index.html">Lab 7: Functions</a>
<p></p>
<a href="/ART101/lab8/index.html">Lab 8: Anon Functions and Callbacks</a>
<p></p>
<a href="/ART101/lab9/index.html">Lab 9: Libraries & jQuery</a>
<p></p>
<a href="/ART101/lab10/index.html">Lab 10: JavaScript for the Web</a>
<p></p>
<a href="/ART101/lab11/index.html">Lab 11: JavaScript Events and Forms</a>
<p></p>
<a href="/ART101/lab12/index.html">Lab 12: Conditionals</a>
<p></p>
<a href="/ART101/lab13/index.html">Lab 13: Loops</a>
<p></p>
<a href="/ART101/lab14/index.html">Lab 14: Debugging Tools & Strategies</a>
<p></p>
<a href="/ART101/lab15/index.html">Lab 15: AJAX</a>
<p></p>
<a href="/ART101/lab16/index.html">Lab 16: JSON and APIs</a>
<h2>.・。.・゜✭・.・✫・゜・。.</h2>
<div></div>
<img class="cat-photo" src="./img/manju.gif">
<div></div>
<img class="kav" src="./img/kav.gif">
<!--<img class="spark" src="./img/spark.gif">-->
</div>
</section>
</nav>
</main>
</body>
</html>
<!-- Center code: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_center_css -->
<style>
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<body>
<div>ART 101 Programming for the Arts Spring 2025</div>
</body>
</html>