<!DOCTYPE html>
<html><head>
	<title>Mathew Dryhurst</title>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="minimal-ui">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0">
		<meta name="description" content="">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
	<link rel="manifest" href="/manifest.json">
	<meta name="theme-color" content="#ffffff">
	<meta name="msapplication-config" content="/assets/browserconfig.xml">
	<meta name="theme-color" content="#ffffff">
	
	<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
	

</head>
<body>

	<style>
		

		* {
			box-sizing: border-box;
			font-smoothing: antialiased;
			-webkit-font-smoothing: antialiased;
		}

		body {
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			font-size: 16px;
			line-height: 20px;
			font-family: 'work sans', regular;
			font-weight: normal;
			background: white;
		}

		a {
			color: inherit;
			text-decoration: none;
			padding-bottom: 2px;
			display: inline-block;
			pointer-events: auto;
		}

		#left a:hover {
			text-decoration: none;
			color: red;
		}

		#right a:hover {
			text-decoration: none;
			color: red;
		}

		span {
			cursor: default;
		}

		section {
			margin-bottom: 30px;
		}


		.flexbox-column {
		  display: flex;
			width: 100%;
			padding: 30px;
		}

		.flexbox-column {
		    background-color: #fff;
		    color: black;
		    position: relative;
		  }

		.flexbox-content {
		  display: flex;
		  flex-direction: column;
		  z-index: 2;
		  pointer-events: none;
		}

		.flexbox-container {
			height: 100%;
		}

		.flexbox-container > div:first-child {
			background-color: #FFF;
			color: black;
		}

				@media (min-width: 768px) {
		  .flexbox-container {
			    display: flex;
		   }
		  .flexbox-column {
		  	min-height: 100%;
		    width: 50%;
		    background-color: #ffff;
		    color: black;
		  }
		}

	
		.blink {
		  animation: blinker 1.3s infinite;
		}

		@keyframes blinker {
		  0% { opacity: 1;}
		  40% { opacity: 0; }
		  100% { opacity: 1; }
		}

		#fw-feed-items-scroll-area {
			background-color: rgba(0,0,0,.5);
			background-image: none;
			width: 1px;
			min-width: 100%;
			overflow: hidden;
		}


#fw-feed-items .fw-feed-item-link {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}


	</style>


  <div class="flexbox-container">
    <div class="flexbox-column">
      <div class="flexbox-content" id="left">
      <section>
				
				<span style="border-bottom: 1px solid red; padding-bottom: 2px;">Teaching</span>
		</section>		
				
				
		<section>		
			<a href="https://tisch.nyu.edu/clive-davis-institute" target="_blank">NYU Clive Davis Institute of Recorded Music</a><br>
				<a href="https://egs.edu/" target="_blank">European Graduate School</a><br>
				<a href="https://strelka.com/" target="_blank">Strelka Institute</a><br>


			</section>
			
			<section>
							<span style="border-bottom: 1px solid red; padding-bottom: 2px;">Art</span>
							
					</section>	
			
			<section>
				
				<a href="https://hollyherndon.com" target="_blank">Holly Herndon</a><br>
				<a href="https://patreon.com/interdependence" target="_blank">Interdependence podcast</a><br>
				<a href="https://guild.is" target="_blank">Guild</a><br>

				
			</section>
			<section>
				<a href="https://twitter.com/matdryhurst" target="_blank">Twitter</a><br>
				<a href="https://www.instagram.com/matdryhurst/" target="_blank">Instagram</a><br>
				<a href="https://www.dropbox.com/s/vtzd4uumdhcmqkh/Mat%20Dryhurst%20Bio%202019.pdf?dl=0" target="_blank">Bio</a>/<a href="https://www.dropbox.com/s/nm5bh5xgy8kjlrg/MatDryhurst_headshot.jpg?dl=0" target="_blank">Img</a><br>
				
			</section>
			
			<section><a href="https://desktop.12app.ch/articles/24890115" target="_blank"><img src="http://www.mathewdryhurst.com/img/dasmagazin.jpg" alt="das magazin cover" style="width: 250px;"></a></section>
			
      </div>

    	</a>
    </div>

    <div class="flexbox-column">

<section>
				
				<a href="https://feeds.pinboard.in/rss/secret:34be7ee0d6400758817a/u:matdryhurst/t:mat_site/" target="_blank"><span style="border-bottom: 1px solid red; padding-bottom: 2px;">ACTIVITY</span></a>
				<!-- start feedwind code --> <script type="text/javascript" src="https://feed.mikle.com/js/fw-loader.js" data-fw-param="117057/"></script> <!-- end feedwind code -->
		</section>		
				
    <div class="flexbox-content" id="right" href="">


    	</a>
    </div>
  </div>


</body></html>