-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(site): rework 1/2 of slides content
- Loading branch information
Showing
25 changed files
with
201 additions
and
59 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,17 +1,24 @@ | ||
--- | ||
title: What the ESL is? | ||
title: What is ESL? | ||
hash: intro | ||
tags: overview-quick | ||
--- | ||
|
||
<h2>What the ESL is?</h2> | ||
<h2 class="text-center">What is ESL?</h2> | ||
|
||
<p class="text-italic esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL is an open-source UI components library that reduces routine tasks and lets you efficiently create websites with flexible components. | ||
ESL is an open-source UI component library that simplifies routine tasks, enabling efficient website creation with flexible components. | ||
</p> | ||
<p class="text-italic esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL is based on Web Components, providing a standard user experience for popups, tabs, embedded videos/audio, and more. | ||
With ESL, you can easily implement popular UX patterns such as popups, tabs, embedded videos/audio, and more. | ||
</p> | ||
<p class="text-italic esl-animate-slide up" esl-animate="{repeat: true}"> | ||
You can utilize these web components to complement projects or build your infrastructure from the ground up using ESL alone. | ||
Use these web components to enhance existing projects or build your infrastructure from scratch with ESL. | ||
</p> | ||
|
||
<div class="text-right"> | ||
<img alt="Open Source icon" | ||
src="{{ '/assets/common/open-source.svg' | url }}" | ||
width="100" height="100"/> | ||
</div> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
17 changes: 9 additions & 8 deletions
17
site/views/overview/quick/01-stack&compatibility/00-stack&compatibility.njk
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,23 +1,24 @@ | ||
--- | ||
title: Stack & Compatibility | ||
hash: stack | ||
cls: text-center | ||
tags: overview-quick | ||
--- | ||
|
||
<h3>ESL is tiny and efficient</h3> | ||
<h3 class="text-center mb-4">ESL is Tiny and Efficient</h3> | ||
|
||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL is designed to work quickly and efficiently in browsers, minimizing unnecessary code and ensuring it doesn’t impact website performance. | ||
</p> | ||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL package does not depend on any third-party libraries, it uses built-in browser functionality like Web API and ECMAScript 6. | ||
ESL is designed to work quickly and efficiently in browsers, minimizing unnecessary code and ensuring optimal website performance. | ||
</p> | ||
|
||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL codebase is written in TypeScript and compiled to ES6 JavaScript. | ||
The ESL package is independent of third-party libraries, relying on built-in browser functionality like Web API and ECMAScript 6. | ||
</p> | ||
|
||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL package is fully tree-shakable, so in the result bundle you will have only the components you use. | ||
Written in TypeScript and compiled to ES6 JavaScript, ESL’s codebase is fully tree-shakable, so your bundle includes only the components you use. | ||
</p> | ||
|
||
<p class="esl-animate-slide up text-note" esl-animate="{repeat: true}"> | ||
At that moment some of the syntax sugar provided with TS decorators, in the future, it will be complimented with native ES decorators. | ||
Currently, ESL uses TypeScript decorators for some syntax sugar, with plans to complement these with native ES decorators in the future. | ||
</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
39 changes: 37 additions & 2 deletions
39
site/views/overview/quick/01-stack&compatibility/03-compatibility.njk
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,51 @@ | ||
--- | ||
title: ESL Compatibility | ||
hash: compatibility | ||
cls: text-center | ||
tags: overview-quick | ||
parent: 00-stack&compatibility | ||
--- | ||
|
||
<h3>ESL Compatibility</h3> | ||
<h3 class="text-center">ESL Compatibility</h3> | ||
|
||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
ESL is framework-agnostic library, it can be used with any modern framework or vanilla JS. | ||
</p> | ||
|
||
<p class="esl-animate-slide up" esl-animate="{repeat: true}"> | ||
Built-in ESL components have proper type definitions for TSX (JSX) syntax and accepts arguments both as attributes and properties. | ||
Built-in ESL components have proper type definitions for TSX (JSX) syntax and accepts arguments both as attributes and | ||
properties. | ||
</p> | ||
|
||
<figure class="d-flex justify-content-center esl-animate-slide up" esl-animate="{repeat: true}"> | ||
<img loading="lazy" | ||
width="100" | ||
height="100" | ||
class="esl-animate-slide right" esl-animate="{repeat: true, group:true}" | ||
src="{{ '/assets/logo-white.svg' | url }}" | ||
alt="ESL" /> | ||
|
||
<svg width="100" height="100" viewBox="0 0 40 40" fill="white" xmlns="http://www.w3.org/2000/svg"> | ||
<rect x="18" y="10" width="4" height="20" /> | ||
<rect x="10" y="18" width="20" height="4" /> | ||
</svg> | ||
|
||
<img loading="lazy" | ||
width="100" | ||
height="100" | ||
class="esl-animate-slide left" esl-animate="{repeat: true, group:true}" | ||
src="{{ '/assets/frameworks/react.svg' | url }}" | ||
alt="React" /> | ||
<img loading="lazy" | ||
width="100" | ||
height="100" | ||
class="esl-animate-slide left" esl-animate="{repeat: true, group:true}" | ||
src="{{ '/assets/frameworks/angular.svg' | url }}" | ||
alt="Angular" /> | ||
<img loading="lazy" | ||
width="100" | ||
height="100" | ||
class="esl-animate-slide left" esl-animate="{repeat: true, group:true}" | ||
src="{{ '/assets/frameworks/vue.svg' | url }}" | ||
alt="Vue" /> | ||
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,7 @@ | ||
--- | ||
title: ESL Core | ||
hash: core | ||
cls: text-center | ||
tags: overview-quick | ||
--- | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.