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.

114 lines
3.6 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">
<link rel="icon" type="image/x-icon" href="/img/favicon.png">
<style type="text/css">
.workimg {
box-shadow: sienna 2.5px 2.5px 10px -0.5px;
padding: 0.0% 0.0% 0.0% 0 !important;
}
body{
color:Sienna;
}
#wrapper{
background-color: ivory;
color: silver;
}
a{
color: magenta;
}
#colors{
font-size: 10px;
color: silver;
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:<a href='https://en.wikipedia.org/wiki/Sienna'>Sienna</a></p>
<p>background-color:<a href='https://en.wikipedia.org/wiki/Ivory'>Ivory</a></p>
<p>box-shadow:<a href='https://en.wikipedia.org/wiki/Magenta'>Magenta</a></p>
<p>border-color:<a href='https://en.wikipedia.org/wiki/Silver'>Silver</a></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/img2.JPG" class='workimg'/>
<img src="img/gradshow3.jpg" class='workimg'/>
<img src="img/gradshow4.jpg" class='workimg'/>
</div>
</div>
</section>
</div>
</body>
</html>