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.8 KiB
HTML

<!doctype html>
<html lang="en, ko">
<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/style.css">
</head>
<body>
<div id='wrapper'></div>
<a href='../' id='homebttn' class='ext'> << home</a>
<header>
<h1 id='project-title'>Project Title <a href='#hleft-text' class='show'></a></h1>
<h2 id='student-name'>Chaeyoung (Chae, Chaiyoung, 채영, 챙챙) Kim (김)</h2>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<object>
<div id='about-project'>
<p>Minor Stories is a multi-method publishing project giving space to vulnerable and intimate feelings that people experience yet often brush aside. In this project, I intend to share vulnerable feelings in the format of storytelling and explore various intimate storytelling methodologies encompassing many forms: from physical props to digital technologies. By doing so, I will propose intimate ways of storytelling as a careful and affective publishing methodology, which I term intimate publishing. How will people react if I whisper stories of my ugly-competitive side through the body of bread? (Figure 1) What kind of thoughts and emotions will occur if they read marginalized experiences from the gutter of a book? Will people open up and share their intimate stories as well? How can I disarm our cold, cold hearts and allow us to be more curious and caring? Can intimate publishing provide methods that shift audience and storyteller from a binary opposition of 'you' and 'me' to 'we' to make space for minor stories?</p>
</div>
<hr align='left'>
<div id='about-student'>
<p>Hello I'm chae</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://yourdomain.org' 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/thesis.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>