'def title Regarding usage of JavaScript
'def  desc Listing of the different JavaScript scripts used in this website and the data they store in the browser.

# {title}

On 20.02.2022 I decided to lift the "ban" on usage of JavaScript in this website. This gives me the freedom to implement some useful features for those that have it enabled. {b Any content that doesn't depend on JavaScript will be perfectly consumable without it!}

Any user data that might be saved isn't, and never will be, used for purposes not listed here. There isn't, and won't ever be, any form of tracking or data collection that isn't required for some feature (listed here).

## Implemented features

:table
:5
|= Script
|= Description
|= GitLab source
|= Size
|= Lines

|: {url image-show.js;/scripts/image-show.js}
|: Click to zoom on images
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/image-show.js}
|: 551B
|: 24

|: {url back-to-top.js;/scripts/back-to-top.js}
|: Automatically appearing button to scroll to top
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/back-to-top.js}
|: 378B
|: 15

|: {url styling-preload.js;/scripts/styling-preload.js}
|: Disable/enable certain stylesheets before page rendering
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/styling-preload.js}
|: 385B
|: 13

|: {url theme-changer.js;/scripts/theme-changer.js}
|: Change theme between light and dark (split in two files)
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/theme-changer.js}
|: 468B
|: 18

|: {url page-width.js;/scripts/page-width.js}
|: Change whether text covers the whole width of the page or only the middle (applicable to wide screens)
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/page-width.js}
|: 640B
|: 23

|: {url expand-navbar.js;/scripts/expand-navbar.js}
|: Button to shrink and expand the sidebar
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/expand-navbar.js}
|: 728B
|: 20

|: {url presentation.js;/scripts/presentation.js}
|: Presentation logic (button capabilities and other) {b Loaded only on pages with presentations!}
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/presentation.js}
|: 6.1KB
|: 204

|: {url keyboard.js;/scripts/keyboard.js}
|: Implements keyboard shortcuts
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/keyboard.js}
|: 810B
|: 40

|: {url snow.js;/scripts/snow.js}
|: Adds and manages falling snowflakes. Functional only in December and January.
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/snow.js}
|: 814B
|: 36

|: {url snow-preload.js;/scripts/snow-preload.js}
|: Initializes falling snowflake elements
|: {url Link;https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/src/scripts/snow-preload.js}
|: 561B
|: 20

|:
|: Total without presentation.js
|:
|: 5.3KB
|: 209

|:
|: Total with presentation.js
|:
|: 11.4KB
|: 413



## Data in browser storage

.p

### Local storage

:table
:3
|= Key
|= Values
|= Description

|: {` theme}
|: {` dark} | {` light}
|: Saves which theme should be loaded

|: {` width}
|: {` norm} | {` wide}
|: Saves in which width pages should be shown

|: {` navbar}
|: {` norm} | {` hidden}
|: Saves whether the navbar should be expanded or shrunk

|: {` snow}
|: {` on} | {` off}
|: Saves whether snowflakes are shown (and animated). Functional only in December and January.



.p