-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
101 lines (101 loc) · 4.67 KB
/
portfolio.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
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<link id="mainStyleSheet" rel="stylesheet" type="text/css" href="style1.css" />
</head>
<body>
<div class="header">
<img src="images/leaves1.png">
</div>
<nav>
<ul>
<div class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="qualifications.html">Qualifications</a></li>
<li><a href="service.html">Service</a></li>
<li><a href="ai.html">AI-Generated</a></li>
<div class="style button">
<li><a href=""><button onclick="toggleStyleSheet()" type="button">Toggle Style</button></a></li>
</div>
<script src="function.js"></script>
</div>
</ul>
</nav>
<div class="style-2-wrapper">
<div class="intro">
<div class="body-text">
<div id="first-box">
<h1>
Previous Projects
</h1>
<h4>
Previous Website
</h4>
<p>
In an introductory coding class I took in spring of
2022, CSCE 111, I created a website for a class
assignment. The assignment was to include information
about myself, my travels, and an interesting project
I've completed. <a href="csce111/index.html" target="_blank">Here</a> is the link to my old website!
</p>
<h4>
Seam Carver
</h4>
<p>
In the fall of 2022, I completed a seam-carving project.
Given starter code, I implemented functions that traversed
a PPM file. The program found lines of pixels, vertical or
horizontal, that had the least change. The seams were
removed, and the carved image file was returned.
</p>
</div>
</div>
</div>
<div class="box">
<div id="second-box">
<h1>
Future Projects
</h1>
<h4>
Spotify Summary
</h4>
<p>
To further my understanding of different APIs, I want to create a
program that works with Spotify. My goal is to take
in a user's Spotify listening information from a certain period of
time and analyze the songs and genres listened to by the user.
This well help me gain experience working with different types of data.
</p>
<h4>
Chore Chart
</h4>
<p>
This project would serve as an application that is an automated
to-do list. The user would put in their chores and frequency in
which they must be completed, and the application would then send
reminders when it is time to complete the tasks. The application
would keep track of when chores are completed or delayed. These
statistics would then be saved and analyzed so the user can be
kept accountable.
</p>
</div>
</div>
</div>
<div class="footer">
<a id="LinkedIn" href="https://www.linkedin.com/in/kaitlyn-griffin-999b4128b/" target="_blank">
<img src="images/linkedin.png" alt="LinkedIn"/>
</a>
<a id="GitHub" href="https://github.com/kaitlyngrif" target="_blank">
<img src="images/github.png" alt="GitHub Logo" />
</a>
<a id="YouTube" href="https://www.youtube.com/channel/UCiBrDJYBAdUKS9cdfab2o9w" target="_blank">
<img src="images/youtube.png" alt="YouTube Logo" />
</a>
<a id="Email" href="mailto:griffin.kaitlyn@tamu.edu" target="_blank">
<img src="images/email.png" alt="Email Logo" />
</a>
</div>
</body>
</html>