Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

portfolio-website/ga.html

Go to file
 
 
Cannot retrieve contributors at this time
101 lines (90 sloc) 5.19 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Source+Sans+Pro&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<title>GA work</title>
<meta name="theme-color" content="#fafafa">
</head>
<body>
<div class="canvas">
<section class="navbar">
<nav>
<img src="img/yucheng-logo-v1.png" alt="personal logo" height= "72px">
<div class="nav" style="font-size: 1.2em;">
<a href="" class="hvr-underline-from-left" style="font-weight: bold">Work</a>
<a href="" class="hvr-underline-from-left" style="font-weight: bold">About</a>
<a href=""class="hvr-underline-from-left" style="font-weight: bold">Resume</a>
</div>
</nav>
</section>
<section class="content">
<br><br><br>
<section>
<img class="banner" src="img/UConn-Innovation-Partnership_SOM_MagdaBiernat_8374-1-1920x800.jpg">
</section>
<br><br>
<section>
<h1 style="font-weight:700">GRADUATE ASSISTANT WORK</h1>
<p>For my MFA degree, I am offered an appointment as a graduate assistant at the Innovation Partnership Building at UConn Tech Park. My responsibility in general is to take advantage of visual communication to construct bridges between science and arts. Also help explore and visualize the stories happening in this amazing and scientific building.</p>
<p>I am able to utilize my digital media skills to apply creative concepts to scientific inquiries. My works include poster design, infographics, animations, etc.</p>
</section>
<br><br><br><br>
<section>
<h2>Poster Design</h2>
<p>In order to give visitors who tour the building a fresh and visual appealing experience, I worked with one of my colledge and redesignedva series of 18 posters highlighting the state-of-the-art electron microscopy equipment at IPB.</p>
<p><strong style="font-size: 1.2em; float: right" class="hvr-underline-from-left" >Read More</strong></p>
<br><br>
<div class="wrapper1">
<div><img src="img/IPB_Verios.png" style="width:100%"></div>
<div><img src="img/IPB_Nanolab.png" style="width:100%"></div>
<div><img src="img/IPB_Orion.png" style="width:100%"></div>
<div><img src="img/IPB_Tecnai.png" style="width:100%"></div>
<div><img src="img/IPB_Versa.png" style="width:100%"></div>
<div><img src="img/IPB_Themis.png" style="width:100%"></div>
</div>
</section>
<br><br><br><br>
<section>
<h2>Animated GIFs and Illustrations for LinkedIn Post</h2>
<p>Due to the Covid-19, the focus of my work shifted from offline to online. I'm responsible for some of the digital marketing work. I created imaginative animated GIFs and illustrations based on microscopy images and post LinkedIn content updates weekly with the theme of ‘Art Meets Science’.</p>
<p><strong class="hvr-underline-from-left" style="font-size: 1.2em; float: right">Read More</strong></p>
<br><br>
<div class="gallery">
<div class="gallery_item1"><img class="gallery_img" src="img/constellations.gif"></div>
<div class="gallery_item2"><img class="gallery_img" src="img/anim_2_v9.gif"></div>
<div class="gallery_item3"><img class="gallery_img" src="img/Semiconductor.gif"></div>
<div class="gallery_item4"><img class="gallery_img" src="img/CARBON CLOTH_1.jpg"></div>
<div class="gallery_item5"><img class="gallery_img" src="img/CARBON CLOTH_2.jpg"></div>
<div class="gallery_item6"><img class="gallery_img" src="img/ebeam-2.gif"></div>
</div>
</section>
<br><br><br><br>
<section>
<h2>Motion Graphics</h2>
<p>The short motion graphic will be displayed on the large video wall at the entrance of the IPB building. It aims to attract the visitor's attention and convey the idea of inclusivity and diversity.</p>
<p><strong class="hvr-underline-from-left" style="font-size: 1.2em; float: right">Read More</strong></p> <br><br>
<video class="video-ipb" autoplay>
<source src="video/UConn Affiliates Animation.mp4">
Your browser does not support the video.
</video>
</section>
</div>
</section>
</div>
</body>
</html>