-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjs.html
More file actions
142 lines (141 loc) · 13.6 KB
/
js.html
File metadata and controls
142 lines (141 loc) · 13.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://kit.fontawesome.com/5c92fc24e1.js"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="name-logo">
<div class="logo"><?xml version="1.0" encoding="UTF-8"?>
<svg class="moon" version="1.1" viewBox="0 0 1200 1200"
xmlns="http://www.w3.org/2000/svg">
<g fill="#f9ead6">
<path
d="m688.8 220.8c0 13.254-10.746 24-24 24-13.254 0-24-10.746-24-24 0-13.254 10.746-24 24-24 13.254 0 24 10.746 24 24" />
<path
d="m255.6 1040.4c0 13.258-10.746 24-24 24-13.258 0-24-10.742-24-24 0-13.254 10.742-24 24-24 13.254 0 24 10.746 24 24" />
<path
d="m124.8 883.2c0 8.6172-6.9844 15.602-15.602 15.602-8.6133 0-15.598-6.9844-15.598-15.602 0-8.6133 6.9844-15.598 15.598-15.598 8.6172 0 15.602 6.9844 15.602 15.598" />
<path
d="m278.4 458.4s-6-6-14.398-9.6016c-3.6016-2.3984-8.3984-3.6016-13.199-4.8008-1.1992-1.1992-2.3984-2.3984-3.6016-3.6016-1.1992-4.8008-2.3984-9.6016-4.8008-13.199-3.6016-8.3984-9.6016-14.398-9.6016-14.398s-6 6-9.6016 14.398c-2.3984 3.6016-3.6016 8.3984-4.8008 13.199-1.1992 1.1992-2.3984 2.3984-3.6016 3.6016-4.8008 1.1992-9.6016 2.3984-13.199 4.8008-8.3984 3.6016-14.398 9.6016-14.398 9.6016s6 6 14.398 9.6016c3.6016 2.3984 8.3984 3.6016 13.199 4.8008 1.1992 1.1992 2.3984 2.3984 3.6016 3.6016 1.1992 4.8008 2.3984 9.6016 4.8008 13.199 3.6016 8.3984 9.6016 14.398 9.6016 14.398s6-6 9.6016-14.398c2.3984-3.6016 3.6016-8.3984 4.8008-13.199 1.1992-1.1992 2.3984-2.3984 3.6016-3.6016 4.8008-1.1992 9.6016-2.3984 13.199-4.8008 8.3984-3.6016 14.398-9.6016 14.398-9.6016z" />
<path
d="m517.2 196.8s-70.801-6-79.199-9.6016c-3.6016-2.3984-8.3984-3.6016-13.199-4.8008-1.1992-1.1992-2.3984-2.3984-3.6016-3.6016-1.1992-4.8008-2.3984-9.6016-4.8008-13.199-3.5977-9.5977-9.5977-105.6-9.5977-105.6s-6 96-9.6016 104.4c-2.3984 3.6016-3.6016 8.3984-4.8008 13.199l-3.6016 3.6016c-4.8008 1.1992-9.6016 2.3984-13.199 4.8008-8.3984 3.6016-86.398 9.6016-86.398 9.6016s78 6 86.398 9.6016c3.6016 2.3984 8.3984 3.6016 13.199 4.8008 1.1992 1.1992 2.3984 2.3984 3.6016 3.6016 1.1992 4.8008 2.3984 9.6016 4.8008 13.199 3.6016 8.3984 9.6016 90 9.6016 90s6-81.602 9.6016-90c2.3984-3.6016 3.6016-8.3984 4.8008-13.199 1.1992-1.1992 2.3984-2.3984 3.6016-3.6016 4.8008-1.1992 9.6016-2.3984 13.199-4.8008 8.3945-2.4023 79.195-8.4023 79.195-8.4023z" />
<path
d="m718.8 364.8c-213.6 0-387.6 174-387.6 387.6 0 213.6 172.8 387.6 387.6 387.6s387.6-174 387.6-387.6c-0.003906-213.6-174-387.6-387.6-387.6zm0 739.2c-194.4 0-351.6-158.4-351.6-351.6 0-194.4 158.4-351.6 351.6-351.6 193.2 0 351.6 158.4 351.6 351.6-0.003906 194.4-158.4 351.6-351.6 351.6z" />
<path
d="m908.4 522c3.6016-6 3.6016-13.199 0-20.398-3.6016-7.1992-10.801-14.398-19.199-19.199-18-10.801-38.398-9.6016-44.398 2.3984-3.6016 6-3.6016 13.199 0 20.398 1.1992 3.6016 4.8008 7.1992 7.1992 10.801 3.6016 3.6016 7.1992 6 12 9.6016 8.3984 4.8008 18 7.1992 26.398 7.1992 8.4023-1.1992 15.602-4.8008 18-10.801z" />
<path
d="m619.2 573.6c4.8008 4.8008 10.801 8.3984 18 8.3984-1.1992 15.602 6 31.199 18 38.398 3.6016 2.3984 7.1992 3.6016 12 3.6016 12 2.3984 26.398-2.3984 37.199-12 9.6016-1.1992 16.801-6 22.801-13.199s9.6016-15.602 9.6016-25.199c0-10.801-4.8008-21.602-13.199-28.801-1.1992-3.6016-3.6016-7.1992-6-9.6016-2.3984-3.6016-6-6-8.3984-7.1992-3.6016-2.3984-8.3984-3.6016-13.199-4.8008-4.8008 0-9.6016 0-14.398 1.1992-9.6016 2.3984-19.199 8.3984-26.398 16.801-2.3984-2.3984-4.8008-3.6016-7.1992-4.8008-2.3984-1.1992-6-2.3984-9.6016-2.3984-9.6016 0-18 6-21.602 14.398-1.1992 2.3984-2.3984 6-2.3984 9.6016s1.1992 6 2.3984 9.6016c-0.003907 2.3984 1.1953 4.7969 2.3945 6z" />
<path
d="m819.6 558c-3.6016 0-7.1992 0-10.801 1.1992-7.1992 1.1992-13.199 4.8008-18 9.6016-2.3984 2.3984-4.8008 4.8008-6 7.1992-26.398 2.3984-48 24-48 51.602 0 21.602 13.199 39.602 31.199 48 1.1992 0 1.1992 0 2.3984 1.1992 1.1992-6 7.1992-10.801 13.199-10.801 7.1992 0 13.199 6 14.398 12 21.602-3.6016 38.398-20.398 42-42 13.199-7.1992 21.602-20.398 21.602-36 0-12-4.8008-21.602-12-30-8.3984-7.1992-19.199-12-29.996-12z" />
<path
d="m961.2 584.4c-4.8008-6-9.6016-10.801-16.801-14.398-4.8008-2.3984-10.801-3.6016-16.801-3.6016s-10.801 1.1992-16.801 3.6016c-9.6016 4.8008-18 12-22.801 22.801-2.3984 4.8008-3.6016 10.801-3.6016 16.801s1.1992 10.801 3.6016 16.801c4.8008 9.6016 12 18 22.801 22.801 4.8008 2.3984 10.801 3.6016 16.801 3.6016 12 0 21.602-4.8008 30-12 7.1992-7.1992 12-18 12-30 0.003906-10.805-3.5977-19.203-8.3984-26.406z" />
<path
d="m900 700.8c-2.3984 0-4.8008 0-7.1992 1.1992-6 2.3984-10.801 9.6016-10.801 16.801s4.8008 13.199 10.801 16.801c2.3984 1.1992 4.8008 1.1992 7.1992 1.1992 9.6016 0 18-8.3984 18-18 0-9.6016-7.1992-18-18-18z" />
<path
d="m552 518.4c0 9.9414-8.0586 18-18 18s-18-8.0586-18-18c0-9.9414 8.0586-18 18-18s18 8.0586 18 18" />
<path
d="m950.4 530.4c3.6016 0 6-1.1992 8.3984-2.3984-7.1992-8.3984-15.602-15.602-24-24-1.1992 2.3984-2.3984 4.8008-2.3984 8.3984 0 4.8008 2.3984 9.6016 4.8008 13.199 4.8008 3.6016 8.4023 4.8008 13.199 4.8008z" />
<path
d="m806.4 972c0 3.9766-3.2227 7.1992-7.1992 7.1992-3.9766 0-7.1992-3.2227-7.1992-7.1992s3.2227-7.1992 7.1992-7.1992c3.9766 0 7.1992 3.2227 7.1992 7.1992" />
<path
d="m651.6 662.4c-3.6016 3.6016-6 7.1992-6 12 0 4.8008 2.3984 8.3984 6 12 3.6016 3.6016 9.6016 4.8008 15.602 4.8008s12-2.3984 15.602-4.8008c3.6016-3.6016 6-7.1992 6-12 0-4.8008-2.3984-8.3984-6-12-3.6016-3.6016-9.6016-4.8008-15.602-4.8008-6.0039 0.003906-12.004 2.4023-15.602 4.8008z" />
<path
d="m698.4 864c-26.398 0-49.199 21.602-49.199 49.199 0 26.398 21.602 40.801 49.199 40.801 16.801 0 31.199-4.8008 40.801-15.602 4.8008-6 8.3984-14.398 8.3984-25.199 0-9.6016-3.6016-19.199-8.3984-27.602-8.3984-13.199-24-21.598-40.801-21.598z" />
<path
d="m598.8 898.8c4.8008 6 13.199 10.801 21.602 10.801 3.6016 0 7.1992-1.1992 10.801-2.3984 9.6016-3.6016 16.801-13.199 16.801-25.199 0-7.1992-3.6016-14.398-8.3984-19.199-2.3984-2.3984-4.8008-4.8008-8.3984-6-3.6016-1.1992-7.1992-2.3984-10.801-2.3984-10.801 0-20.398 7.1992-25.199 16.801-1.1992-3.6016-3.6016-8.3984-6-12-2.3984-3.6016-6-7.1992-9.6016-9.6016 34.801-6 61.199-37.199 61.199-73.199 0-40.801-33.602-74.398-74.398-74.398-4.8008 0-8.3984 0-12 1.1992s-8.3984 1.1992-12 3.6016c8.3984-8.3984 14.398-18 16.801-30 1.1992-3.6016 1.1992-8.3984 1.1992-12 0-2.3984 0-6-1.1992-8.3984 4.8008-4.8008 9.6016-10.801 12-16.801 2.3984-6 4.8008-13.199 4.8008-21.602 0-30-24-54-54-54-3.6016 0-7.1992 0-10.801 1.1992-7.1992 1.1992-13.199 3.6016-18 7.1992-6 3.6016-10.801 8.3984-14.398 13.199-2.3984 3.6016-4.8008 7.1992-7.1992 12-1.1992 4.8008-2.3984 8.3984-3.6016 13.199 10.801 1.1992 20.398 10.801 20.398 22.801s-10.801 22.801-22.801 22.801c-9.6016 0-18-6-21.602-14.398-2.3984 7.1992-4.8008 14.398-4.8008 22.801 0 12 3.6016 22.801 9.6016 32.398-4.8008 4.8008-10.801 4.8008-15.602 1.1992-3.6016-2.3984-7.1992-6-9.6016-9.6016-1.1992-2.3984-2.3984-3.6016-4.8008-6-2.3984-3.6016-4.8008-8.3984-6-10.801-3.6016-7.1992-4.8008-15.602-6-19.199-8.3984 27.602-14.398 56.398-15.602 87.602v13.199 12c13.199-3.6016 28.801 7.1992 34.801 26.398 6 19.199 0 37.199-14.398 42-3.6016 1.1992-7.1992 1.1992-12 0 0 1.1992 1.1992 2.3984 1.1992 4.8008 7.1992 27.602 19.199 54 32.398 79.199 0-2.3984 1.1992-3.6016 2.3984-4.8008 4.8008-3.6016 13.199-1.1992 18 4.8008 4.8008 6 4.8008 14.398 0 18 2.3984 1.1992 4.8008 3.6016 8.3984 4.8008 8.3984 4.8008 16.801 7.1992 26.398 8.3984 4.8008 1.1992 8.3984 0 12 0-5.9961-0.003906-8.3945 4.7969-8.3945 10.797 0 8.3984 7.1992 15.602 15.602 15.602 8.3984 0 15.602-7.1992 15.602-15.602 0-7.1992-4.8008-12-10.801-14.398 3.6016-1.1992 6-1.1992 9.6016-2.3984 3.6016 1.1992 7.1992 2.3984 10.801 3.6016 3.6016 1.1992 7.1992 1.1992 10.801 1.1992 28.793-1.2031 51.594-21.605 55.195-49.203zm-92.402-31.199c-8.3984 0-14.398-6-14.398-14.398s6-14.398 14.398-14.398c8.3984 0 14.398 6 14.398 14.398 0.003906 8.3984-7.1953 14.398-14.398 14.398zm46.801-49.203c-12 0-21.602-9.6016-21.602-21.602 0-1.1992 0-3.6016 1.1992-4.8008-3.6016 2.3984-7.1992 4.8008-12 6-16.801 4.8008-33.602-3.6016-38.398-18-2.3984-7.1992-1.1992-15.602 2.3984-21.602h-7.1992c-4.8008-12-14.398-22.801-25.199-30l19.199-12c3.6016 2.3984 8.3984 3.6016 13.199 4.8008 4.8008 1.1992 9.6016 1.1992 14.398 1.1992 6 0 12-1.1992 16.801-2.3984-7.1992 7.1992-13.199 15.602-16.801 25.199 2.3984-1.1992 3.6016-2.3984 6-3.6016 16.801-4.8008 33.602 3.6016 38.398 18 2.3984 6 1.1992 12-1.1992 18 3.6016-2.3984 7.1992-3.6016 10.801-3.6016 12 0 21.602 9.6016 21.602 21.602-1.1953 13.207-9.5977 22.805-21.598 22.805z" />
<path
d="m639.6 988.8c0-10.801-6-20.398-15.602-24-3.6016-1.1992-6-2.3984-9.6016-2.3984-14.398 0-28.801 12-26.398 26.398 1.1992 9.6016 15.602 12 26.398 21.602 1.1992 1.1992 2.3984 2.3984 4.8008 2.3984h4.8008c1.1992 0 2.3984-1.1992 4.8008-1.1992 1.1992-1.1992 2.3984-1.1992 3.6016-2.3984 3.5977-6.0039 7.1992-13.203 7.1992-20.402z" />
<path
d="m669.6 1063.2c-4.8008-4.8008-10.801-8.3984-18-8.3984-3.6016 0-7.1992 0-10.801 1.1992-3.6016 1.1992-6 2.3984-8.3984 4.8008-2.3984 2.3984-4.8008 4.8008-6 7.1992 15.602 4.8008 32.398 8.3984 49.199 10.801 0-2.3984 0-3.6016-1.1992-6-0.003906-3.6016-2.4023-6-4.8008-9.6016z" />
</g>
</svg>
</div>
<div class="header-name">
<h1 class="hdr-name"><a href="index.html">Luna Fernandez</a></h>
</div>
</div>
<nav class="bar-nav" id="navMenu">
<ul class="header-menu">
<li><a href="#projects">Projects</a></li>
<li><a href="about.html">About</a></li>
<li><a href="js.html">Javascript</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://www.linkedin.com/in/luna-fernandez/"
target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/LunaVolcan?tab=repositories"
target="_blank"> <i class="fa fa-github"></i></a></li>
<a href="https://sentry.io/answers/">
<a
href="https://docs.google.com/document/d/1j53001eI8Vro2HT37VGw8whPzmNZoL9J/edit?usp=sharing&ouid=118181966276731171023&rtpof=true&sd=true"
target="_blank"> <button class="resume-btn">RESUME</button></a>
</a>
</ul>
</nav>
<button class="header-burger" id="hamburgerButton">
<i class="fa fa-bars"></i>
</button>
</header>
<div class="border"></div>
<section class="js-section">
<div class="color-container">
<button id="colorPickerButton">Hue Hocus-Pocus</button>
<div id="colorPickerForm" class="form-hide">
<form id="colorForm">
<label id="colorLabel" for="colorSelect">Select a color:</label>
<select id="colorSelect">
<option value="#fb6f92">Pink</option>
<option value="#cbb2fe">Lavender</option>
<option value="#ff9100">Orange</option>
<option value="#ffdd00">Yellow</option>
<option value="#90e0ef">Light Blue</option>
<option value="#6d6875">Dark Lavender</option>
</select>
<label id="changeTypeLabel" for="changeTypeSelect">Change type:</label>
<select id="changeTypeSelect">
<option value="text">Text</option>
<option value="background">Background</option>
</select>
<button type="button" id="applyColorButton">Apply Color</button>
</form>
</div>
</div>
<div class="madlib-style">
<button class="madlib-btn" id="madLibButton">Make a Madlib</button>
<div id="madLibPopup" class="hidden">
<form class="madlib-form" id="madLibForm">
<label for="noun">Noun:</label>
<input type="text" id="noun" name="noun"><br><br>
<label for="verb">Verb:</label>
<input type="text" id="verb" name="verb"><br><br>
<label for="adjective">Adjective:</label>
<input type="text" id="adjective" name="adjective"><br><br>
<label for="adverb">Adverb:</label>
<input type="text" id="adverb" name="adverb"><br><br>
<button class="madlib-submit" type="submit">Create Mad Lib</button>
</form>
<div class="madlib-result" id="madLibResult"></div>
</div>
</section>
<div class="border"></div>
<footer>
<h3 class="footer-h">Luna Fernandez•Developer</h3>
<div class="icons">
<a href="https://www.linkedin.com/in/luna-fernandez/"
target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/LunaVolcan?tab=repositories"
target="_blank"> <i class="fa fa-github"></i></a>
<a href="mailto:lunafernandez222@gmail.com" target="_blank"> <i
class="fa-solid fa-envelope"></i></a>
</div>
<p class="footer-p"> ©2024 Luna Fernandez. All Rights Reserved</p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.40/moment-timezone-with-data.min.js"></script>
<script type="module" src="js/custom.js"></script>
</body>
</html>