Commit bc9d6365 authored by Zach Krall's avatar Zach Krall

updating design assets page, tool credits, anchor tag default font color, zach's member page

parent 2924b59d
Pipeline #107163746 passed with stages
in 1 minute and 35 seconds
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap');
:root{
--padding: 1rem;
--color: rgba(153,255,0, 1.0);
--black: #050407;
--white: #fefefe;
--gray: #999999;
--text: var(--white);
--background: var(--black);
}
......@@ -27,7 +29,7 @@
}
body{
background-color:var(--background);
color:var(--text);
color:var(--text);
font-family:-apple-system, "Helvetica", Arial, sans-serif;
font-size: 1.2rem;
......@@ -42,7 +44,7 @@
a{
text-decoration:none;
color:var(--color);
color:inherit;
}
a:hover{
......@@ -85,16 +87,17 @@
}
.mono{
font-family:Menlo,monospace;
font-family:'IBM Plex Mono',Menlo,monospace;
}
div.basic-page .content__default{
color:var(--text);
}
div.basic-page .content__default a{
color:inherit;
border-bottom:1px solid var(--gray);
}
div.basic-page .content__default a:hover{
color:var(--color);
border-bottom-color:var(--color);
}
\ No newline at end of file
}
---
title: Design Assets
---
# Design Assets
## Logo
The LiveCode.NYC logo was designed by [David Palmer](https://www.dp-creative.co.uk/)
<br/><br/>
## Logo Files
<br/>
<div style="display:inline-block;margin-right:1rem;margin-bottom:1rem;text-align:center;padding:20px;background:#1D1D1B;">
<img src="/media/logos/LiveCodeNYC_logo_white.svg" height="100">
[Download SVG](/media/logos/LiveCodeNYC_logo_white.svg),
[Download AI](/media/logos/LiveCodeNYC_logo_white.ai),
[Download EPS](/media/logos/LiveCodeNYC_logo_white.eps)
[.SVG](/media/logos/LiveCodeNYC_logo_white.svg),
[.AI](/media/logos/LiveCodeNYC_logo_white.ai),
[.EPS](/media/logos/LiveCodeNYC_logo_white.eps)
</div>
<div style="display:inline-block;text-align:center;background:#fff; padding:20px;color:#1D1D1B;margin-bottom:1rem;">
<img src="/media/logos/LiveCodeNYC_logo_black.svg" height="100">
[Download SVG](/media/logos/LiveCodeNYC_logo_black.svg),
[Download AI](/media/logos/LiveCodeNYC_logo_black.ai),
[Download EPS](/media/logos/LiveCodeNYC_logo_black.eps)
<a href="/media/logos/LiveCodeNYC_logo_black.svg">.SVG</a>,
<a href="/media/logos/LiveCodeNYC_logo_black.ai">.AI</a>,
<a href="/media/logos/LiveCodeNYC_logo_black.eps">.EPS</a>
</div>
<br/><br/>
## Colors
<div style="padding:20px;display:inline-block;margin:1rem 1rem 1rem 0;width:200px;border-radius:30px;font-size:0.8em;background-color:rgba(0,0,51,1.0);color:#ffffff;">
We have used these colors for our logo and promotional material in the
past but feel free to be creative!
<div style="padding:20px;display:inline-block;margin:1rem 1rem 1rem 0; font-size:0.8em;background-color:rgba(0,0,51,1.0);color:#ffffff; min-width:300px">
Deep Blue
<br><br>
<span class="mono">RGBA(0, 0, 51, 1.0)</span>
<br>
<span class="mono">RGB(0,0,51)</span>
<span class="mono">vec4(0.0, 0.0, 0.2, 1.0)</span>
<br>
<span class="mono">#000033</span>
<br>
<span class="mono">94% C, 82% M, 20% Y, 49% K</span>
</div>
<div style="padding:20px;width:200px;display:inline-block;margin:1rem 1rem 1rem 0;border-radius:30px;font-size:0.8em;background-color:rgba(51,255,255,1.0);color:#000000;">
<div style="padding:20px;display:inline-block;margin:1rem 1rem 1rem 0; font-size:0.8em;background-color:rgba(51,255,255,1.0);color:#000000; min-width:300px">
Electric Blue
<br><br>
<span class="mono">RGBA(51, 255, 255, 1.0)</span>
<br>
<span class="mono">RGB(51,255,255)</span>
<span class="mono">vec4(0.2, 1.0, 1.0, 1.0)</span>
<br>
<span class="mono">#33FFFF</span>
<br>
<span class="mono">39% C, 0% M, 13% Y, 0% K</span>
</div>
<div style="padding:20px;display:inline-block;margin:1rem 1rem 1rem 0;
font-size:0.8em;width:200px;border-radius:30px;background-color:rgba(153,255,0,1.0);color:#000000;">
font-size:0.8em;background-color:rgba(153,255,0,1.0);color:#000000; min-width:300px">
Electric Green
<br><br>
<span class="mono">RGBA(153, 255, 0, 1.0)</span>
<br>
<span class="mono">RGB(153,255,0)</span>
<span class="mono">vec4(0.6, 1.0, 0.0, 1.0)</span>
<br>
<span class="mono">#99FF00</span>
<br>
<span class="mono">29% C, 0% M, 65% Y, 0% K</span>
</div>
<div style="padding:20px;display:inline-block;margin:1rem 1rem 1rem 0;
font-size:0.8em;background-color:#FF0099;color:#000000; min-width:300px">
Electric Pink
<br><br>
<span class="mono">RGBA(255, 0, 153, 1.0)</span>
<br>
<span class="mono">vec4(1.0, 0.0, 0.6, 1.0)</span>
<br>
<span class="mono">#FF0099</span>
<br>
<span class="mono">7% C, 73% M, 1% Y, 0% K</span>
</div>
---
name: NYE Algorave
venue: Wonderville
date: 2019-12-31 8:00 PM
link: https://withfriends.co/event/3303808/dancy_algorave_new_years_eve_party
---
......@@ -3,7 +3,8 @@ name: Zach Krall
image: https://github.com/zachkrall.png
links:
website: https://zachkrall.com/
twitter: https://twitter.com/zachkrall
twitter: https://twitter.com/zachkralli
mastodon: https://merveilles.town/@zachkrall
---
Brooklyn based artist, waiting to be uploaded to the cloud.
......@@ -7,8 +7,10 @@
"license": "MIT",
"private": false,
"scripts": {
"docs:start": "vuepress dev",
"docs:build": "vuepress build"
"dev": "vuepress dev",
"build": "vuepress build",
"docs:start": "npm run dev",
"docs:build": "npm run build"
},
"dependencies": {},
"devDependencies": {
......
......@@ -4,4 +4,4 @@ image: https://pbs.twimg.com/profile_images/1042864668581289985/pn8J_gMx_400x400
link: https://arcadia-unity.github.io/
---
The integration of [Clojure](https://clojure.org/) and [Unity 3D](https://unity3d.com/). Turns a world class game engine into a live coding visualist power tool.
The integration of [Clojure](https://clojure.org/) and [Unity 3D](https://unity3d.com/). Turns a world class game engine into a live coding visualist power tool. Arcadia is made by [Ramsey Nasser](/member/ramsey.html).
......@@ -4,4 +4,4 @@ link: https://github.com/sicchio/DanceDirt
image: https://pbs.twimg.com/media/DrRnhkLXQAAAxX5?format=jpg&name=large
---
TidalCycles for Images in VLC Player, used in choreographic work. Made by Tom Murphy, used by Kate Sicchio.
TidalCycles for Images in VLC Player, used in choreographic work. Made by Tom Murphy, used by Kate Sicchio. DanceDirt is made by [Kate Sicchio](/member/kate.md).
......@@ -4,4 +4,4 @@ image: https://raw.githubusercontent.com/Leofltt/Kairos/master/pics/kairosPic.pn
link: https://github.com/Leofltt/Kairos
---
An [Haskell](https://www.haskell.org/) library for music composition and performance using [Csound](https://csound.com/).
An [Haskell](https://www.haskell.org/) library for music composition and performance using [Csound](https://csound.com/). Kairos is made by [Leo Foletto](/member/leo.html).
......@@ -6,4 +6,4 @@ link: https://github.com/sarahgp/la-habra
La Habra is a Clojurescript—Figwheel—SVG—Electron app. That means the graphics code is written in Clojurescript, which is live-reloaded by Figwheel and run in an Electron app window. It uses the SVG and CSS animations APIs to draw.
La Habra is used by [Codie](https://codie.live/).
La Habra is used by [Codie](https://codie.live/) and made by [Sarah](/member/sarah.html).
......@@ -4,4 +4,4 @@ image: http://www.shawnlawson.com/wp-content/uploads/2018/08/darkside.png
link: https://github.com/shawnlawson/TheDarkSide
---
The dark side of the Force is a pathway to many abilities some consider to be unnatural. Multi-user, telematic, and simultaneous GLSL & [Tidal](https://tidalcycles.org) livecoding with NodeJS. Also includes text edit recording and playback.
\ No newline at end of file
The dark side of the Force is a pathway to many abilities some consider to be unnatural. Multi-user, telematic, and simultaneous GLSL & [Tidal](https://tidalcycles.org) livecoding with NodeJS. Also includes text edit recording and playback. The Dark Side of the Force is made by [Shawn Lawson](/member/shawn.html).
......@@ -4,4 +4,4 @@ image: http://www.shawnlawson.com/wp-content/uploads/2016/12/mintThumb.png
link: https://github.com/shawnlawson/The_Force
---
Life creates it, makes it grow. Its energy surrounds us and binds us. Luminous beings are we, not this crude matter. You must feel the Force around you; here, between you, me, the tree, the rock, everywhere, yes. Browser-based GLSL.
\ No newline at end of file
Life creates it, makes it grow. Its energy surrounds us and binds us. Luminous beings are we, not this crude matter. You must feel the Force around you; here, between you, me, the tree, the rock, everywhere, yes. Browser-based GLSL. The Force is made by [Shawn Lawson](/member/shawn.html).
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment