forked from webprogramming260/website-html
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (113 loc) · 4.49 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- This is a placeholder for when you start using CSS -->
<link rel="stylesheet" href="index.css" />
<title>About me</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<header>
<h1>Victoria Moreno</h1>
<img src="compressjpg20211005_130506.jpg" width=200 height=200 alt="me" />
</header>
<main>
<section>
<h2>About me</h2>
<p>
My name is Victoria Moreno and I am a junior at Brigham Young University.
As a computer science major, I have coded in (and cried about) C, C++,
Python, and Java. I've done work for both front end and back end, and I
have experience with both object-oriented programming (software developement
and UI) and competitive programming. I'm currently taking CS 260 (web developement
with HTML, CSS, and JavaScript), CS 393 (competitive programming and interviews),
and CS 240 (software development and design patterns). I don't know exactly what
I want to do with my degree, but I'm leaning towards full stack, back-end software
developer, or web developer. UI alone isn't for me.
</p>
<p>
When I'm not coding, I like to draw, play the piano, do creative writing,
bother my family for pictures of my two cats in Arizona, and watch anime
with my friends. I'm a member of BYU's origami club, Chinese students and
scholars club (my mother is Chinese-American), and competitive programming club.
</p>
</section>
<section>
<h2>Start up project</h2>
<p>My project is called ghiblipedia.click, and it is a basic wiki for some of the Studio Ghibli
movies. <a href="https://github.com/vmoreno02/startup">This</a> is the link to my project's
GitHub page, and <a href="https://startup.ghiblipedia.click">this</a> is a link to the functioning website.</p>
</section>
<section>
<h2>Simon project</h2>
<p>
<a href="https://simon.ghiblipedia.click">This</a> is a link to my implementation of Simon.
</p>
</section>
<section>
<h2>Web programming assignments</h2>
<p>These are the CodePens I have completed so far for the course.</p>
<h3>HTML</h3>
<ul>
<li>
<a href="https://codepen.io/vmoreno02/pen/rNrvXeR">Introduction</a>
- Basic HTML page example
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/GRBGJQP">Structure</a> -
All the elements for creating page structure
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/ExppNNP">Input</a> - All
the elements for receiving user input
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/JjBaMGe">Media</a> - All
the elements for rendering media objects
</li>
</ul>
<h3>CSS</h3>
<ul>
<li>
<a href="https://codepen.io/vmoreno02/pen/vYaMOoq">CSS Practice</a> - A
small animation made in CSS
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/YzjMGRE">CSS Flex</a> - Practice
with Flex and Grid
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/ZEjNQpw">Bootstrap</a> - Experiments
with Bootstrap elements
</li>
</ul>
<h3>JavaScript</h3>
<ul>
<li>
<a href="https://codepen.io/vmoreno02/pen/LYJYqrE">Conditionals</a> - Use of
JavaScript conditionals
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/OJoVNWy">Functions</a> - Use of
JavaScript functions
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/ZEMGpGG">Arrow</a> - Use of
JavaScript arrow function
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/RwYPGrM">Arrays</a> - Use of
JavaScript arrays
</li>
<li>
<a href="https://codepen.io/vmoreno02/pen/abaOmJJ">Classes</a> - Use of
JavaScript classes and objects
</li>
</ul>
</section>
</main>
</body>
</html>