Ramsey Nasser
1 year ago
16 changed files with 289 additions and 211 deletions
@ -0,0 +1,3 @@ |
|||
<footer> |
|||
© 2021–2024 The EMMA Technology Cooperative |
|||
</footer> |
|||
@ -0,0 +1,12 @@ |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>EMMA Technology Cooperative</title> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<meta name="description" |
|||
content="EMMA is a NYC-based worker-owned technology cooperative. We develop software for clients in the video game and interactive media art industries."> |
|||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> |
|||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> |
|||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> |
|||
<link rel="manifest" href="/site.webmanifest"> |
|||
<link rel="stylesheet" type="text/css" href="/style.css" /> |
|||
</head> |
|||
@ -0,0 +1,9 @@ |
|||
<section id="home" class="title-font"> |
|||
<div class="left"> </div> |
|||
<div class="right"> |
|||
<video src="/assets/home/emma.mp4" playsinline muted autoplay loop></video> |
|||
</div> |
|||
<div class="title"> |
|||
emma<br>technology<br>cooperative |
|||
</div> |
|||
</section> |
|||
@ -1,149 +1,153 @@ |
|||
<section id="members" class="members andy"> |
|||
<div class="content"> |
|||
<h1>Andy Wallace</h1> |
|||
<p>Andy is an independent game designer and creative coder who |
|||
lives in NYC. He is also a founding member of the non-profit |
|||
Death By Audio Arcade collective. He received his MFA from |
|||
Parsons The New School For Design in 2012, and worked for a few |
|||
years at the tiny NYC game company Golden Ruby Games. After |
|||
that, he was the director of the Digital Game Design & |
|||
Development program at Long Island University Post Campus. And |
|||
now he is available to work on your projects!<br> |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:andy@emma.coop"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="twitter" href="https://twitter.com/Andy_Makes"> |
|||
<svg> |
|||
<use href="#icon-twitter" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="tumblr" href="https://andymakesgames.tumblr.com/"> |
|||
<svg> |
|||
<use href="#icon-tumblr" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="mastodon" href="https://mastodon.art/web/@andymakes"> |
|||
<svg> |
|||
<use href="#icon-mastodon" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://github.com/andymasteroffish"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/andy-wallace-084885291/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://andymakes.com/"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<h1>Andy Wallace</h1> |
|||
<img class="high-contrast" src="/assets/members/andy.jpg"> |
|||
<p>Andy is an independent game designer and creative coder who lives in NYC. |
|||
He is also a founding member of the non-profit Arcade Commons |
|||
collective. He received his MFA from Parsons The New School For Design in |
|||
2012, and worked for a few years at the tiny NYC game company Golden Ruby |
|||
Games. After that, he was the director of the Digital Game Design & |
|||
Development program at Long Island University Post Campus. And now he is |
|||
available to work on your projects! |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:andy@emma.coop"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="twitter" href="https://twitter.com/Andy_Makes"> |
|||
<svg> |
|||
<use href="#icon-twitter" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="tumblr" href="https://andymakesgames.tumblr.com/"> |
|||
<svg> |
|||
<use href="#icon-tumblr" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="mastodon" href="https://mastodon.art/web/@andymakes"> |
|||
<svg> |
|||
<use href="#icon-mastodon" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://github.com/andymasteroffish"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/andy-wallace-084885291/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://andymakes.com/"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
<section class="members gwen"> |
|||
<div class="content"> |
|||
<h1>Gwen Pasquarello</h1> |
|||
<p>Gwen is a creative technologist, artist, and livecoder. She |
|||
has professional installation experience in theme parks, touring |
|||
entertainment, and experiential advertising. She has development |
|||
experience in a variety of mobile and desktop games. In her |
|||
practice she aims to explore the ways in which interaction |
|||
between the audience and the art can create meaning.<br> |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:gwen@emma.coop"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://mygit.link/gwen"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/gwenpasquarello/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://gwenpri.me/"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<a rel="me" title="mastodon" href="https://www.librepunk.club/@gwenprime"> </a> |
|||
</ul> |
|||
</div> |
|||
<h1>Gwen Pasquarello</h1> |
|||
<img class="high-contrast" src="/assets/members/gwen.png"> |
|||
<p>Gwen is a creative technologist, artist, and livecoder. She has |
|||
professional installation experience in theme parks, touring entertainment, |
|||
and experiential advertising. She has development experience in a variety of |
|||
mobile and desktop games. In her practice she aims to explore the ways in |
|||
which interaction between the audience and the art can create meaning.<br> |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:gwen@emma.coop"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://mygit.link/gwen"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/gwenpasquarello/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://gwenpri.me/"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<a rel="me" title="mastodon" href="https://www.librepunk.club/@gwenprime"> </a> |
|||
</ul> |
|||
</section> |
|||
<section class="members ramsey"> |
|||
<div class="content"> |
|||
<h1>Ramsey Nasser</h1> |
|||
<p> |
|||
Ramsey is an award-winning Lebanese game designer, computer |
|||
scientist, and educator with over a decade of experience building |
|||
captivating experiences at the edge of what is technically possible. |
|||
His work includes museum installations, programming languages and |
|||
compilers, slapstick physical games, politically challenging web |
|||
art, and ground-breaking research into the cultural baggage of |
|||
computing. |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:ramsey@emma.coop"> |
|||
<svg><use href="#icon-envelope" /></svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" rel="me" title="mastodon" href="https://merveilles.town/@nasser"> |
|||
<svg><use href="#icon-mastodon" /></svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://git.sr.ht/~nasser/"> |
|||
<svg><use href="#icon-git" /></svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/ramsey-nasser-02070b291/"> |
|||
<svg><use href="#icon-linkedin" /></svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://nas.sr/"> |
|||
<svg><use href="#icon-globe" /></svg> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<h1>Ramsey Nasser</h1> |
|||
<img class="high-contrast" src="/assets/members/ramsey.png"> |
|||
<p> |
|||
Ramsey is an award-winning Lebanese game designer, computer scientist, |
|||
and educator with over a decade of experience building captivating |
|||
experiences at the edge of what is technically possible. His work |
|||
includes museum installations, programming languages and compilers, |
|||
slapstick physical games, politically challenging web art, and |
|||
ground-breaking research into the cultural baggage of computing. |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:ramsey@emma.coop"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" rel="me" title="mastodon" href="https://merveilles.town/@nasser"> |
|||
<svg> |
|||
<use href="#icon-mastodon" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="git" href="https://git.sr.ht/~nasser/"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/ramsey-nasser-02070b291/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a target="_blank" title="website" href="https://nas.sr/"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
@ -0,0 +1,18 @@ |
|||
<div id="menu"> |
|||
<a href="#menu" class="open"> |
|||
<span></span> |
|||
<span></span> |
|||
<span></span> |
|||
</a> |
|||
<a href="##" class="close"></a> |
|||
<nav class="title-font"> |
|||
<ul> |
|||
<li><a href="#home">Home</a></li> |
|||
<li><a href="#about">About</a></li> |
|||
<li><a href="#work">Work</a></li> |
|||
<li><a href="#members">Members</a></li> |
|||
<li><a href="#contact">Contact</a></li> |
|||
<li><a target="_blank" href="https://blog.emma.coop/">Blog</a></li> |
|||
</ul> |
|||
</nav> |
|||
</div> |
|||
@ -1,22 +1,21 @@ |
|||
<section id="work" class="slides work"> |
|||
<div class="content slide"> |
|||
<h1>What Brings You In</h1> |
|||
<img src="/assets/work/wbyi.jpg"> |
|||
<p> |
|||
EMMA developed the software behind <a |
|||
href="https://www.leslieting.com/what-brings-you-in">What Brings You |
|||
In</a>, an experimental interactive digital performance by |
|||
artist <a href="https://www.leslieting.com/">Leslie Ting</a>. |
|||
</p> |
|||
</div> |
|||
<div class="content slide"> |
|||
<img src="/assets/work/wbyi2.jpg"> |
|||
<h1>What Brings You In</h1> |
|||
<p> |
|||
EMMA developed the software behind <a |
|||
href="https://www.leslieting.com/what-brings-you-in">What Brings You |
|||
In</a>, an experimental interactive digital performance by |
|||
artist <a href="https://www.leslieting.com/">Leslie Ting</a>. |
|||
</p> |
|||
</div> |
|||
</section> |
|||
<section id="work" class="work"> |
|||
<h1><a target="_blank" href="https://www.leslieting.com/what-brings-you-in">What Brings You In</a></h1> |
|||
<video autoplay loop muted playsinline src="/assets/work/wbyi.mp4"></video> |
|||
<p> |
|||
An experimental interactive digital performance series by <a href="https://www.leslieting.com/">Leslie Ting</a> |
|||
</p> |
|||
</section> |
|||
<section class="work"> |
|||
<h1><a target="_blank" href="https://giantfoxstudios.com/portfolio_page/swing-striker/">Swing Striker</a></h1> |
|||
<video autoplay loop muted playsinline src="/assets/work/swing-striker.mp4"></video> |
|||
<p> |
|||
Intergalactic grappling hook soccer for <a href="https://giantfoxstudios.com/">Giant Fox Studios</a> |
|||
</p> |
|||
</section> |
|||
<section class="work"> |
|||
<h1><a target="_blank" href="https://touchtech.io/Star-Catcher-Our-Shared-Planet">Star Catcher</a></h1> |
|||
<video autoplay loop muted playsinline src="/assets/work/star-catcher.mp4"></video> |
|||
<p> |
|||
Procedural prehistoric plants created for <a href="https://twitter.com/adellelin?lang=en">Adelle Lin</a> and <a href="https://www.instagram.com/mpinner/">Matt Pinner</a> |
|||
</p> |
|||
</section> |
|||
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 415 KiB |
@ -0,0 +1,61 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header }} |
|||
|
|||
<body> |
|||
{{> menu }} |
|||
<section class="auto white-black"> |
|||
<p> |
|||
<a href="https://www.leslieting.com/what-brings-you-in">What Brings |
|||
You In</a> is an ongoing experimental interactive musical |
|||
performance series by artist <a href="https://www.leslieting.com/">Leslie Ting</a>. The live show |
|||
combines in-person and online components into a unified hybrid |
|||
experience of sound, mindfulness, and connectivity. |
|||
</p> |
|||
</section> |
|||
<section class="work"> |
|||
<img src="/assets/work/wbyi.jpg"> |
|||
<cite class="black-white"> |
|||
<a target="_blank" href="https://summerworks.ca/show/what-brings-you-in">Summerworks |
|||
2022</a>, Henry Chan |
|||
</cite> |
|||
</section> |
|||
<section class="auto black-white"> |
|||
<p> |
|||
EMMA developed and maintains all the software systems for What |
|||
Brings You In, including the browser-based interactive experiences, |
|||
synthesizers, and server software. We were involved at every step of |
|||
the prototyping process, leveraging our experience to rapidly roll |
|||
out experiments for the creative team as they iterated on their |
|||
concepts at different venues. |
|||
</p> |
|||
<p> |
|||
To tackle the demanding synchronization needs of a live interactive |
|||
concert we developed a novel technique to synchronize control |
|||
messages and media which we talked about <a href="https://www.youtube.com/watch?v=mKxir7xdG7s">in an EMMA |
|||
Skill |
|||
Share video</a>. |
|||
</p> |
|||
</section> |
|||
<section class="work"> |
|||
<img src="/assets/work/wbyi3.jpg" /> |
|||
<cite class="black-white"> |
|||
<a target="_blank" href="https://summerworks.ca/show/what-brings-you-in">Summerworks |
|||
2022</a>, Henry Chan |
|||
</cite> |
|||
</section> |
|||
<section class="work"> |
|||
<img src="/assets/work/wbyi2.jpg"> |
|||
<cite class="black-white"> |
|||
<a target="_blank" href="https://summerworks.ca/show/what-brings-you-in">Summerworks |
|||
2022</a>, Henry Chan |
|||
</cite> |
|||
|
|||
</section> |
|||
{{> footer }} |
|||
</body> |
|||
|
|||
</html> |
|||
|
|||
<!-- {{ VERSION }} {{ DATE }} --> |
|||
Loading…
Reference in new issue