forked from EmbarkStudios/opensource-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
257 lines (239 loc) · 15.3 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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Standard Metadata -->
<title>Embark Studios Open Source | embark.dev</title>
<meta name="description" content="Discover open source repositories in Rust, Go, and more from Embark Studios">
<meta name="keywords" content="open source, sponsorship, rust">
<link rel="icon" href="./favicon.ico">
<!-- Open Graph Metadata -->
<meta property="og:title" content="Embark Studios Open Source" />
<meta property="og:description" content="Discover open source repositories in Rust, Go, and more from Embark Studios" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://embark.dev" />
<meta property="og:image" content="https://embark.dev/img/code.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@EmbarkStudios" />
<meta name="twitter:image" content="https://embark.dev/img/code.jpg">
<!-- import CSS -->
<link rel="stylesheet" href="./style.css">
<!-- import JS -->
<script src="https://kit.fontawesome.com/e541009933.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="./script.js"></script>
</head>
<body>
<div id="app">
<header class="header">
<a href="https://embark-studios.com"><img id="logo" src="./img/logo.png"/></a>
<div>
<a href="https://embark-studios.com" class="fas fa-globe-americas"></a>
<a href="https://twitter.com/EmbarkStudios" class="fa fa-twitter"></a>
<a href="https://github.com/EmbarkStudios" class="fa fa-github"></a>
<a href="https://discord.gg/8TW9nfF" class="fab fa-discord"></a>
<a href="#" class="fa fa-search search-icon" @click.prevent="toggleSearch"></a>
</div>
</header>
<div class="search-overlay" v-show="showSearch" @keyup.esc="toggleSearch" style="display: none;">
<div class="search-overlay__content">
<h2>Search packages:</h2>
<div class="search-input-group">
<button @click="toggleSearch" class="search-close-button">
<span class="fa fa-close search-overlay__close" ></span>
</button>
<input id="search-input" type="text" placeholder="Start typing..." v-model="search" ref="search">
</div>
<div class="search-overlay__results">
<a v-bind:href="repoUrl(p)" class="project" v-for="p in searchedProjects">
<div class="project-card">
<h3 class="title">
<span class="emoji">{{ p.emoji }}</span>
{{ p.name }}
</h3>
<p>{{ p.description }}</p>
<tags v-bind:tags="p.tags"></tags>
<github-stats v-bind:project="p" />
</div>
</a>
</div>
</div>
</div>
<section class="full-width-section cover" id="hero">
<div class="container">
<div>
<h1>
Embark ❤️ Open Source
</h1>
<h2>
Empowering everyone to create
</h2>
</div>
<div>
<p>
Embark Studios is a Stockholm-based games studio, on a mission to blur the line between playing and making.
</p>
<p>
Technology is reshaping our industry. We want to be part of this change, by exploring and applying the latest technology, by being honest and transparent in our relationship with each other and our community, and by allowing our curiosity to lead us down unexpected paths.
</p>
<p>
In our open source work, we're exploring and pushing the boundaries of new technologies, and sharing our learnings with the community.
</p>
<a href="#contribute" class="button-primary">
Contribute
</a>
</div>
</div>
</section>
<section id="featured">
<div class="container">
<h2>
Featured Open Source Projects
</h2>
<div class="projects-container">
<a v-bind:style="{ 'background-image': 'url(' + p.featureImage + ')' }" v-bind:href="repoUrl(p)" class="project project-featured" v-for="p in featuredProjects">
<h3 class="title">
<span class="emoji">{{ p.emoji }}</span>
{{ p.name }}
</h3>
<p>
{{ p.extendedDescription }}
</p>
<tags v-bind:tags="p.tags"></tags>
</a>
</div>
</div>
</section>
<section id="blender" class="full-width-section background-blue">
<div class="container">
<h1>
<svg class="feature-logo" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Blender icon</title><path d="M12.51 13.214c.046-.8.438-1.506 1.03-2.006a3.424 3.424 0 0 1 2.212-.79c.85 0 1.631.3 2.211.79.592.5.983 1.206 1.028 2.005.045.823-.285 1.586-.865 2.153a3.389 3.389 0 0 1-2.374.938 3.393 3.393 0 0 1-2.376-.938c-.58-.567-.91-1.33-.865-2.152M7.35 14.831c.006.314.106.922.256 1.398a7.372 7.372 0 0 0 1.593 2.757 8.227 8.227 0 0 0 2.787 2.001 8.947 8.947 0 0 0 3.66.76 8.964 8.964 0 0 0 3.657-.772 8.285 8.285 0 0 0 2.785-2.01 7.428 7.428 0 0 0 1.592-2.762 6.964 6.964 0 0 0 .25-3.074 7.123 7.123 0 0 0-1.016-2.779 7.764 7.764 0 0 0-1.852-2.043h.002L13.566 2.55l-.02-.015c-.492-.378-1.319-.376-1.86.002-.547.382-.609 1.015-.123 1.415l-.001.001 3.126 2.543-9.53.01h-.013c-.788.001-1.545.518-1.695 1.172-.154.665.38 1.217 1.2 1.22V8.9l4.83-.01-8.62 6.617-.034.025c-.813.622-1.075 1.658-.563 2.313.52.667 1.625.668 2.447.004L7.414 14s-.069.52-.063.831zm12.09 1.741c-.97.988-2.326 1.548-3.795 1.55-1.47.004-2.827-.552-3.797-1.538a4.51 4.51 0 0 1-1.036-1.622 4.282 4.282 0 0 1 .282-3.519 4.702 4.702 0 0 1 1.153-1.371c.942-.768 2.141-1.183 3.396-1.185 1.256-.002 2.455.41 3.398 1.175.48.391.87.854 1.152 1.367a4.28 4.28 0 0 1 .522 1.706 4.236 4.236 0 0 1-.239 1.811 4.54 4.54 0 0 1-1.035 1.626"/></svg>
Embark + Blender
</h1>
<p>
We <a href="https://medium.com/embarkstudios/a-love-letter-to-blender-e54167c22193">recently announced</a> that Embark has become a corporate sponsor of Blender, a free and open source 3D creation software.
</p>
<p>
We think Blender is a great example of what happens when powerful software is made available for everyone to use, and communities start to work together to change the status quo.
</p>
<p>
We have also released some of our day-to-day studio tools.
</p>
<div class="projects-container">
<a v-bind:href="repoUrl(p)" class="project" v-for="p in projectsWithTag('blender')">
<div class="project-card">
<h3 class="title">
<span class="emoji">{{ p.emoji }}</span>
{{ p.name }}
</h3>
<p v-html="p.description"></p>
<tags v-bind:tags="p.tags"></tags>
<github-stats v-bind:project="p" />
</div>
</a>
</div>
<a href="https://medium.com/embarkstudios/a-love-letter-to-blender-e54167c22193" class="button-primary background-grey">Learn More</a>
</div>
</section>
<section id="rust" class="full-width-section background-grey">
<div class="container">
<h1>
🦀 Rust at Embark
</h1>
<p>
When we started Embark, we chose Rust as our primary language for the long term future we are building. We love the safety and robustness of the language, the ability to write high performance, safe, and (mostly) bug free code and then fearlessly refactor and change it without common lifetime/ownership, memory safety or race condition problems.
</p>
<p>
Possibly even more important is the openness and collaborative nature of the quickly growing ecosystem and community around Rust. With tens of thousands of open source crates on crates.io and a best-in-class package system, cargo, we truly believe Rust is a language for the future.
</p>
<a href="https://embark.rs" class="button-primary background-red">Learn More</a>
<project-category
tag="rust"
v-bind:projects="projectsWithTag('rust')"
></project-category>
</div>
</section>
<section>
<div class="container">
<project-category
tag="go"
v-bind:projects="projectsWithTag('go')"
></project-category>
<project-category
tag="web"
v-bind:projects="projectsWithTag('web')"
></project-category>
</div>
</section>
<section>
<div class="container">
<details>
<summary>See all Projects</summary>
<ul class="projects-list">
<a v-for="p in alphabetisedProjects" v-bind:href="repoUrl(p)"><li><span>{{ p.emoji }} {{ p.name }}</span><tags v-bind:tags="p.tags"></tags></li></a>
</ul>
</details>
</div>
</section>
<section class="full-width-section background-blue" id="sponsorship">
<div class="container">
<h1>
Sponsorship
</h1>
<p>
We believe that open source creators are integral to the success of the developer ecosystem. We offer monetary sponsorship to several individuals and projects via Patreon, GitHub and OpenCollective. You can see who we're currently supporting below:
</p>
<div class="logo-container">
<a href="https://opencollective.com/embarkstudios">
<svg class="logo-image" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Open Collective icon</title><path d="M21.86 5.17a11.94 11.94 0 0 1 0 13.66l-3.1-3.1a7.68 7.68 0 0 0 0-7.46l3.1-3.1zm-3.03-3.03l-3.1 3.1a7.71 7.71 0 1 0 0 13.51l3.1 3.11a12 12 0 1 1 0-19.73 M21.86 5.17a11.94 11.94 0 0 1 0 13.66l-3.1-3.1a7.68 7.68 0 0 0 0-7.46l3.1-3.1z"/></svg>
</a>
<a href="https://www.patreon.com/embarkstudios/creators">
<svg class="logo-image" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Patreon icon</title><path d="M15.386.524c-4.764 0-8.64 3.876-8.64 8.64 0 4.75 3.876 8.613 8.64 8.613 4.75 0 8.614-3.864 8.614-8.613C24 4.4 20.136.524 15.386.524M.003 23.537h4.22V.524H.003"/></svg>
</a>
<a href="https://github.com/embark-studios?tab=sponsoring">
<svg class="logo-image" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
</a>
<a href="https://fund.blender.org/">
<svg class="logo-image" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Blender icon</title><path d="M12.51 13.214c.046-.8.438-1.506 1.03-2.006a3.424 3.424 0 0 1 2.212-.79c.85 0 1.631.3 2.211.79.592.5.983 1.206 1.028 2.005.045.823-.285 1.586-.865 2.153a3.389 3.389 0 0 1-2.374.938 3.393 3.393 0 0 1-2.376-.938c-.58-.567-.91-1.33-.865-2.152M7.35 14.831c.006.314.106.922.256 1.398a7.372 7.372 0 0 0 1.593 2.757 8.227 8.227 0 0 0 2.787 2.001 8.947 8.947 0 0 0 3.66.76 8.964 8.964 0 0 0 3.657-.772 8.285 8.285 0 0 0 2.785-2.01 7.428 7.428 0 0 0 1.592-2.762 6.964 6.964 0 0 0 .25-3.074 7.123 7.123 0 0 0-1.016-2.779 7.764 7.764 0 0 0-1.852-2.043h.002L13.566 2.55l-.02-.015c-.492-.378-1.319-.376-1.86.002-.547.382-.609 1.015-.123 1.415l-.001.001 3.126 2.543-9.53.01h-.013c-.788.001-1.545.518-1.695 1.172-.154.665.38 1.217 1.2 1.22V8.9l4.83-.01-8.62 6.617-.034.025c-.813.622-1.075 1.658-.563 2.313.52.667 1.625.668 2.447.004L7.414 14s-.069.52-.063.831zm12.09 1.741c-.97.988-2.326 1.548-3.795 1.55-1.47.004-2.827-.552-3.797-1.538a4.51 4.51 0 0 1-1.036-1.622 4.282 4.282 0 0 1 .282-3.519 4.702 4.702 0 0 1 1.153-1.371c.942-.768 2.141-1.183 3.396-1.185 1.256-.002 2.455.41 3.398 1.175.48.391.87.854 1.152 1.367a4.28 4.28 0 0 1 .522 1.706 4.236 4.236 0 0 1-.239 1.811 4.54 4.54 0 0 1-1.035 1.626"/></svg>
</a>
</div>
</div>
</section>
<section class="full-width-section background-grey" id="newsletter">
<div class="newsletter-container container">
<h1>
🗞 Newsletter
</h1>
<p>Stay up to date with new open source projects and developer events from Embark with our developer newsletter. Check out the latest issues:</p>
<a v-bind:href="newsletterUrl(n)" class="card" v-for="n in newsletter.slice(0,3)">
<div class="newsletter-card">
<h3 class="title">
{{ n.name }}
</h3>
<p v-html="n.date"></p>
<p v-html="n.description"></p>
</div>
</a>
<a class="button-primary" href="https://mailchi.mp/3608b3a1adca/embarkdev">Join</a>
<a class="button-primary button-secondary" href="/newsletter">Archives</a>
</div>
</section>
<section class="full-width-section" id="contribute">
<div class="container">
<h1>
Want to get involved?
</h1>
<p>All projects created at Embark Studios are open for contribution. We welcome contributions from people of all backgrounds who are interested in making great software with us. We need <b>you</b> to help us achieve our goal of empowering everyone to create.</p>
<p>If you have any difficulties getting involved or finding answers to your questions, please don't hesitate to ask your questions in our <a href="https://discord.com/invite/8TW9nfF">discord</a> channel.</p>
<a href="https://github.com/EmbarkStudios/opensource-website/blob/main/CODE_OF_CONDUCT.md"><h3>Read our Code of Conduct →</h3></a>
<a href="https://github.com/search?q=user:EmbarkStudios+state:open"><h3>Check out open issues →</h3></a>
<a href="https://github.com/EmbarkStudios/opensource-website/blob/main/CONTRIBUTING.md" class="button-primary">Get Started!</a>
<p>If you want to collaborate with Embark, you can reach out to us at <a href="mailto:[email protected]">[email protected]</a>.</p>
<p>We're also looking for passionate people to <a href="https://embark-studios.com/jobs">join our team</a> in Stockholm!</p>
</div>
</section>
</div>
</body>
</html>