Wat de bezoeker ziet, wordt door de server als HTML gerenderd, met alleen het strikt noodzakelijke aan JavaScript. Geen witte pagina tijdens het laden, geen megabytes om te downloaden voordat u een zin kunt lezen.
De startpagina van de openbare site
De startpagina zoals een bezoeker haar ontdekt: de carrousel in de koptekst, daarna de secties die in het raster zijn samengesteld.
Deze site draait op Aurora
app.axelraboit.fr is geen etalage die naast het product is gebouwd: het is Aurora in productie. De startpagina, de dienstenpagina's, het portfolio, de fotogalerij en deze rondleiding zijn allemaal samengesteld in het beheer en worden door dezelfde motor geserveerd, op mijn eigen server. Wat deze pagina beschrijft, gebruikt u op dit moment zelf.
Een opleidingspagina: afwisselend beeld en tekst
De intro, daarna afwisselend beeld en tekst, samengesteld in het beheer zonder één regel code. De pagina staat op een raster: elke zone geeft haar breedte per schermgrootte aan, en de pagina werkt op een telefoon.
Een tip: de essentie in cijfers
Het grote beeld, de essentie in enkele regels, de cijfers en het citaat van een trainster. De afbeeldingen worden in meerdere formaten geserveerd, afhankelijk van het scherm als WebP, met de naam van de fotograaf wanneer de foto daarom vraagt.
De viewer van de galerijen
Een galerij opent in een viewer: de foto op volledig scherm, de pijlen en de teller. Hij bedient u met het toetsenbord of met de vinger, met vegen op een telefoon.
Op een telefoon: één kolom
De startpagina, een opleiding en een tip naast elkaar op een telefoon. Dezelfde pagina's passen in één kolom, met een ingeklapt menu en afbeeldingen in het juiste formaat.
De contactpagina: drie velden
De contactpagina van de openbare site bestaat uit drie velden: de naam, het e-mailadres en het bericht, zoals de bezoeker ze ziet. Wat hij verstuurt, komt aan in het beheer.
Wat de site verder nog doet
- Snel geserveerde pagina's, in de cache bewaard op basis van de datum van hun inhoud.
- Een eenvoudige koptekst of een carrousel, per pagina in te stellen.
- Vijf talen (Frans, Engels, Spaans, Duits, Nederlands), elke pagina vertaald en met een eigen adres.
- Een persoonlijke omgeving wanneer de site die nodig heeft: registratie, inloggen, profiel.