Skip to content

Commit 22d610c

Browse files
zaucyzaucy
committed
spruced up the home page added wasm logo
1 parent 8076b82 commit 22d610c

File tree

3 files changed

+85
-55
lines changed

3 files changed

+85
-55
lines changed

‎src/app/home/home.component.html‎

Lines changed: 76 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ <h2>ECS <em>enforced</em>.</h2>
3636
<em>best</em> use of ECS.
3737
</p>
3838
<p class="font-bold">
39-
<a class="btn text-secondary/50 bg-secondary" routerLink="/start">
39+
<a class="btn text-secondary/50 bg-secondary" routerLink="/docs/lang">
4040
<span class="text-black">
4141
<span class="i48">school</span>
4242
Learn More
@@ -45,31 +45,50 @@ <h2>ECS <em>enforced</em>.</h2>
4545
</p>
4646
</div>
4747

48-
<video
49-
class="shrink max-w-xs rounded-lg shadow-lg"
50-
autoplay
51-
loop
52-
muted
53-
src="assets/renders/ecsact-action-anim.webm"></video>
48+
<div class="brand ecsact flex-[2] self-stretch"></div>
5449
</section>
50+
<div class="bg-black/5 dark:bg-white/5">
51+
<section
52+
class="max-w-2xl my-8 center mx-auto px-4 py-16 flex flex-col lg:flex-row gap-8 items-center">
53+
<div class="brand ecsact flex-[2] self-stretch"></div>
54+
<div class="flex-[3]">
55+
<h2>Commit to Ecsact without committing to an engine.</h2>
56+
<p>
57+
Ecsact is designed to not rely on any particular engine, affording you
58+
the flexibility to make the best decision for your product.
59+
</p>
60+
<p class="text-sm">
61+
<a routerLink="/start/unity">Unity integration</a> is
62+
<strong>available now</strong> with
63+
<a routerLink="/start/unreal">Unreal</a> and
64+
<a routerLink="/start/godot">Godot</a> support planned for the near
65+
future. <a routerLink="/start/custom">Custom</a> integration is also
66+
possible for in-house or other engines that are not officially planned
67+
for.
68+
</p>
69+
<p class="font-bold">
70+
<a
71+
class="btn text-secondary/50 bg-secondary"
72+
routerLink="/start"
73+
fragment="integrations">
74+
<span class="text-black">
75+
<span class="i48">school</span>
76+
Learn More
77+
</span>
78+
</a>
79+
</p>
80+
</div>
81+
</section>
82+
</div>
5583

5684
<section
5785
class="max-w-2xl my-8 center mx-auto px-4 py-16 flex flex-col lg:flex-row gap-8 items-center">
58-
<div class="brand ecsact flex-[2] self-stretch"></div>
59-
<div class="flex-[3]">
60-
<h2>Commit to Ecsact without committing to an engine.</h2>
86+
<div>
87+
<h2>Interrupt your simulation with Actions</h2>
6188
<p>
62-
Ecsact is designed to not rely on any particular engine, affording you
63-
the flexibility to make the best decision for your product.
64-
</p>
65-
<p class="text-sm">
66-
<a routerLink="/start/unity">Unity integration</a> is
67-
<strong>available now</strong> with
68-
<a routerLink="/start/unreal">Unreal</a> and
69-
<a routerLink="/start/godot">Godot</a> support planned for the near
70-
future. <a routerLink="/start/custom">Custom</a> integration is also
71-
possible for in-house or other engines that are not officially planned
72-
for.
89+
Ecsact introduces <em>actions</em> to your ECS. Actions are a
90+
specialized system used to break-up the simulation. Perfectly suitable
91+
for user or bot input.
7392
</p>
7493
<p class="font-bold">
7594
<a
@@ -83,42 +102,44 @@ <h2>Commit to Ecsact without committing to an engine.</h2>
83102
</a>
84103
</p>
85104
</div>
105+
<video
106+
class="shrink max-w-xs rounded-lg shadow-lg"
107+
autoplay
108+
loop
109+
muted
110+
src="assets/renders/ecsact-action-anim.webm"></video>
86111
</section>
87112

88-
<section class="my-8 max-w-md center mx-auto px-2">
89-
<h2 style="text-align: center">Interrupt the simulation using Actions</h2>
90-
<div class="flex flex-row">
91-
<div class="brand ecsact w-64 h-64"></div>
92-
<p style="text-align: center" t>
93-
Change the Ecsact runtime on the fly with Action systems
94-
</p>
95-
</div>
96-
<p class="text-center">
97-
<a routerLink="/start" class="btn">
98-
<span class="i48">school</span>
99-
Learn More
100-
</a>
101-
</p>
102-
</section>
103-
104-
<section class="my-8 max-w-md center mx-auto px-2">
105-
<h2 style="text-align: center">ECS for everyone</h2>
106-
<div class="flex flex-col items-center">
107-
<img
108-
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/WebAssembly_Logo.svg/2048px-WebAssembly_Logo.svg.png"
109-
class="brand ecsact w-64 h-64" />
110-
<p style="text-align: center" t>
111-
Wasm support is coming, bringing hot reloading and support for dozens of
112-
programming languages like C++, Python, Rust and more.
113-
</p>
114-
</div>
115-
<p class="text-center">
116-
<a routerLink="/start" class="btn">
117-
<span class="i48">school</span>
118-
Learn More
119-
</a>
120-
</p>
121-
</section>
113+
<div class="bg-black/5 dark:bg-white/5">
114+
<section
115+
class="max-w-2xl my-8 center mx-auto px-4 py-16 flex flex-col lg:flex-row gap-8 items-center">
116+
<div
117+
class="bg-wasmLogo bg-contain bg-no-repeat bg-center m-4 flex-[2] self-stretch"></div>
118+
<div class="flex-[3]">
119+
<h2>Build your systems with your choice of programming language.</h2>
120+
<p>
121+
Ecsact does not discriminate between programming languages. The choice
122+
is yours. Systems may be implemented in any language that can be
123+
exported to WebAssembly.
124+
</p>
125+
<p class="text-sm">
126+
System implemenations may also be in different formats or even set
127+
dynamically at runtime!
128+
</p>
129+
<p class="font-bold">
130+
<a
131+
class="btn text-secondary/50 bg-secondary"
132+
routerLink="/docs/system-impl"
133+
fragment="integrations">
134+
<span class="text-black">
135+
<span class="i48">school</span>
136+
Learn More
137+
</span>
138+
</a>
139+
</p>
140+
</div>
141+
</section>
142+
</div>
122143

123144
<section class="my-8 max-w-md center mx-auto px-4 py-16">
124145
<p class="text-center">What are you waiting for?</p>

‎src/assets/brand/wasm.svg‎

Lines changed: 8 additions & 0 deletions
Loading

‎src/tailwind.config.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ module.exports = {
1010
logoBlack: 'url(external/ecsact_logo/ecsact-black.png)',
1111
logoColor: 'url(external/ecsact_logo/ecsact-color.png)',
1212
'subtle-texture': 'url(assets/bg/subtle-texture.webp)',
13+
wasmLogo: 'url(assets/brand/wasm.svg)',
1314
},
1415
keyframes: {
1516
'slide-down': {

0 commit comments

Comments
 (0)