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.

110 lines
3.3 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sobremesa</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/pages.css">
<style type="text/css">
.workimg {
box-shadow: magenta 2.5px 2.5px 10px -0.5px;
padding: none;
}
body{
color:Sienna;
}
#wrapper{
background-color:Ivory;
color: silver;
}
#colors{
color: silver;
font-size: 10px;
border: 1px solid silver;
border-radius: 15px;
padding: 30px;
line-height: 80%;
}
#inner-hleft-text{
background-color: Ivory;
}
#about-project{
color: sienna;
}
#about-student{
color: sienna;
}
</style>
</head>
<body>
<div id='wrapper'></div>
<a href='../' id='homebttn' class='ext'> << home</a>
<header>
<h1 id='project-title'>Sobremesa<a href='#hleft-text' class='show'></a></h1>
<h2 id='student-name'>Floor van Meeuwen</h2>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<object>
<div id='about-project'>
<p>The time spend after dinner at the table is the English translation of the spanish word "Sobremesa". </p>
<p>Through various forms of research the project Sobremesa came in to being. 1: research on "understanding the materiality and the invisible environmental impact of self-publishing" in the thesis, 2: publishing a collection of thoughts for/how self-publishers (to) balance the struggle of publishing in the climate crisis era and 3: gathering all contemplations from the previous to create an open communal space in the shape of a dining and reading table. </p>
<p>The end product, the table, serves as a publication itself. With traces of texts engraved on the surface. The focus in the whole project is on re-using materials. A thoughtfull sobremesa is created by emphasizing on sharing publications, all the wood collected from trash en serving leftover food.</p>
</div>
<hr align='left'>
<div id='about-student'>
<p>Floor van Meeuwen (Hefshuizen, 1991) is in limbo between visual design, sculpting, printing and organising events for and by artists.</p>
<div id='colors'>
<h2>CSS color table</h2>
<p>color:Sienna</p>
<p>background-color:Ivory</p>
<p>box-shadow:Magenta</p>
<p>border-color:Silver</p>
</div>
</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.png" 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'>Thesis</a></li>
</ul>
</div>
<div id='gradshow'>
<h3 class='gal-title'>Graduation Show</h3>
<img src="img/table_dinner.png" 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>