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.5 KiB
HTML
110 lines
3.5 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: 0.0% 0.0% 0.0% 0 !important;
|
|
}
|
|
|
|
body{
|
|
color:Sienna;
|
|
}
|
|
#wrapper{
|
|
background-color:silver;
|
|
color: silver;
|
|
}
|
|
#colors{
|
|
font-size: 10px;
|
|
color:Ivory;
|
|
border: 1px solid Ivory;
|
|
border-radius: 15px;
|
|
padding: 30px;
|
|
line-height: 80%;
|
|
}
|
|
#inner-hleft-text{
|
|
background-color: silver;
|
|
}
|
|
#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> |