Strona została napisana w edytorze Visual Studio Code używając składni SCSS preprocesora SASS do pisania kodu CSS oraz użyto ikon ze strony https://fontawesome.com/.
- użyte czcionki:
- strona została zaprojektowana w sposób responsywny dzięki czemu umożliwia to swobodne i wygodne korzystanie z niej na każdym urządzeniu:
Smartphone | Mobile | Desktop |
---|---|---|
< 768px | 768px - 999px | > 1000px |
widok przystowany do korzystania na smartphonie, hamburger menu (nawigacja rozwijana) (początkowy design strony), | widok mobilny, pasek nawigacji na górze, dostosowanie czcionek i animacji do większych ekranów, | widok desktop , dostosowanie czcionek i animacji do komputerów stacjonarnych, |
-
użyto:
- znaczników semantycznych,
- znaczników Open Graph (znaczniki wyświetlające podgląd strony w momencie udostępniania).
-
linki nawigacji przenoszące do odpowiadającej im sekcji strony,
-
przycisk na dole strony przenoszący na górę strony.
-
animacja na stronie wykonana przy pomocy CSS oraz JavaScript,
-
linki aktywne oraz znacznik w jakiej aktualnie się znajduję użytkownik,
-
zmieniony wygląd scrollbar'a,
-
animacja na stronie uruchamiana jest w momencie załadowania wszystkich obrazów na stronie,
-
możliwość wyłączenia całkowicie animacji znajdujących się na stronie.
(aby wyłączyć animacje: Ustawienia > Ułatwienia dostępu > Wyświetlacz > Pokaż animacje w systemie Windows (Wyłącz)) (Ustawienie znajduje się w pliku _reset.scss).