You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Minor Stories</title>
|
|
<meta name="description" content="XPUB">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../css/pages.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id='wrapper'></div>
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
<header>
|
|
<h1 id='project-title'> Minor Stories <a href='#hleft-text' class='show'> ⓘ</a></h1>
|
|
<h2 id='student-name'>Chaeyoung Kim</h2>
|
|
<div id='hleft-text'>
|
|
<a href=# id='back'>
|
|
<div id='inner-hleft-text'>
|
|
<div id='ihtp'>
|
|
<object>
|
|
<div id='about-project'>
|
|
<p><b><i>Minor Stories</i></b> is a multi-method publishing project giving space to vulnerable feelings and intimate gestures that people experience yet often brush aside. In the context of intimate publishing, each bubble of thought is blown with a specific intimate storytelling methodology to disarm our coldcold hearts.</p>
|
|
</div>
|
|
<hr align='left'>
|
|
<div id='about-student'>
|
|
<p>Some of my favourite emojis are... ٩(^‿^)۶ ʕʘ‿ʘʔ ᕦ(ò_óˇ)ᕤ *・゜゚・*:.。..。.:*・'(*゚▽゚*)'・*:.。. .。.:*・゜゚・*</p>
|
|
</div>
|
|
<a id='getback' class='int'> go back </a>
|
|
</object>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<section id='main'>
|
|
<div id="galleries">
|
|
<div id='work'>
|
|
<h3 class='gal-title'>Work</h3>
|
|
<ul id='publist'>
|
|
<li><a href='https://pzwiki.wdka.nl/mediadesign/User:Chae0/Final_presentation#CARD_MAKING' target="_blank" class='ext'>Project Website</a></li>
|
|
</ul>
|
|
<img src="img/img1.jpg" class='workimg'/>
|
|
<img src="img/img2.jpg" class='workimg'/>
|
|
<img src="img/img3.jpg" class='workimg'/>
|
|
<img src="img/img4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='pdf/(compressed)_spark(l)ing_curiosities_through_intimate_publishing.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
|
</ul>
|
|
<img src="img/pub1.jpg" class='workimg'/>
|
|
<img src="img/pub2.jpg" class='workimg'/>
|
|
<img src="img/pub3.jpg" class='workimg'/>
|
|
<img src="img/pub4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<img src="img/gradshow1.jpg" class='workimg'/>
|
|
<img src="img/gradshow2.jpg" class='workimg'/>
|
|
<img src="img/gradshow3.jpg" class='workimg'/>
|
|
<img src="img/gradshow4.jpg" class='workimg'/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html> |