Skip to content

Commit

Permalink
updated index, resume
Browse files Browse the repository at this point in the history
  • Loading branch information
elin001 committed Oct 22, 2023
1 parent d5cb452 commit 57e84b0
Show file tree
Hide file tree
Showing 8 changed files with 10,802 additions and 2 deletions.
Empty file added about.html
Empty file.
39 changes: 37 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,45 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ellie Lin</title>
<title>Ellie Lin - Visual Jounalist</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" rel="stylesheet">
<script type="text/javascript" src="script.js" defer></script>
</head>
<body>
<h1>🚧under construction🚧</h1>
<h1>Ellie Lin</h1>
<h3 style="font-style: italic;">Student, journalist</h3>
<div class="hamburger-menu">
<input type="checkbox" id="op" />
<div class="lower">
<label for="op">
<span></span>
<span></span>
<span></span>
</label>
</div>
<div class="overlay overlay-hugeinc">
<label for="op"></label>
<nav>
<ul>
<li><a href="https://ellie-lin.com/index.html">Home</a></li>
<li><a href="https://ellie-lin.com/resume.html">Resume</a></li>
<li><a href="https://ellie-lin.com/portfolio.html">Portfolio</a></li>
<li><a href="https://ellie-lin.com/about.html">About</a></li>
</ul>
</nav>
</div>
</div>

<main id="content">
<p style="font-size: 2.5em; margin-right: 600px; margin-bottom: 0px">
I'm a senior Journalism major at the University of Missouri. I like breaking down complex concepts into impactful, visual stories.
</p>

<p>

</p>

</main>
</body>
</html>
Binary file added media/animations.aep
Binary file not shown.
10,373 changes: 10,373 additions & 0 deletions media/ellie.ai

Large diffs are not rendered by default.

11 changes: 11 additions & 0 deletions portfolio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ellie Lin - Visual Journalist</title>
</head>
<body>

</body>
</html>
142 changes: 142 additions & 0 deletions resume.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ellie Lin - Visual Jounalist</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" rel="stylesheet">
<script type="text/javascript" src="script.js" defer></script>
</head>
<body>
<h1>Resume</h1>
<div class="hamburger-menu">
<input type="checkbox" id="op" />
<div class="lower">
<label for="op">
<span></span>
<span></span>
<span></span>
</label>
</div>
<div class="overlay overlay-hugeinc">
<label for="op"></label>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Resume</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
</div>
</div>

<main id="content">
<div class="resume">
<h2>Experience</h2>

<h3>Data Visuals Intern</h3>
<p class="resume-newsroom">Sacramento Bee, Sacramento (CA)</p>
<p class="resume-date">June 2023-August 2023</p>
<ul>
<li>Worked with R, Excel, QGIS and Datawrapper to design maps, charts and interactives for daily stories and long term projects</li>
<li>Wrote 8 data driven articles and designed graphics; generated just over 42,000 pageviews between June and August</li>
<li>Designed and animated motion graphics for scrollytelling elements in stories using Adobe After Effects and Google Earth Studio</li>
<li>Built an interactive visual dashboard for survey data of migrant farmworkers using SVGs, D3 and Datawrapper</li>
<li>Wrote two process articles for interactive visuals, including a quickstart guide for using the Census Bureau API via RStudio’s tidycensus package</li>
</ul>

<h3>Newsroom Content Creation TA</h3>
<p class="resume-newsroom">Missouri News Network, Columbia (MO)</p>
<p class="resume-date">January 2023-May 2023</p>
<ul>
<li>Served as a teaching assistant for the introductory newsroom content creation class at the University of Missouri</li>
<li>Taught underclassmen journalism students how to work with requisite hardware: DSLR and mirrorless cameras, audio equipment (Zoom audio recorders and Marantz recorders)</li>
<li>Taught underclassmen journalism students how to work with the Adobe Creative Suite</li>
<li>Helped brainstorm and refine story pitch ideas, edited drafts of stories in multiple forms of media</li>
</ul>

<h3>Shift Editor</h3>
<p class="resume-newsroom">KBIA(NPR), Vox Magazine, Columbia (MO)</p>
<p class="resume-date">August 2022-December 2022</p>
<ul>
<li>Wrote cut & copies on a 3-hour deadline that were broadcast to the greater mid-Missouri audience</li>
<li>Wrote, reported and voiced wraps on a dayturn deadline for both digital publication and over broadcast</li>
<li>Edited and published articles; built digital elements (pull quotes, fact boxes, social media embeds) within Blox CMS</li>
<li>Created feature videos for an online audience</li>
</ul>

<h3>Podcast Network Director</h3>
<p class="resume-newsroom">Mizzou Student Media, Columbia (MO)</p>
<p class="resume-date">July 2022-August 2023</p>
<ul>
<li>Created the Mizzou Student Media Podcast Network; built a framework for pitching, planning, producing, editing, branding and marketing student-created podcasts</li>
<li>Researched industry standards podcast production; interviewed 5 podcast professionals and consulted scholarly research on college students as audiences for podcasting</li>
<li>Planned and produced three sustaining podcasts</li>
<li>Instructed and trained 50 students on how to pitch a podcast</li>
</ul>

<h3>Digital Director</h3>
<p class="resume-newsroom">Mizzou Student Media, Columbia (MO)</p>
<p class="resume-date">May 2022-May 2023</p>
<ul>
<li>Inaugurated the role of digital director for Mizzou Student Media, a student-led media coalition</li>
<li>Consulted and supported staff at a legacy print outlet, a digital video outlet and campus radio station on how to create useful, audience-driven journalism</li>
<li>Assisted in rebranding a TV broadcast outlet into a digital video outlet</li>
<li>Instructed and trained dozens of staff members on photography, video and audio equipment</li>
<li>Hosted a training for creating digital journalism on a deadline</li>
<li>Aided in designing and executing a campus-wide audience survey</li>
</ul>

<h3>Audience Engagement Intern</h3>
<p class="reume-newsroom">The Texas Newsroom, Dallas (TX)</p>
<p class="resume-date">June 2022-August 2022</p>
<ul>
<li>Worked in NPR’s flagship statewide public radio collaboration with KERA, KUT, HPM and TPR</li>
<li>Researched and presented a statewide newsletter landscape report. Tracked over 150 newsletters in Texas for the duration of the internship</li>
<li>Monitored brand continuity across 7 different social media accounts</li>
<li>Aided in writing social media copy for Twitter, Instagram</li>
<li>Created both animated and static graphics about breaking news for Instagram stories, station homepages and article featured images</li>
</ul>

<h3>Visuals Director</h3>
<p class="resume-newsroom">The Maneater, Columbia (MO)</p>
<p class="resume-date">January 2022-May 2022</p>
<ul>
<li>Originated the position of visuals director at a traditional print outlet</li>
<li>Performed CMS maintenance and ensured web stories presented visual elements well</li>
<li>Identified organizational issues, overhauled and redesigned the Airtable story budget</li>
<li>Taught writing sections how to pitch and report visual stories; facilitated collaboration between writing and visuals sections on creating those stories</li>
<li>Organized and led a weekly pitch meeting for the data, graphics and multimedia sections</li>
</ul>

<h3>Multimedia Editor</h3>
<p class="resume-newsroom">The Maneater, Columbia (MO)</p>
<p class="resume-date">March 2021-May 2022</p>
<ul>
<li>Originated the position of multimedia editor at traditional print outlet</li>
<li>Created the framework and workflow for the incorporation of multimedia storytelling within print articles, from pitch to publication</li>
<li>Increased audience engagement for print articles with the attachment of multimedia packages</li>
<li>Taught writing section editors about how to pitch and integrate multimedia reporting within print articles</li>
<li>Recruited and managed a section of 15 reporters</li>
<li>Trained reporters on using photography, video and audio equipment as well as Adobe Creative Suite applications</li>
<li>Expanded social media presence to Youtube, Spotify and Tiktok. Increased engagement on these platforms by curating weekly videos and podcasts, culminating in thousands of views and hundreds of streams</li>
<li>Created and uploaded 31 videos with 2500+ views</li>
<li>Won best video at 2021-2022 Missouri College Media Association</li>
</ul>

<h2>Toolkit</h2>
<ul>
<li>Adobe Creative Cloud: After Effects, Audition, Illustrator, InDesign, Lightroom, Photoshop, Premiere, Xd</li>
<li>Coding languages: HTML, CSS, (some) Javascript, R/RStudio, After Effects scripts</li>
<li>Visualization: D3, Datawrapper, Flourish, Tableau</li>
</ul>

<h2>Education</h2>
<h3>University of Missouri</h3>
<p class="resume-newsroom">Bachelor of Journalism</p>
<p>Major: Journalism</p>
<p>Certificate: Media Technology and Design</p>
</div>

11 changes: 11 additions & 0 deletions script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
$(document).ready(function () {

$('.menu').click(function() {
$('.overlay').toggleClass('anim');
$(this).addClass('open')
});

$('.open').click(function(){
$('.overlay').toggleClass('reverse-animation');
})
});
Loading

0 comments on commit 57e84b0

Please sign in to comment.