-
Notifications
You must be signed in to change notification settings - Fork 0
/
my-projects.html
173 lines (152 loc) · 8.88 KB
/
my-projects.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Projects</title>
<script src="https://kit.fontawesome.com/015d63ce65.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles/stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Lobster|Permanent+Marker|Righteous&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Chris Dela Pena's website</h1>
<nav>
<a href="index.html"><i class="fas fa-home"></i>Homepage</a>
<a href="about-me.html"><i class="far fa-smile-beam"></i>About Me</a>
<a href="my-projects.html"><i class="fas fa-folder-open"></i>My Projects</a>
<a href="contact-me.html"><i class="fas fa-envelope"></i>Contact Me</a>
</nav>
</header>
<h2>Welcome to My Projects Page!</h2>
<p>This is a list of projects and other items that I've worked on.</p>
<section>
<h3 class ="important">3/1/20: HTML200 (Javascript and Responsive Web Design) Assignment 7</h3>
<p>The following are links to the adopt-a-dog website updated for responsive image display.</p>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website</a>
</section>
<section>
<h3 class ="righteous">2/23/20: HTML200 (Javascript and Responsive Web Design) Assignment 6</h3>
<p>The following is a link to my Adopt-a-dog website, including media queries per assignment 6.</p>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website</a>
</section>
<section>
<h3 class ="righteous">2/21/20: HTML200 (Javascript and Responsive Web Design) Assignment 5</h3>
<p>The following are links to Javascript files created for assignment 5.</p>
<a href="html200-portfolio/Lesson05/lesson05Assignment.html">Assignment 5</a>
<a href="html200-portfolio/Lesson05/lesson05Assignment.js">Javascript file</a>
</section>
<section>
<h3 class ="lobster">2/19/20: HTML200 (Javascript and Responsive Web Design) Assignment 4</h3>
<p>The following are links to Javascript files created for assignment 4.</p>
<a href="html200-portfolio/Lesson04/lesson4Assignment1.html">Exercise-one</a>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website (with click handlers)</a>
</section>
<section>
<h3 class ="lobster">2/8/20: HTML200 (Javascript and Responsive Web Design) Assignment 3</h3>
<p>The following are links to Javascript files created for assignment 3.</p>
<a href="html200-portfolio/Lesson03/exercise-one.js">exercise-one</a>
<a href="html200-portfolio/Lesson03/exercise-two.js">exercise-two</a>
<a href="html200-portfolio/Lesson03/exercise-three.js">exercise-three</a>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website (with CSS and responsive design)</a>
</section>
<section>
<h3 class ="important">1/30/20: HTML200 (Javascript and Responsive Web Design) Assignment 2</h3>
<p>The following are links to Javascript files created for assignment 2.</p>
<a href="html200-portfolio/calculator.js">calculator.js</a>
<a href="html200-portfolio/countdown.js">countdown.js</a>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website (with CSS)</a>
</section>
<section>
<h3 class ="important">1/20/20: HTML200 (Javascript and Responsive Web Design) Assignment 1</h3>
<p>The following is a link to the Adopt-a-dog website (HTML only).</p>
<a href="html200-adopt-a-dog/adoptadog-index.html">Adopt-a-dog website.</a>
</section>
<section>
<h3 class ="important">12/31/19: Straight to the Point website (html and css)</h3>
<p>The following is the deliverable for UW HTML 100 assignment 8, incorporating CSS grids and CSS styling.</p>
<a href="straight-to-the-point-index.html">Straight to the Point website</a>
</section>
<section>
<h3 class ="important">12/29/19: Straight to the Point website sketch and html</h3>
<p>The following is the deliverable for UW HTML 100 assignment 7</p>
<a href="straight-to-the-point-index.html">Straight to the Point website</a>
<a href="linked-files/assignment-7-sketches.pptx">Powerpoint file to website sketches and user stories</a>
</section>
<section>
<h3 class ="lobster">12/26/19: CSS transitions and nth-child selectors.</h3>
<p>The following list is a dozen of my all-time favorite books. Hover over them
to view CSS transitions.</p>
<ul>
<li class= "odd border"><em class="underline">Getting More: How You Can Negotiate to Succeed in Work and Life</em> by Stuart Diamond</li>
<li class="even bigtext"><em class="underline">Decisive: How to Make Better Choices in Life and Work</em> by Chip and Dan Heath</li>
<li class="odd background"><em class="underline">Crucial Conversations: Tools for Talking When Stakes are High</em> by Kerry Patterson</li>
<li class="even rotate"><em class="underline">Extreme Ownership</em> by Jocko Willink and Leif Babin</li>
<li class="odd border"><em class="underline">The Ultimate Brian Tracy Library</em> by Brian Tracy</li>
<li class="even bigtext"><em class="underline">Influence: The Psychology of Persuasion</em> by Robert B. Cialdini</li>
<li class="odd background"><em class="underline">David and Goliath</em> by Malcolm Gladwell</li>
<li class="even rotate"><em class="underline">You Already Know How to be Great </em> by Alan Fine</li>
<li class="odd border"><em class="underline">Rich Dad, Poor Dad</em> by Robert Kiyosaki</li>
<li class="even bigtext"><em class="underline">Catch 22</em> by Joseph Heller</li>
<li class="odd background"><em class="underline">The Great Gatsby</em> by F. Scott Fitzgerald</li>
<li class="even rotate"><em class="underline">The Fountainhead</em> by Ayn Rand</li>
</ul>
</section>
<section>
<h3 class ="righteous">12/25/19: Kitties To Go website <em>, this time with flexbox.</em></h3>
<p>Created another frontpage for Kitties-to-go with flexbox incorporated as
part of HTML100 assignment 5.</p>
<p><a href="kitties-to-go-flexbox.html">Link to Kitties-To-Go website (revised)</a></p>
</section>
<section>
<h3 class ="righteous">12/24/19: Kitties To Go website</h3>
<p>Created a website for a kitty rental service as part of UW HTML 100 Assignment 4.</p>
<p><a href="kitties-to-go.html">Link to Kitties-To-Go website</a></p>
<img src="images/kitties-to-go-frontpage.jpg" alt="A picture of Kitties To Go website">
</section>
<section>
<h3 class="righteous">Lesson 1 Assignment</h3>
<h3>My 1st assignment for HTML 100</h3>
<p>Kind of basic, but that's ok <strong>it's my 1st assignment</strong></p>
<p><a href="assignment-01.html">Link to assignment 1</a></p>
<img src="images/assignment-01-picture.jpg" alt="A picture of HTML">
</section>
<section>
<h3>IT FDN 130 Assignment 8</h3>
<h3>This is an assignment from Database foundations, <em>also taught at UW.</em></h3>
<p>This assignment was centered on creating stored procedures.</p>
<p><a href="IT-FDN-130-Assignment-08.sql">Link to the sql file</a></p>
<img src="images/IT-FDN-130-Asgn-08-picture.jpg" alt="A picture of SQL code in SSMS.">
</section>
<h4>Okay, not a whole lot of projects, but I'm just getting started!</h4>
<p class="important">The following are a list of projects I'd like to do!</p>
<section>
<h3>Airplane repair instructions generator.</h3>
<h4>This project would do the following:</h4>
<ul class="a">
<li>Let the user select the type of airplane damage they have from a list.</li>
<li>Allow the user to input the characteristics of the damage.</li>
<li>Generate formatted repair instructions from a menu pre-approved by engineering.</li>
</ul>
<p><a href="dummy-link-0">Link to (still imaginary) project!</a>
<p style="font-size: 0.9rem;font-style: italic;">
<img style="display: block;" src="https://live.staticflickr.com/7174/6726391521_5569bfdaa2_b.jpg" alt="LN-NOB 220709">
<a href="https://www.flickr.com/photos/16103393@N05/6726391521">"LN-NOB 220709"</a>
<span> by <a href="https://www.flickr.com/photos/16103393@N05">airlines470</a>
</span> is licensed under
<a href="https://creativecommons.org/licenses/by-sa/2.0/?ref=ccsearch&atype=html"
style="margin-right: 5px;">CC BY-SA 2.0</a>
</p>
</section>
<section>
<h2>Here's a list of other projects I'd like to complete someday:</h2>
<ol>
<li>Create an anonymous "user feedback" for my team. <a href="dummy-link-1">Link here.</a></li>
<li>Complete the UW Certificate of Front-End Development. <a href="dummy-link-2">Link here.</a></li>
<li>Write a program using Python. <a href="dummy-link-3">Link here.</a></li>
</ol>
</section>
<footer>
<p>By Chris Dela Pena</p>
</footer>
</body>
</html>