A repo for my personal website
Adding in about page
+49
+17
about.html
+17
about.html
···
1
+
<!DOCTYPE html>
2
+
<html>
3
+
<head>
4
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
+
<meta charset="utf-8" />
6
+
<meta name="viewport" content="width=device-width" />
7
+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
8
+
<link rel="stylesheet" href="style.css" media="screen" />
9
+
<link href="fonts/righteous.css" rel="stylesheet" type="text/css" />
10
+
<link href="fonts/quicksand.css" rel="stylesheet" type="text/css" />
11
+
<script src="scripts/modernizr.js"></script>
12
+
<script src="scripts/showdown.min.js"></script>
13
+
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
14
+
<script src="scripts/about.js" type="module"></script>
15
+
</head>
16
+
<body></body>
17
+
</html>
+32
scripts/about.js
+32
scripts/about.js
···
1
+
import getBase from './base.js';
2
+
import parseMarkdown from './markdown.js';
3
+
import setupNavAnim from './nav_anim.js';
4
+
import setupLink from './link_setup.js';
5
+
6
+
(function() {
7
+
document.body.innerHTML = getBase(false);
8
+
document.querySelector('.site-content').innerHTML = `
9
+
<div class="page-desc">
10
+
<p class="markdown">"Creativity is an energy. It's a precious energy, and it's something to be protected. A lot of people take for granted that they're a creative person, but I know from experience, feeling it in myself, it is a magic; it is an energy. And it can't be taken for granted." --Ava DuVernay</p>
11
+
<img src="img/self.png" alt="" style="max-height:500px;" />
12
+
<p class="markdown">Every person is a story, and storyteller Cass Unterholzner is no different. They have been telling stories since they were younger. Their creative cravings have been sought after through !1[**short films**], !2[**acting**] and playing music in !2[**musical theatre**], !3[**developing**] and critiquing !3[**video games**], and !4[**writing**] and !4[**recording music**].\n\n\n\nCass is currently producing an !2[**audio drama podcast**] titled The Four Woods Podcast after developing it as a serial novel story with inspirations from the Harry Potter and Percy Jackson novels.\n\n\n\nEven before entering high school, Cass participated in the !1[**"Go Film!"**] workshop at the San Joaquin County Office of Education in Stockton, California learning about !1[**camera**], !1[**lighting**], and !1[**sound techniques**]. They worked with other teens to create and release a !1[**short film**], as the !1[**Gaffer**], the !1[**Foley Artist**], and a !1[**Sound Editor**]. In high school, Cass took a class expanding their !1[**film**] knowledge in creating the school's announcements. After graduating, they started a !1[**YouTube channel**] where they posted !1[**short videos**].\n\n\n\nAlong with working in !1[**film**], Cass also participated in !2[**musical theatre**]. They appeared in many productions starting in 2007 with !2[**"Dear Edwina Jr"**] at Stockton Civic Theatre as well as many !2[**church musicals**]. In 2009, Cass starred in !2[**"The Music Man"**] for a senior project in Manteca, California. Later, they were cast as !2[**Professor Quirrel**] and were set to be the !2[**Musical Director**] for a production of !2[**"A Very Potter Musical"**] while directing and developing a !2[**Murder Mystery Dinner**] containing mostly improvised scenes.\n\n\n\nCass has always been interested in !3[**video game development and design**] as they played them often throughout their adolescence. This interest flourished and inspired them to major in !3[**Computer Science**], first at San Joaquin Delta College and then University of the Pacific. They ended up switching their major to Media X to further pursue their passions. During their coursework, they worked with classmates to !3[**develop two games**]: a !3[**combat simulator**] for the tabletop role-playing game Dungeons and Dragons and a !3[**bullet-dodging game**] like the video game Cuphead. Cass intends to continue using !3[**video games**] as an alternate form of storytelling in the future.\n\n\n\n!4[**Music**] has always been part of Cass's life. Inspired by their older sister taking lessons, they decided to learn !4[**piano**] at age 5. They later picked up more instruments such as the !4[**clarinet**], the !4[**cello**], and the !4[**guitar**]. Cass was active in his !4[**high school's band**] program where they took to !4[**arranging**] and !4[**writing**] for their school's !4[**wind ensemble**] and !4[**jazz band**]. They also played !4[**cello**] often in college and assisted East Union High School's !2[**theatre class**] in a production of !2[**"Next to Normal."**] In 2019, Cass sent a video of him playing an !4[**original song**] to the University of the Pacific’s student association. This resulted in Cass playing both !4[**original**] and !4[**cover songs**] at their !4[**Brickyard Series concert**]. Cass now writes !4[**indie pop music**] in their spare time.\n\n\n\nCass hopes to further their storytelling career using their !1[**YouTube channel**] talking about !3[**gaming**], !4[**music**], and languages. Their free time consists of learning German, American Sign Language, Spanish, and Italian. When they're not crafting fantasy novels, Cass plays and runs sessions of various tabletop role-playing games for which they hope to develop a podcast in the future.</p>
13
+
</div>
14
+
`;
15
+
16
+
document.querySelectorAll('.cd-primary-nav li a').forEach((element, key, parent) => {
17
+
if (element.href.indexOf('about.html') != -1) {
18
+
element.classList.add('selected');
19
+
} else {
20
+
element.classList.remove('selected');
21
+
}
22
+
});
23
+
24
+
setupNavAnim(document);
25
+
parseMarkdown(document);
26
+
27
+
setTimeout(() => {
28
+
document.body.classList.add('loaded');
29
+
}, 150);
30
+
31
+
setupLink(document);
32
+
})();