ODE/Open-Sand-One
ODE/Open-Sand-One
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

docs: 📝 Update ReadMe.md

Browse Source
This commit is contained in:
Thoscellen 2021-08-14 14:08:59 +02:00
parent 6df61f13eb
commit 150b12d8f2
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
README.md
View File

@ -1,30 +1,25 @@
# Open Sand One
> This repository serve resources and examples for my Behance portfolio.
This is a visual rework of the One ENT website, that rely on back drop blur, opacity, shadows and border radiuses in CSS. It is mostly inspired by iOS 14 aesthetic and overrides the default website theme (via the xStyle extension)
We reduced a lot of decoration to simplify the design language and emphases the content, and highlighted the website wallpaper − which is customisable by a predefined selection of vector illustrations − in order to enhance the feel of cosiness.
![Illustration of the Timeline webpage with the water lily theme.](public/Timeline_idle.One.v01.png)
![Illustration of the Timeline webpage with the water lily theme.](https://khosmon.gitlab.io/Open-Sand-One/readme_assets/Timeline_idle.One.v01.png)<center>Illustration of the Timeline webpage with the *water lily* theme. Most of the content borders has been removed, background made translucent and blurry.</center>
Illustration of the Timeline webpage with the *water lily* theme. Most of the content borders has been removed, background made translucent and blurry.
![Illustration of the Timeline webpage with the Wood theme.](https://khosmon.gitlab.io/Open-Sand-One/readme_assets/Timeline_with_filter.One.v01.png)<center>Illustration of the Timeline webpage with the *Wood* theme. The filter list has been revamped to looks like a card when expanded and allow the toggle of switches. Each filters shows if it's activated by using a re-enforced visual code.</center>
![Illustration of the Timeline webpage with the Wood theme.](public/Timeline_with_filter.One.v01.png)
![Illustration of the My Apps webpage with the Fall theme.](https://khosmon.gitlab.io/Open-Sand-One/readme_assets/MyApps.One.v01.png)<center>Illustration of the My Apps webpage with the *Fall* theme. The search bar has been lightened and justified to the width of the app grid.</center>
Illustration of the Timeline webpage with the *Wood* theme. The filter list has been revamped to looks like a card when expanded and allow the toggle of switches. Each filters shows if it's activated by using a re-enforced visual code.
![Illustration of the My Apps webpage with the Fall theme.](public/MyApps.One.v01.png)
Illustration of the My Apps webpage with the *Fall* theme. The search bar has been lightened and justified to the width of the app grid.
![Illutration of the Timeline webpage ](public/Timeline_idle.Neo.v01.png)
Illustration of the Timeline web page for the Neo ENT. Neo has been adressed for
![Illutration of the Timeline webpage ](https://khosmon.gitlab.io/Open-Sand-One/readme_assets/Timeline_idle.Neo.v01.png)<center>Illustration of the Timeline web page for the Neo ENT.</center>
<figure class="video_container">
<video controls="true" allowfullscreen="false" loop="true" disablePictureInPicture="true">
<source src="public/Filter_All.one.mp4" type="video/mp4">
<a href="public/Filter_All.one.mp4">Animation au survol de la zone de filtre</a>
<source src="https://khosmon.gitlab.io/Open-Sand-One/readme_assets/Filter_All.one.mov" type="video/mov">
</video>
</figure>
Exemple d'animation. Sur le thème One, le filtre est fortement effacée pour laisser place aux notifications. Son existance est mise en avant lorsque le curseur ou le focus est donné à l'élément pour montrer les possibilités d'interactions.
<center>
Demonstration of animations of the filters card. The card expand and collapse, got a translucent background on hover, and keep it when expanded.
</center>