Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/noesya/coop.noesya.www


https://github.com/noesya/coop.noesya.www

jekyll

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# noesya

[![Netlify Status](https://api.netlify.com/api/v1/badges/7755f932-ad59-4c58-b029-c5d4bbde2015/deploy-status)](https://app.netlify.com/sites/noesya-www/deploys)

## Setup des domaines

Dans Netlify, domaine principal (avec/sans www) et domaines secondaires (sans www)
- `noesya-www.netlify.app` (par défaut)
- `www.noesya.coop` (principal)
- `noesya.coop` (redirige vers principal)
- `noesya.com` (alias)
- `noesya.fr` (alias)

Table de redirections dans le fichier [`netlify.toml`](https://github.com/noesya/noesya-www/blob/master/netlify.toml)

### noesya.coop

```
@ 300 IN A 75.2.60.5
www 300 IN CNAME noesya-www.netlify.app.
```

### noesya.com

*Redirection Web : `http(s)://www.noesya.com` vers `https://www.noesya.coop`*

```
@ 300 IN A 75.2.60.5
www CNAME 10800 webredir.gandi.net.
```

### noesya.fr

*Redirection Web : `http(s)://www.noesya.fr` vers `https://www.noesya.coop`*

```
@ 300 IN A 75.2.60.5
www CNAME 10800 webredir.gandi.net.
```

## Maquette

https://www.figma.com/file/7KG0r0KsUBcxrt7iXGaR4m/Explorations?node-id=151%3A285

## Research

- Button size : https://uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/
- Vertical Grid tool : https://chrome.google.com/webstore/detail/grid-ruler/joadogiaiabhmggdifljlpkclnpfncmj/related?hl=en
- Jekyll::Converter:Scss issue with css min and max https://github.com/sass/node-sass/issues/2815

## Grid

Afficher la grille avec l'extension CSS Grid pour Chrome (https://chrome.google.com/webstore/detail/css-grid-overlay/hajfilceeneohkmcakehndmaeonhlack) :

```
[
{
"columns": 12,
"from": 840,
"gutters": 25,
"margins": 50,
"maxWidth": 1340,
"to": 7680
}
]
```

# Architecture de l'écosystème

## Assets

Les assets qui ne sont pas optimisés localement (jekyll picture tag) sont sur un sous-domaine assets.noesya.coop.

Notamment :
- logo
- typos
- icônes
- images pour les mails

## Gestion des styles communs

3 possibilités :
- 1 style par site (si plusieurs visites, code redondant téléchargé)
- 1 style commun (code mort)
- 1 style commun + 1 par site (2 appels)

Le fichier de style du site pèse 5 ko, donc on privilégie l'approche 1 (1 style par site).

## Gestion des redondances de code (footer, header, data...)

2 types de redondance :
- le style CSS
- les includes / layouts HTML

3 approches :
- thème Jekyll
- template Github
- sites sur des branches

Thème Jekyll https://jekyllrb.com/docs/themes/#creating-a-gem-based-theme