-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
299 lines (260 loc) · 14.2 KB
/
resume.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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<div id="resume-print-container" style="overflow-y: clip; max-height:11in; height:1056px; background-color:white;">
<!-- The actual resume layout -->
<div class="resume-container resume-template">
<div id="resume-template-remove-print" class="resume-template-remove-print">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/vsalvino/computer-modern@main/fonts/serif.css">
<style>
/* Global Styles */
#skills-list-flex-container {
display: flex;
flex-wrap: wrap;
gap: 5px;
font-size: 0.85em;
}
.resume-template * {
box-sizing: content-box;
margin: 0;
font-family: 'Computer Modern Serif';
color:black;
font-size: 11pt;
}
.resume-template {
max-width: none;
padding: 0.8cm 1.3cm 0.8cm 1.3cm;
}
/* Contact Section */
.resume-template-contact-section {
text-align: center;
margin-bottom: 10px;
}
.resume-template-full-name {
font-family: 'Computer Modern Serif';
font-size: 26pt;
font-weight: 400;
margin: 0;
}
.resume-template-contact-section p {
margin: 5px 0;
}
.resume-template-contact-section a {
color: #000;
text-decoration: underline;
}
/* Section Headings */
.resume-template-experience-section h2,
.resume-template-projects-section h2,
.resume-template-leadership-section h2,
.resume-template-education-section h2,
.resume-template-skills-section h2,
.resume-template-custom-section h2,
.resume-template-summary-section h2,
.resume-template-certifications-section h2 {
font-size: 11pt;
font-variant: small-caps;
font-weight: normal;
border-bottom: 1px solid #5f5d5d;
padding-bottom: 5px;
margin-bottom: 10px;
color: #000;
margin-top: 0;
text-transform: uppercase;
}
/* Education and Certification Entry Margins */
.resume-template-education-section .education-entry {
margin-bottom: 10px !important;
}
.resume-template-certifications-section .certification-entry {
margin-top: 10px;
margin-bottom: 10px;
}
/* Experience, Projects, Leadership, Skills Entry Margins */
.custom-section-entry,
.resume-template-experience-section .experience-entry,
.resume-template-projects-section .project-entry,
.resume-template-leadership-section .leadership-entry,
.resume-template-skills-section .skills-entry {
margin-bottom: 10px;
margin-top: -5px;
margin-left: 15px;
}
/* Custom Section Container */
#resume-template-custom-sections {
margin-top: 10px;
}
.custom-entry-summary li{
margin-left: 36px;
}
/* Row container for the two-column layout */
.custom-entry-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
/* Left Column: Title, Description, Website */
.custom-entry-left {
display: flex;
flex-direction: column;
flex: 1;
margin: 0;
padding: 0;
}
.custom-entry-title {
font-weight: bold;
margin-bottom: 3px;
}
.custom-entry-description {
margin-bottom: 3px;
}
.custom-entry-website {
margin-bottom: 3px;
font-style: italic;
color: blue;
text-decoration: underline;
}
/* Right Column: Location and Date */
.custom-entry-right {
display: flex;
flex-direction: column;
text-align: right;
min-width: 150px;
margin-left: 10px;
}
.custom-entry-location,
.custom-entry-date {
font-style: italic;
}
/* Summary */
.custom-entry-summary {
width: 100%;
}
/* Other styles for headers, lists, etc. remain as defined below... */
.exp-header,
.leadership-header,
.edu-header,
.cert-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.cert-dates,
.cert-credential-url {
}
.cert-org {
font-style: italic;
}
.cert-name,
.position,
.project-name,
.degree {
font-weight: bold;
}
.location {
font-weight: 500;
text-align: right;
}
.school {
font-style: italic;
text-align: left;
}
.dates,
.graduation-date {
font-style: italic;
font-size: 11pt;
text-align: left;
display: flex;
font-size: 11pt;
font-weight: normal;
font-style: italic;
padding: 0;
margin-top: 0;
margin-bottom: 0;
justify-content: space-between;
}
.exp-header .location:empty {
display: none;
}
.exp-header .location:empty + .dates {
margin: 0;
text-align: right;
}
.cert-header {
margin-left: 15px;
}
.resume-template-experience-section ul,
.resume-template-projects-section ul,
.resume-template-leadership-section ul,
.resume-template-education-section ul,
.resume-template-certifications-section ul {
list-style: disc;
padding-left: 35px;
margin-top: 0;
margin-bottom: 10px;
}
.resume-template-experience-section ul li,
.resume-template-projects-section ul li,
.resume-template-leadership-section ul li,
.resume-template-education-section ul li,
.resume-template-certifications-section ul li {
line-height: 1.3;
}
.certification-entry a {
color: #000;
}
.skills-entry {
align-items: baseline;
margin-top: 5px;
margin-bottom: 5px !important;
font-size: 11pt;
}
.skills-label {
font-weight: bold;
margin-right: 5px;
white-space: nowrap;
}
#resume-template-summary-text {
word-wrap: break-word;
overflow-wrap: break-word;
margin-bottom: 10px;
font-size: 11pt;
}
</style>
<!-- Contact Information Section -->
<div id="resume-template-contact-section" class="resume-template-contact-section">
<h1 id="resume-template-full-name" class="resume-template-full-name">William Zhao</h1>
<!-- Empty <p> so we can dynamically fill with phone, email, etc. -->
<p><a href="tel:a" target="_blank">a</a> | <a href="mailto:[email protected]" target="_blank">[email protected]</a> | <a href="https://a" target="_blank">a</a> | <a href="https://a" target="_blank">a</a></p>
</div>
<!-- Summary Section -->
<section id="resume-template-summary-section" class="resume-template-summary-section">
<h2 data-summary-title-renamed="Summary" id="resume-template-summary-rename">Summary</h2>
<div id="resume-template-summary-text"><p>Dynamic professional with a strong foundation in sensory analysis and food safety, skilled in culinary techniques and quality control. Adept in taste evaluation and sensory evaluation processes, known for critical thinking and adaptability. Excels in communication and team collaboration, seeking to apply these skills in dynamic environments, potentially within the sports and entertainment industry.</p></div>
</section>
<!-- Experience Section -->
<section id="resume-template-experience-section" class="resume-template-experience-section">
<h2 data-experience-renamed="Experience" id="resume-template-experience-rename">Experience</h2>
<div class="experience-entry"><div class="exp-header"><div class="row"><div class="position">Audience Engagement Specialist</div><div class="dates">Self-Employed</div></div><div class="row"><div class="location">September 2023 - May 2024</div><div class="location">Santa Cruz, California, United States</div></div></div><ul>
<li>Led audience engagement initiatives by developing evaluation processes for sports events, improving fan interaction metrics by 40% and enhancing data collection efficiency.</li><li>Created innovative profiling techniques for fan experience at basketball games, boosting engagement scores by 30% and ensuring alignment with entertainment safety standards.</li><li>Collaborated with event organizers and sports professionals to refine quality assessment techniques, achieving a 20% increase in event quality control accuracy and establishing robust reporting tools.</li></ul></div></section>
<!-- Projects Section -->
<section id="resume-template-projects-section" class="resume-template-projects-section">
<h2 data-projects-title-renamed="Projects" id="resume-template-projects-rename">Projects</h2>
<div class="project-entry"><div class="project-name">Interactive Performance Art: 'The Engagement'</div><ul><li>Developed innovative culinary flavor profiling and shark species identification techniques, boosting engagement and attendance by 40% while ensuring food safety standards were met and enhancing media coverage in sports entertainment.</li><li>Conducted comprehensive data collection and sensory analysis on audience preferences, improving interaction quality by 50% and refining public taste evaluation methodologies.</li><li>Executed sensory evaluation processes using advanced digital feedback tools, increasing feedback accuracy and audience satisfaction by 30% while demonstrating exceptional attention to detail during sports-themed events.</li></ul></div></section>
<!-- Skills Section -->
<section id="resume-template-skills-section" class="resume-template-skills-section">
<h2 data-skills-title-renamed="Skills" id="resume-template-skills-rename">Skills</h2>
<div class="skills-entry" style="margin-bottom: 5px;"><strong>Hard Skills:</strong> Sports Analytics, Event Management, Data Collection, Quality Control, Food Safety</div><div class="skills-entry" style="margin-bottom: 5px;"><strong>Soft Skills:</strong> Adaptability, Communication Skills, Team Collaboration, Attention to Detail, Critical Thinking</div></section>
<!-- Certifications Section -->
<section id="resume-template-certifications-section" class="resume-template-certifications-section">
<h2 data-certifications-title-renamed="Certifications" id="resume-template-certifications-rename">Certifications</h2>
<div class="certification-entry"><div class="cert-header" style="display: flex; justify-content: space-between; align-items: center;"><div style="display: flex; flex-direction: column;"><div class="cert-name">Certified Java Developer</div><div class="cert-org">Certified Java Developer</div></div><div style="display: flex; flex-direction: column; align-items: flex-end;"><div class="cert-dates">Certified Java Developer - Certified Java Developer</div></div></div></div></section>
<!-- Education Section -->
<section id="resume-template-education-section" class="resume-template-education-section">
<h2 data-education-title-renamed="Education" id="resume-template-education-rename">Education</h2>
<div class="education-entry"><div class="edu-header"><div class="degree">University of California Santa Cruz</div><div class="graduation-date">Graduation 2027</div></div><div class="school">University of California Santa Cruz</div></div></section>
<!-- Custom sections remain unchanged -->
<!-- Custom Section Container (if any custom sections are dynamically inserted, they will not be part of the renaming/reordering logic) -->
<section class="resume-template-custom-section" data-custom-section-id="62f1482a-3b2f-4ede-928b-2c33e08e023e" id="resume-template-custom-62f1482a-3b2f-4ede-928b-2c33e08e023e"><h2>Custom Section</h2><div class="custom-section-entry" style="display: flex; flex-direction: column; width: 100%;"><div class="custom-entry-row" style="display: flex; width: 100%; justify-content: space-between; align-items: flex-start;"><div class="custom-entry-left" style="display: flex; flex-direction: column; flex: 1 1 0%;"><div class="custom-entry-title">Campus Event App Development food safety</div><div class="custom-entry-description">Verve Coffee Roasters</div></div><div class="custom-entry-right" style="display: flex; flex-direction: column; text-align: right;"><div class="custom-entry-location">Santa Cruz, California, United States</div><div class="custom-entry-date">September 2021 - Present</div></div></div><div class="custom-entry-summary" style="width: 100%;"><ul><li>Executed user surveys to collect requirements, integrating feedback into app design and functionality for an enhanced user experience. attention to detail</li><li> Utilized Agile methodologies to manage project timelines and outputs, completing the project two weeks in advance. Showcased the final mobile app to the university tech board, receiving accolades for its usability and innovative features. </li><li>Led a team of four in developing a mobile app for effective campus event management and attendance tracking. attention to detail\</li><li>adaptibility shark species identification food safety food safety food safety food safety</li></ul></div></div></section><section class="resume-template-custom-section" data-custom-section-id="8dcd7e27-b4b5-40bb-955e-596270027ecf" id="resume-template-custom-8dcd7e27-b4b5-40bb-955e-596270027ecf"><h2>Custom Section</h2><div class="custom-section-entry" style="display: flex; flex-direction: column; width: 100%;"><div class="custom-entry-row" style="display: flex; width: 100%; justify-content: space-between; align-items: flex-start;"><div class="custom-entry-left" style="display: flex; flex-direction: column; flex: 1 1 0%;"><div class="custom-entry-title">1</div><div class="custom-entry-description">2</div></div><div class="custom-entry-right" style="display: flex; flex-direction: column; text-align: right;"></div></div><div class="custom-entry-summary" style="width: 100%;"><p>food safety</p></div></div></section></div>
</div>
</div>
</html>