74 changed files with 683 additions and 3600 deletions
@ -1,3 +1,16 @@ |
|||
# emma.coop |
|||
|
|||
the emma cooperative website |
|||
Website of the EMMA Technology Cooperative, the source code behind https://emma.coop/ |
|||
|
|||
## Usage |
|||
|
|||
``` |
|||
npm install |
|||
npm build # builds site into out/ directory |
|||
npm watch # rebuilds site on file change, serves site at localhost:8900 |
|||
npm deploy # deploy contents of out/ to emma.coop |
|||
``` |
|||
|
|||
## intaj |
|||
This site is built with the [intaj static site generator](https://code.emma.coop/ramsey/intaj). Refer to it for more documentation. |
|||
|
|||
|
|||
@ -1,19 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header }} |
|||
|
|||
<body> |
|||
{{> icons }} |
|||
{{> menu }} |
|||
{{> home }} |
|||
{{> about }} |
|||
{{> work }} |
|||
{{> members }} |
|||
{{> contact }} |
|||
{{> footer }} |
|||
</body> |
|||
|
|||
</html> |
|||
|
|||
<!-- {{ VERSION }} {{ DATE }} --> |
|||
File diff suppressed because it is too large
@ -1,21 +1,20 @@ |
|||
{ |
|||
"type": "module", |
|||
"name": "emma.coop", |
|||
"version": "1.0.0", |
|||
"description": "Website of the EMMA Technology Cooperative", |
|||
"main": "index.js", |
|||
"repository": { |
|||
"type": "git", |
|||
"url": "http://code.emma.coop/EMMA/emma.coop.git" |
|||
}, |
|||
"scripts": { |
|||
"dev": "vite --host", |
|||
"build": "vite build", |
|||
"build": "intaj build", |
|||
"watch": "intaj watch", |
|||
"deploy": "rsync -achv dist/* root@emma.coop:/var/www/emma.coop --delete" |
|||
}, |
|||
"dependencies": { |
|||
"@fontsource-variable/chivo-mono": "^5.0.19", |
|||
"@fontsource-variable/josefin-sans": "^5.0.19", |
|||
"git-describe": "^4.1.1", |
|||
"reset-css": "^5.0.2", |
|||
"vite": "^5.0.12" |
|||
}, |
|||
"author": "The EMMA Technology Cooperative", |
|||
"license": "ACSL", |
|||
"devDependencies": { |
|||
"stylelint": "^16.2.1", |
|||
"stylelint-config-standard": "^36.0.0", |
|||
"vite-plugin-handlebars": "^2.0.0", |
|||
"vite-plugin-html": "^3.2.2" |
|||
"intaj": "^0.1.4" |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,34 @@ |
|||
--- |
|||
query: |
|||
- filter: homepage || ["members", "about"].includes(path[0]) |
|||
- sort: order || source |
|||
- with: |
|||
slug: path.last |
|||
- group: path[0] |
|||
- with: |
|||
date: new Date().toISOString() |
|||
route: index.html |
|||
--- |
|||
|
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header}} |
|||
|
|||
<body> |
|||
|
|||
{{> icons}} |
|||
{{> menu}} |
|||
{{> home}} |
|||
|
|||
{{#each about}}{{> about}}{{/each}} |
|||
{{#each work}}{{> work}}{{/each}} |
|||
{{#each members}}{{> member}}{{/each}} |
|||
|
|||
{{> contact}} |
|||
{{> footer}} |
|||
</body> |
|||
|
|||
<!-- built {{ date }} --> |
|||
</html> |
|||
|
|||
@ -1,7 +1,11 @@ |
|||
--- |
|||
route: pacbi/index.html |
|||
--- |
|||
|
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header }} |
|||
{{> header}} |
|||
|
|||
<body> |
|||
<section id="pacbi"> |
|||
@ -0,0 +1,45 @@ |
|||
--- |
|||
query: |
|||
- filter: path[0] == "work" && extension == ".md" |
|||
- sort: |
|||
by: year || order || source |
|||
reverse: true |
|||
- with: |
|||
slug: path.last |
|||
- collect: projects |
|||
route: /work/index.html |
|||
--- |
|||
|
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header}} |
|||
|
|||
<body> |
|||
|
|||
<section class="work-header"> |
|||
<h1> |
|||
<a href="/">emma</a> / work |
|||
</h1> |
|||
</section> |
|||
|
|||
|
|||
{{#each projects}} |
|||
|
|||
<section class="work-index"> |
|||
|
|||
<h1><a href="./{{slug}}"> |
|||
{{ title }} |
|||
{{#if year}} ({{client}}, {{year}}) {{/if}} |
|||
</a></h1> |
|||
<video lazy autoplay loop muted playsinline src="{{video}}"></video> |
|||
</section> |
|||
|
|||
{{/each}} |
|||
|
|||
{{> footer}} |
|||
</body> |
|||
|
|||
<!-- built {{ date }} --> |
|||
</html> |
|||
|
|||
@ -0,0 +1,34 @@ |
|||
--- |
|||
query: |
|||
- filter: path[0] == "work" |
|||
- with: |
|||
slug: path.last |
|||
route: /work/{{slug}}/index.html |
|||
--- |
|||
|
|||
<!doctype html> |
|||
<html lang="en"> |
|||
|
|||
{{> header}} |
|||
|
|||
<body> |
|||
|
|||
<section class="work-header"> |
|||
<h1> |
|||
<a href="/">emma</a> / <a href="/work">work</a> / {{title}} |
|||
{{#if year}} ({{ year }}) {{/if}} |
|||
</h1> |
|||
</section> |
|||
|
|||
<main class="work-body"> |
|||
|
|||
{{{ content }}} |
|||
|
|||
</main> |
|||
|
|||
{{> footer}} |
|||
</body> |
|||
|
|||
<!-- built {{ date }} --> |
|||
</html> |
|||
|
|||
@ -0,0 +1,8 @@ |
|||
{{#if @first}} |
|||
<section id="about" class="about" style="--image: url({{ image }})"> |
|||
{{else}} |
|||
<section class="about" style="--image: url({{ image }})"> |
|||
{{/if}} |
|||
<h1> {{ heading }}</h1> |
|||
{{{ content }}} |
|||
</section> |
|||
@ -1,32 +0,0 @@ |
|||
<section id="about" class="about page-1"> |
|||
<h1>Who We Are</h1> |
|||
<p> |
|||
EMMA is a New York City-based worker-owned creative technology |
|||
cooperative. We develop software for clients in the video game, |
|||
theater, public installation and media arts spaces among |
|||
others.</p> |
|||
<p> |
|||
We would love to help you bring your creative vision to life. |
|||
<a href="#contact">Get in touch with us</a> and let's figure something out. |
|||
</p> |
|||
</section> |
|||
<section class="about page-2"> |
|||
<h1>How We Work</h1> |
|||
<p> |
|||
<a target="_blank" href="https://en.wikipedia.org/wiki/Worker_cooperative">Worker-owned</a> |
|||
means that EMMA is owned equally and managed democratically by |
|||
its current and future members—the people actually doing |
|||
the work. |
|||
</p> |
|||
<p> |
|||
Not laboring to enrich absentee shareholders means a healthier, |
|||
more sustainable work environment for us and a focus on |
|||
building great experiences for our clients. |
|||
</p> |
|||
<p> |
|||
We believe this model is the future of our industry and beyond. |
|||
We're committed to sharing our experience with others, so if you're |
|||
thinking of starting a coop of any kind we'd love to <a |
|||
href="#contact">talk to you</a>. |
|||
</p> |
|||
</section> |
|||
@ -0,0 +1,3 @@ |
|||
<footer> |
|||
<span>© 2021–2025 The EMMA Technology Cooperative. EMMA is committed to <a href="/pacbi">PACBI</a>.</span> |
|||
</footer> |
|||
@ -1,3 +0,0 @@ |
|||
<footer> |
|||
<span>© 2021–2024 The EMMA Technology Cooperative. EMMA is committed to <a href="/pacbi">PACBI</a>.</span> |
|||
</footer> |
|||
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,76 @@ |
|||
{{#if @first}} |
|||
<section id="members" class="members"> |
|||
{{else}} |
|||
<section class="members"> |
|||
{{/if}} |
|||
<h1>{{ name }}</h1> |
|||
<img class="high-contrast" src="{{ image }}"> |
|||
<p> |
|||
{{{ content }}} |
|||
</p> |
|||
<ul> |
|||
{{#if email}} |
|||
<li> |
|||
<a target="_blank" title="email" href="mailto:{{email}}"> |
|||
<svg> |
|||
<use href="#icon-envelope" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if twitter}} |
|||
<li> |
|||
<a target="_blank" title="twitter" href="https://twitter.com/{{twitter}}"> |
|||
<svg> |
|||
<use href="#icon-twitter" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if tumblr}} |
|||
<li> |
|||
<a target="_blank" title="tumblr" href="https://{{tumblr}}.tumblr.com/"> |
|||
<svg> |
|||
<use href="#icon-tumblr" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if mastodon}} |
|||
<li> |
|||
<a target="_blank" title="mastodon" href="{{mastodon}}"> |
|||
<svg> |
|||
<use href="#icon-mastodon" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if git}} |
|||
<li> |
|||
<a target="_blank" title="git" href="{{git}}"> |
|||
<svg> |
|||
<use href="#icon-git" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if linkedin}} |
|||
<li> |
|||
<a target="_blank" title="linkedin" href="https://www.linkedin.com/in/{{linkedin}}/"> |
|||
<svg> |
|||
<use href="#icon-linkedin" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
{{#if website}} |
|||
<li> |
|||
<a target="_blank" title="website" href="{{website}}"> |
|||
<svg> |
|||
<use href="#icon-globe" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{{/if}} |
|||
</ul> |
|||
</section> |
|||
@ -1,153 +0,0 @@ |
|||
<section id="members" class="members andy"> |
|||
<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"> |
|||
<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"> |
|||
<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,2 @@ |
|||
<iframe loading="lazy" class="vimeo" src="https://player.vimeo.com/video/{{id}}?portrait=0"> |
|||
</iframe> |
|||
@ -0,0 +1,11 @@ |
|||
{{#if @first}} |
|||
<section id="work" class="work"> |
|||
{{else}} |
|||
<section class="work"> |
|||
{{/if}} |
|||
<h1><a href="/work">work</a> / <a target="_blank" href="/work/{{slug}}/">{{title}}</a></h1> |
|||
<video autoplay loop muted playsinline src="{{video}}"></video> |
|||
{{#if blurb}} |
|||
{{{markdown blurb}}} |
|||
{{/if}} |
|||
</section> |
|||
@ -1,21 +0,0 @@ |
|||
<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> |
|||
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 8.3 KiB |
@ -0,0 +1,10 @@ |
|||
--- |
|||
heading: how we work |
|||
image: /assets/about/union.png |
|||
order: 2 |
|||
--- |
|||
[Worker-owned](https://en.wikipedia.org/wiki/Worker_cooperative) means that EMMA is owned equally and managed democratically by its current and future members—the people actually doing the work. |
|||
|
|||
Not laboring to enrich absentee shareholders means a healthier, more sustainable work environment for us and a focus on building great experiences for our clients. |
|||
|
|||
We believe this model is the future of our industry and beyond. We're committed to sharing our experience with others, so if you're thinking of starting a coop of any kind we'd love to [talk to you](#contact). |
|||
@ -0,0 +1,8 @@ |
|||
--- |
|||
heading: who we are |
|||
image: /assets/about/emma-goldman-union-square-new-york-1916.jpg |
|||
order: 1 |
|||
--- |
|||
EMMA is a New York City-based worker-owned creative technology cooperative. We develop software and hardware for clients in the video game, theater, public installation and media arts spaces among others. |
|||
|
|||
We would love to help you bring your creative vision to life. [Get in touch with us](#contact) and let's figure something out. |
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 546 KiB After Width: | Height: | Size: 546 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 205 KiB |
|
Before Width: | Height: | Size: 587 KiB After Width: | Height: | Size: 587 KiB |
|
Before Width: | Height: | Size: 415 KiB After Width: | Height: | Size: 415 KiB |
|
Before Width: | Height: | Size: 180 B After Width: | Height: | Size: 180 B |
|
Before Width: | Height: | Size: 229 B After Width: | Height: | Size: 229 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,12 @@ |
|||
--- |
|||
name: Andy Wallace |
|||
image: /assets/members/andy.jpg |
|||
email: andy@emma.coop |
|||
twitter: Andy_Makes |
|||
tumblr: andymakesgames |
|||
mastodon: https://mastodon.art/web/@andymakes |
|||
git: https://github.com/andymasteroffish |
|||
linkedin: andy-wallace-084885291 |
|||
website: https://andymakes.com/ |
|||
--- |
|||
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](https://arcadecommons.org/). 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! |
|||
@ -0,0 +1,10 @@ |
|||
--- |
|||
name: Gwen Pasquarello |
|||
image: /assets/members/gwen.png |
|||
email: gwen@emma.coop |
|||
mastodon: https://www.librepunk.club/@gwenprime |
|||
git: https://mygit.link/gwen |
|||
linkedin: gwenpasquarello |
|||
website: https://gwenpri.me/ |
|||
--- |
|||
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 |
|||
@ -0,0 +1,10 @@ |
|||
--- |
|||
name: Ramsey Nasser |
|||
image: /assets/members/ramsey.png |
|||
email: ramsey@emma.coop |
|||
mastodon: https://merveilles.town/@nasser |
|||
git: https://git.sr.ht/~nasser/ |
|||
linkedin: ramsey-nasser-02070b291 |
|||
website: https://nas.sr/ |
|||
--- |
|||
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. |
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,29 @@ |
|||
/* chivo-mono-vietnamese-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Chivo Mono Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 900; |
|||
src: url(./files/chivo-mono-vietnamese-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; |
|||
} |
|||
|
|||
/* chivo-mono-latin-ext-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Chivo Mono Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 900; |
|||
src: url(./files/chivo-mono-latin-ext-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; |
|||
} |
|||
|
|||
/* chivo-mono-latin-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Chivo Mono Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 900; |
|||
src: url(./files/chivo-mono-latin-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; |
|||
} |
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,29 @@ |
|||
/* josefin-sans-vietnamese-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Josefin Sans Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 700; |
|||
src: url(./files/josefin-sans-vietnamese-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; |
|||
} |
|||
|
|||
/* josefin-sans-latin-ext-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Josefin Sans Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 700; |
|||
src: url(./files/josefin-sans-latin-ext-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; |
|||
} |
|||
|
|||
/* josefin-sans-latin-wght-normal */ |
|||
@font-face { |
|||
font-family: 'Josefin Sans Variable'; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
font-weight: 100 700; |
|||
src: url(./files/josefin-sans-latin-wght-normal.woff2) format('woff2-variations'); |
|||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; |
|||
} |
|||
@ -0,0 +1,52 @@ |
|||
/* http://meyerweb.com/eric/tools/css/reset/ |
|||
v5.0.1 | 20191019 |
|||
License: none (public domain) |
|||
*/ |
|||
|
|||
html, body, div, span, applet, object, iframe, |
|||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|||
a, abbr, acronym, address, big, cite, code, |
|||
del, dfn, em, img, ins, kbd, q, s, samp, |
|||
small, strike, strong, sub, sup, tt, var, |
|||
b, u, i, center, |
|||
dl, dt, dd, ol, ul, li, |
|||
fieldset, form, label, legend, |
|||
table, caption, tbody, tfoot, thead, tr, th, td, |
|||
article, aside, canvas, details, embed, |
|||
figure, figcaption, footer, header, hgroup, |
|||
main, menu, nav, output, ruby, section, summary, |
|||
time, mark, audio, video { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 0; |
|||
font-size: 100%; |
|||
font: inherit; |
|||
vertical-align: baseline; |
|||
} |
|||
/* HTML5 display-role reset for older browsers */ |
|||
article, aside, details, figcaption, figure, |
|||
footer, header, hgroup, main, menu, nav, section { |
|||
display: block; |
|||
} |
|||
/* HTML5 hidden-attribute fix for newer browsers */ |
|||
*[hidden] { |
|||
display: none; |
|||
} |
|||
body { |
|||
line-height: 1; |
|||
} |
|||
menu, ol, ul { |
|||
list-style: none; |
|||
} |
|||
blockquote, q { |
|||
quotes: none; |
|||
} |
|||
blockquote:before, blockquote:after, |
|||
q:before, q:after { |
|||
content: ''; |
|||
content: none; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
@ -0,0 +1,52 @@ |
|||
--- |
|||
title: Star Catcher |
|||
client: Adelle Lin |
|||
year: 2023 |
|||
url: https://touchtech.io/Star-Catcher-Our-Shared-Planet |
|||
video: /assets/work/star-catcher.mp4 |
|||
order: 3 |
|||
homepage: true |
|||
blurb: > |
|||
Procedural prehistoric plants created for [Adelle Lin](https://twitter.com/adellelin) and [Matt Pinner](https://www.instagram.com/mpinner/) |
|||
--- |
|||
|
|||
<section style="background-image: url('DSC03380-crop.jpg')"> |
|||
|
|||
Through the metaphor of capturing and releasing stars, “Star Catcher” is an immersive interactive media artwork exploring themes of extraction and collective care. This piece invites audiences to reflect on the impact of joint actions on the ecology of a fictional world, emphasizing the consequences of resource exploitation in space. “Star Catcher” encourages collaborative engagement among the audience through collective movement and actions. |
|||
|
|||
EMMA provided technical support through Unity 3D programming and game design conceptual development. |
|||
|
|||
</section> |
|||
|
|||
 |
|||
|
|||
<section black> |
|||
|
|||
This is a text section, white text on black |
|||
|
|||
</section> |
|||
|
|||
<section black caption style="background-image: url('DSC03268-harvestworks.jpg')"> |
|||
|
|||
images with captions, markdown *works* [link][foo] |
|||
|
|||
</section> |
|||
|
|||
<section> |
|||
|
|||
This is a text section, black text on white |
|||
|
|||
Image carousel below |
|||
|
|||
</section> |
|||
|
|||
<section carousel> |
|||
|
|||
 |
|||
 |
|||
<video muted autoplay loop src="video.mp4"></video> |
|||
 |
|||
|
|||
</section> |
|||
|
|||
[foo]: https://en.wikipedia.org/wiki/Potoooooooo |
|||
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 587 KiB |
|
After Width: | Height: | Size: 536 KiB |
Binary file not shown.
@ -0,0 +1,12 @@ |
|||
--- |
|||
title: Swing Striker |
|||
url: https://giantfoxstudios.com/portfolio_page/swing-striker/ |
|||
video: /assets/work/swing-striker.mp4 |
|||
client: Giant Fox |
|||
year: 2022 |
|||
order: 2 |
|||
homepage: true |
|||
blurb: > |
|||
Intergalactic grappling hook soccer for [Giant Fox Studios](https://giantfoxstudios.com/) |
|||
--- |
|||
|
|||
@ -0,0 +1,17 @@ |
|||
--- |
|||
title: What Brings You In |
|||
url: https://www.leslieting.com/what-brings-you-in |
|||
video: /assets/work/wbyi.mp4 |
|||
client: Leslie Ting |
|||
year: 2024 |
|||
order: 1 |
|||
homepage: true |
|||
blurb: > |
|||
An experimental interactive digital performance series by [Leslie Ting](https://www.leslieting.com/) |
|||
--- |
|||
|
|||
<section> |
|||
|
|||
What Brings You In |
|||
|
|||
</section> |
|||
@ -1,23 +0,0 @@ |
|||
import { resolve } from 'path'; |
|||
import { defineConfig } from 'vite' |
|||
import handlebars from 'vite-plugin-handlebars'; |
|||
import git from 'git-describe' |
|||
|
|||
const VERSION = git.gitDescribeSync().raw |
|||
const DATE = Date() |
|||
|
|||
export default defineConfig({ |
|||
base: "./", |
|||
build: { |
|||
rollupOptions: { |
|||
input: { |
|||
main: resolve(__dirname, 'index.html'), |
|||
pacbi: resolve(__dirname, 'pacbi.html'), |
|||
} |
|||
} |
|||
}, |
|||
plugins: [handlebars({ |
|||
context: { VERSION, DATE }, |
|||
partialDirectory: resolve(__dirname, "partials"), |
|||
})] |
|||
}) |
|||
@ -1,61 +0,0 @@ |
|||
<!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