66 changed files with 2172 additions and 2720 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,32 @@ |
|||
--- |
|||
query: |
|||
- filter: '["members", "about", "work"].includes(path[0])' |
|||
- sort: order || source |
|||
- 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,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> |
|||
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,81 @@ |
|||
{{#if @first}} |
|||
<section id="members" class="members"> |
|||
{{else}} |
|||
<section class="members"> |
|||
{{/if}} |
|||
<h1>{{ name }}</h1> |
|||
<img class="high-contrast" src="{{ image }}"> |
|||
<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> |
|||
{{#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,9 @@ |
|||
{{#if @first}} |
|||
<section id="work" class="work"> |
|||
{{else}} |
|||
<section class="work"> |
|||
{{/if}} |
|||
<h1><a target="_blank" href="{{url}}">{{title}}</a></h1> |
|||
<video autoplay loop muted playsinline src="{{video}}"></video> |
|||
{{{ content }}} |
|||
</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 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,8 @@ |
|||
--- |
|||
title: Star Catcher |
|||
url: https://touchtech.io/Star-Catcher-Our-Shared-Planet |
|||
video: /assets/work/star-catcher.mp4 |
|||
order: 3 |
|||
--- |
|||
|
|||
Procedural prehistoric plants created for [Adelle Lin](https://twitter.com/adellelin) and [Matt Pinner](https://www.instagram.com/mpinner/) |
|||
@ -0,0 +1,8 @@ |
|||
--- |
|||
title: Swing Striker |
|||
url: https://giantfoxstudios.com/portfolio_page/swing-striker/ |
|||
video: /assets/work/swing-striker.mp4 |
|||
order: 2 |
|||
--- |
|||
|
|||
Intergalactic grappling hook soccer for [Giant Fox Studios](https://giantfoxstudios.com/) |
|||
@ -0,0 +1,8 @@ |
|||
--- |
|||
title: What Brings You In |
|||
url: https://www.leslieting.com/what-brings-you-in |
|||
video: /assets/work/wbyi.mp4 |
|||
order: 1 |
|||
--- |
|||
|
|||
An experimental interactive digital performance series by [Leslie Ting](https://www.leslieting.com/) |
|||
@ -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