breakwaters.html

<!doctype html>
<html class="no-js" lang="">
<link rel="icon" href="favicon.gif" type="image/png">  
<head>
	<title>breakwaters</title>
	<style type="text/css">
		a {text-decoration: none; color: #a1a1a1;}
		a:hover, ::selection {text-decoration: none; color: #ccc; background-color: #efefef;}
		h2 {font-weight: 100; background-color: #efefef;}
		hr {border-width:0; border-top: 1px dotted #fff}
		summary {outline: none;}
		img {display: grid; border: 1px solid #ccc; width: auto; height: auto;}
		mark {background: #ccc; color:#fff;}
		table, th, td {border: 0px;}
		tt {color: #3d3d3d; -webkit-font-smoothing: none;}
		::-webkit-details-marker {display: none;}
		.img2 {display: grid; justify-content: center; grid-template-columns: 1fr 1fr;}
		.img3 {display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr;}
	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:title" content="pluslorem">
	<meta property="og:description" content="osa uveine">
	<meta property="og:image" content="https://pluslorem.wiki/lexicon/media/images/000.png">
	<meta property="og:image:type" content="image/png">
	<meta property="og:image:width" content="300">
	<meta property="og:image:height" content="300">
</head>
<tt>
<body>
	<header><a href="./index"><h1>∴</h1></a></header>
	<details open>
		<summary>visual/3d/object/breakwaters</summary>
		<br>
		<table style="width:100%;">
			<tr>
				<td><a href="./audio">audio</a></td>
				<td><a href="./3d">3d</a>/</td>
				<td><a href="./character">character</a></td>
				<td><a href="./breakwaters">breakwaters</a>/</td>
			</tr>
			<tr>
				<td><a href="./conceptual">conceptual</a></td>
				<td><a href="./design">design</a></td>
				<td><a href="./object">object</a>/</td>
			</tr>
			<tr>
				<td><a href="./visual">visual</a>/</td>
				<td><a href="./illustration">illustration</a></td>
				<td><a href="./structure">structure</a></td>
			</tr>
			<tr>
				<td></td>
				<td><a href="./interactive">interactive</a></td>
			</tr>
			<tr>
				<td></td>
				<td><a href="./photography">photography</a></td>
			</tr>
			<tr>
				<td></td>
				<td><a href="./video">video</a></td>
			</tr>
		</table>
		<br>
	</details>
	<hr style="width:100%;text-align:left;margin-left:0">
	<h2>these breakwater objects are the result of a collaboration with <a href="https://instagram.com/www_wdwrd">caleb woodward</a>, as we were both inspired by the artificial structures used in coastal management. the breakwaters can be purchased as LINE stickers <a href="https://store.line.me/stickershop/product/12918234">here</a>.</h2>
	<hr style="width:100%;text-align:left;margin-left:0">
	<details open>
		<summary><mark>2020.08</mark> <i>breakwater stickers</i></summary>
		<br>
		models by <a href="https://instagram.com/www_wdwrd">caleb woodward</a>, textures by osa uveine
	</details>
	<p>
		<img src="./lexicon/media/images/357.png" style="width:100%;">
	</p>
	<hr style="width:100%;text-align:left;margin-left:0">

	<details open>
		<summary><mark>2020.08</mark> <i>antifer, kolos, & trilong</i></summary>
		<br>
		personal favorites
	</details>
	<p><div class="img3">
		<img src="./lexicon/media/images/358.png" style="width:100%">
		<img src="./lexicon/media/images/359.png" style="width:100%">
		<img src="./lexicon/media/images/360.png" style="width:100%">
	</div></p>
	<br>
	<hr style="width:100%;border-width:1; border-top: 1px dotted #3d3d3d">
	<p align="left"><a href="./about">about</a> | <a href="./deuveir">contact</a> | <a href="https://github.com/deuveir/deuveir.github.io">source</a></p>
</body>
</tt>