-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
220 lines (219 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-BV3XT4QCSF"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-BV3XT4QCSF");
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="equal io systems inc" />
<meta property="og:description" content="Welcome to =i/o"/>
<meta property="og:image" content="equalio.png"/>
<meta property="og:url" content="equal.systems"/>
<meta property="og:type" content="website"/>
<title>equal i/o systems cooperative inc</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body id="#body1">
<header>
<section id="name">
<div>
<div id="title">
<h1 class="io">equal i/o systems</h1>
<h2 class="io">cooperative inc</h2>
</div>
</div>
</section>
<section id="tag">
<div id="tagline">
<h2 style="color: #d60270">tech</h2>
<h2 style="color: #420a55">with</h2>
<h2 style="color: #042069">integrity</h2>
</div>
</section>
</header>
<main>
<section id="about">
<div id="opener">
<p class="info txt-center">
at =i/o we see technology as neutral and apolitical. It is a tool for humanity, it is music, it is electricity, it is the telephone, it is art, it is science, it is communication, it breeds civilization's finest achievements and deserves to be celebrated by society, not feared, not used merely as a tool to further divide but to solve problems, bring people together, push the bounds of innovation and to keep our privacy safe and sacred, not to turn it against us.
</p>
</div>
<div id="mission">
<div id="info-header"><h1>what is =i/o?</h1></div>
<p class="info txt-left">
=i/o systems is a California based worker owned and operated tech cooperative with members of equal ownership scattered remotely across the US. =i/o was formed under the general principles of wanting to work for ourselves, with people we trusted, and to redefine the way a business could be run in much the same way we set out to redefine how we thought the tech industry could be run, with a holistic community oriented focus that centers people.
</p>
<p class="info txt-left">
The =i/o systems cooperative includes an in-house indie gaming
studio, a tech education division, and an R&D wing all focused on
breaking new ground by improving quality, DEI, accessibility, and
actual fun with groundbreaking software, future gaming titles, entirely new models for digital interaction and raw, authentic experimental media.
</p>
<div id="mission-header"><h1>our mission</h1></div>
<p class="info txt-right">
It is our mission to craft ethical solutions for the varying problems that exist across the entire spectrum of the technology industry. Collective, collaborative, community efforts utilizing carefully researched and thought out strategies will provide fortitude and longevity to all of our work.
</p>
<p class="info txt-right">
Ultimately, we're here to democratize the entire culture of this industry with transparency, science, design, heart and innovative hard work to put tech where it belongs: back in the hands of the people.
</p>
</div>
<div id="about-us">
<div id="about-header"><h1>about us</h1></div>
<p class="info txt-left">
We are pioneers, unafraid to challenge the status quo when we recognize that it does not exist to best serve the people. We see the world as deserving of the best and most holistic that tech can be, and we aim to be the scientists who are unafraid to push boundaries in the proper ways to ensure this can be and the teachers who will pass on this knowledge to whoever seeks to gain it.
</p>
<p class="info txt-left">
We believe in co-creating a future that's dedicated to bettering
humanity through technology, not tearing it to pieces through
disinformation, generative AI, and tech billionaires that miss the
point altogether. =i/o isn't just doing things differently — we're
spearheading what "different" can be.
</p>
<p class="info txt-left">
At our core, =i/o is built by
dreamers, doers, makers, believers, and nurturers. We invite you to
experience the worlds that we're building. You're welcome here.
</p>
</div>
</section>
<section id="team">
<div id="team-header"><h1>meet...</h1></div>
<div id="bios">
<p class="bio">
<a href="https://www.linkedin.com/in/londondata/">Lilith London, Chief Visionary Officer</a>, loves to quip, "I was born on the internet." She spent her
life immersed in innovative technologies, from formative memories of
first-generation Nintendo and Prodigy ISP alongside her father, to
eventually helping run influential underground pre-Myspace era
social networking blogs as a teenager. She was pioneering digital
culture long before influencers came upon the scene.</p>
<p class="bio2"> Lilith became a
self-made tech entrepreneur by 23 with her first tech company, a
social media/digital marketing agency, and followed that with a
formal education in UX design and full-stack software engineering at
<a href="https://generalassemb.ly/">General Assembly</a> SF, where she soon returned to enjoy a rewarding
tenure <a href="https://generalassemb.ly/instructors/teri-london/25608">teaching</a>, mentoring, and spearheading advanced educational
methods before moving on to pursue her life's work: forming =i/o.</p>
<p class="bio2">A
champion for ethical good, Lilith compiled the =i/o team for one
simple purpose: to make a difference in the tech world. She grew up
alongside pivotal change and upheaval; the role technology has
played in her life influenced her to dedicate her studies, time, and
talent towards ensuring that technology's role in society remain
dedicated to societal evolution, solving problems, and taking care
of people -- be it in social media, software, video games, or
experimental tech.</p>
</p>
<p class="bio">
<a href="https://www.linkedin.com/in/rose-belmont-1ab163210/">Rose Belmont, Director of Game Development</a>, inspired and
encouraged by the likes of Dante, Jack Cooper and BT-7274, and of
course Cloud Strife and that big, big sword, devotes the
multifaceted qualities of being an exalted prodigy to io's mission
because improving this industry has been her calling since before
she can remember. Ever a seeker of knowledge, her studies have
brought her from depths of the alchemical arts to scripted lines of
C++, C#, Python, Java and unfortunately, JavaScript.
</p>
<p class="bio2">
From Unity to Unreal, Blender and 3d texture work, Rose has adapted
seamlessly along society's gaming industry, tackling languages such
as G-code and assembly just for kicks. And like any true renaissance
woman, she's also adept with a sword. Is there nothing she can't do?
</p>
<p class="bio">
<a href="https://bsky.app/profile/kirstin.bsky.social">Kirstin Carnage, Narrative Director</a>, has channeled her
acerbic wit into so many various forms of writing, marketing, and
top tier content creation that sometimes even we have trouble
keeping track of how many corners of the Internet she has frequented
during her industry tenure that dates back to the early days of
Twitter. From her work with Can't Talk Media to her charity streams
for Extra Life, Kirstin's digital versatility goes as far as a
<a href="https://bit.ly/PeachDefense"
>feminist essay in defense of Princess Peach</a
>, and her offline presence is spent speaking out on mental health
advocacy panels at conventions, writing, and playing all the video
games she can get her hands on.
</p>
<p class="bio">
<a href="https://www.linkedin.com/in/amandafarough/">Amanda Farough, Creative Director</a>, is a highly collaborative,
compassionate leader with technical, programming, and production
skills who can speak across competencies in a variety of settings.
She's spent much of the last 15 years in and around the game
industry as a game journalist and critic, business analyst,
consultant, producer, narrative designer, and writer. Amanda has
been founding (and running) businesses since 2003 and has no plans
on stopping. Her business acumen is built on patterns, connection,
and ocean-deep understanding of how people and process work can (and
should) work in harmony.
</p>
</div>
</section>
</main>
<footer>
<div id="contact-header"><h1>contact us</h1></div>
<div class="center">
<h2 id="invite">
We welcome conversations and inquiries! Get in touch with us below.
</h2>
</div>
<div id="footer-social" class="center">
<ul id="main-social-container">
<div class="sm-container">
<li class="sm">
<a href="https://www.linkedin.com/company/equal-io-systems"
>linkedin</a
>
</li>
</div>
<div class="sm-container">
<li class="sm">
<a href="https://github.com/equal-io">github</a>
</li>
</div>
<div class="sm-container">
<li class="sm">
<a href="https://www.instagram.com/equal.io.systems/"
>instagram</a
>
</li>
</div>
<div class="sm-container">
<li class="sm">
<a href="https://bsky.app/profile/equal-io-systems.bsky.social"
>b.sky</a
>
</li>
</div>
</ul>
</div>
<div id="footer-contact" class="center">
<h2>
email: <a href="mailto: [email protected]">[email protected]</a>
</h2>
</div>
</footer>
<section id="easter-egg">
<div id="manifesto-div">
<a href="/manifesto.html" target="_blank" class=".manifesto">
<img class="egg" alt="secret" src="/manifesto.png" />
</a>
</div>
</section>
</body>
</html>