Skip to content

Commit

Permalink
feat: remove background for docs overview
Browse files Browse the repository at this point in the history
  • Loading branch information
@zaucy
zaucy committed Aug 1, 2024
1 parent de74e2f commit 0a97fad
Show file tree
Hide file tree
Showing 3 changed files with 102 additions and 105 deletions.
196 changes: 94 additions & 102 deletions src/app/docs/overview/overview.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
<article>
<h1 id="diagram" aria-hidden class="opacity-0 select-none h-0 m-0">
Ecsact Diagram
</h1>
<div class="m-8 px-8 py-16">
<ecsact-example-diagram [verticalLayout]="smallWidth()">
<pre
diagramStart
Expand Down Expand Up @@ -56,105 +53,100 @@ <h1 id="diagram" aria-hidden class="opacity-0 select-none h-0 m-0">
x-webkit-airplay="deny"></video>
</div>
</ecsact-example-diagram>
</div>

<h2>Start Reading</h2>
<section class="my-8 mx-auto px-2">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-x-10 gap-y-8">
<ecsact-showcase
[title]="'The Basics'"
[description]="'Learn more about what drives Ecsact'">
<div
showcaseImage
class="w-full h-full bg-branch bg-no-repeat bg-center bg-contain dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/ecs">
<span class="text-black">
<span class="i48">school</span>
What is ECS?
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/lang">
<span class="text-black">
<span class="i48">psychology</span>
Language
</span>
</a>
</ecsact-showcase>

<ecsact-showcase
title="Systems"
description="Read up on how systems are applied">
<div
showcaseImage
class="w-full h-full bg-systems bg-no-repeat bg-center bg-contain dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/system-impl">
<span class="text-black">
<span class="i48">Settings</span>
System Implementations
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/system-execution">
<span class="text-black">
<span class="i48">Engineering</span>
System Execution
</span>
</a>
</ecsact-showcase>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-x-10 gap-y-8 m-8">
<ecsact-showcase
[title]="'The Basics'"
[description]="'Learn more about what drives Ecsact'">
<div
showcaseImage
class="w-full h-full bg-branch bg-no-repeat bg-center bg-contain dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/ecs">
<span class="text-black">
<span class="i48">school</span>
What is ECS?
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/lang">
<span class="text-black">
<span class="i48">psychology</span>
Language
</span>
</a>
</ecsact-showcase>

<ecsact-showcase
title="Unity Integration"
description="Explore the Ecsact Unity integration APIs">
<div showcaseImage class="w-full h-full p-8">
<div class="brand unity w-full h-full"></div>
</div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/unity/defaults">
<span class="text-black">
<span class="i48">library_books</span>
Defaults Class
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/unity/entities">
<span class="text-black">
<span class="i48">add_circle</span>
Creating Entities
</span>
</a>
</ecsact-showcase>
<ecsact-showcase
title="Systems"
description="Read up on how systems are applied">
<div
showcaseImage
class="w-full h-full bg-systems bg-no-repeat bg-center bg-contain dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/system-impl">
<span class="text-black">
<span class="i48">Settings</span>
System Implementations
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/system-execution">
<span class="text-black">
<span class="i48">Engineering</span>
System Execution
</span>
</a>
</ecsact-showcase>

<ecsact-showcase
title="Runtime"
description="Find out how the Runtime works">
<div
showcaseImage
class="w-full h-full bg-runtime bg-no-repeat bg-cover bg-center dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/runtime">
<span class="text-black">
<span class="i48">memory</span>
Runtime
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/runtime-implementations">
<span class="text-black">
<span class="i48">memory</span>
Runtime Implementations
</span>
</a>
</ecsact-showcase>
<ecsact-showcase
title="Unity Integration"
description="Explore the Ecsact Unity integration APIs">
<div showcaseImage class="w-full h-full p-8">
<div class="brand unity w-full h-full"></div>
</div>
</section>
</article>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/unity/defaults">
<span class="text-black">
<span class="i48">library_books</span>
Defaults Class
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/unity/entities">
<span class="text-black">
<span class="i48">add_circle</span>
Creating Entities
</span>
</a>
</ecsact-showcase>

<ecsact-showcase title="Runtime" description="Find out how the Runtime works">
<div
showcaseImage
class="w-full h-full bg-runtime bg-no-repeat bg-cover bg-center dark:invert"></div>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/runtime">
<span class="text-black">
<span class="i48">memory</span>
Runtime
</span>
</a>
<a
class="btn text-primary/50 bg-primary-bright whitespace-nowrap text-ellipsis overflow-hidden"
routerLink="/docs/runtime-implementations">
<span class="text-black">
<span class="i48">memory</span>
Runtime Implementations
</span>
</a>
</ecsact-showcase>
</div>
8 changes: 6 additions & 2 deletions src/components/layout/content/content.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,12 @@

<div>
<div class="page-anchors-container">
<div class="page-anchors border-l-2 border-primary border-solid">
<div><strong>On this page</strong></div>
<div
[class.opacity-0]="pageAnchors.length > 0"
class="page-anchors border-l-2 border-primary border-solid">
<div>
<strong>On this page</strong>
</div>
<a
*ngFor="let pageAnchor of pageAnchors; trackBy: trackBy"
[routerLink]=""
Expand Down
3 changes: 2 additions & 1 deletion src/components/layout/showcase/showcase.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<div class="flex flex-col shadow-lg h-full">
<div class="aspect-video w-full relative overflow-hidden bg-bg rounded-t-lg">
<div
class="aspect-video w-full relative overflow-hidden rounded-t-lg bg-content-bg">
<ng-content select="[showcaseImage]"></ng-content>
</div>
<div class="grow bg-secondary/20">
Expand Down

0 comments on commit 0a97fad

Please sign in to comment.