commit f4493855a77d7fd7bb9448a2871c81921271fcb1 Author: √(noham)² Date: Wed Dec 21 00:15:57 2022 +0100 First push diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/assets/Article/Elephant/Final/Elephant (1).JPG b/assets/Article/Elephant/Final/Elephant (1).JPG new file mode 100644 index 0000000..096e2b5 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (1).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (10).JPG b/assets/Article/Elephant/Final/Elephant (10).JPG new file mode 100644 index 0000000..bb367d3 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (10).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (11).JPG b/assets/Article/Elephant/Final/Elephant (11).JPG new file mode 100644 index 0000000..27d0130 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (11).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (12).JPG b/assets/Article/Elephant/Final/Elephant (12).JPG new file mode 100644 index 0000000..fbef0aa Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (12).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (13).JPG b/assets/Article/Elephant/Final/Elephant (13).JPG new file mode 100644 index 0000000..0f1a092 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (13).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (14).JPG b/assets/Article/Elephant/Final/Elephant (14).JPG new file mode 100644 index 0000000..c6e513c Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (14).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (15).JPG b/assets/Article/Elephant/Final/Elephant (15).JPG new file mode 100644 index 0000000..0412022 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (15).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (16).JPG b/assets/Article/Elephant/Final/Elephant (16).JPG new file mode 100644 index 0000000..3adc50c Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (16).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (17).JPG b/assets/Article/Elephant/Final/Elephant (17).JPG new file mode 100644 index 0000000..04a86a3 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (17).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (2).JPG b/assets/Article/Elephant/Final/Elephant (2).JPG new file mode 100644 index 0000000..1b9193a Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (2).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (3).JPG b/assets/Article/Elephant/Final/Elephant (3).JPG new file mode 100644 index 0000000..e5ed574 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (3).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (4).JPG b/assets/Article/Elephant/Final/Elephant (4).JPG new file mode 100644 index 0000000..ed53cd0 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (4).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (5).JPG b/assets/Article/Elephant/Final/Elephant (5).JPG new file mode 100644 index 0000000..575a25c Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (5).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (6).JPG b/assets/Article/Elephant/Final/Elephant (6).JPG new file mode 100644 index 0000000..dd67e0c Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (6).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (7).JPG b/assets/Article/Elephant/Final/Elephant (7).JPG new file mode 100644 index 0000000..abc28aa Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (7).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (8).JPG b/assets/Article/Elephant/Final/Elephant (8).JPG new file mode 100644 index 0000000..05cf48a Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (8).JPG differ diff --git a/assets/Article/Elephant/Final/Elephant (9).JPG b/assets/Article/Elephant/Final/Elephant (9).JPG new file mode 100644 index 0000000..63d5c94 Binary files /dev/null and b/assets/Article/Elephant/Final/Elephant (9).JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0335.JPG b/assets/Article/Elephant/Raw/IMG_0335.JPG new file mode 100644 index 0000000..cd0c415 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0335.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0431.JPG b/assets/Article/Elephant/Raw/IMG_0431.JPG new file mode 100644 index 0000000..dd67e0c Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0431.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0432.JPG b/assets/Article/Elephant/Raw/IMG_0432.JPG new file mode 100644 index 0000000..abc28aa Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0432.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0562.JPG b/assets/Article/Elephant/Raw/IMG_0562.JPG new file mode 100644 index 0000000..b8a8962 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0562.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0648.JPG b/assets/Article/Elephant/Raw/IMG_0648.JPG new file mode 100644 index 0000000..8e3a2f9 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0648.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0649.JPG b/assets/Article/Elephant/Raw/IMG_0649.JPG new file mode 100644 index 0000000..725501f Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0649.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0650.JPG b/assets/Article/Elephant/Raw/IMG_0650.JPG new file mode 100644 index 0000000..46a4b74 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0650.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0651.JPG b/assets/Article/Elephant/Raw/IMG_0651.JPG new file mode 100644 index 0000000..fc8e684 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0651.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0652.JPG b/assets/Article/Elephant/Raw/IMG_0652.JPG new file mode 100644 index 0000000..0547a89 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0652.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0653.JPG b/assets/Article/Elephant/Raw/IMG_0653.JPG new file mode 100644 index 0000000..c6e513c Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0653.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_0654.JPG b/assets/Article/Elephant/Raw/IMG_0654.JPG new file mode 100644 index 0000000..bb5fcd5 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_0654.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1126.JPG b/assets/Article/Elephant/Raw/IMG_1126.JPG new file mode 100644 index 0000000..007f9b8 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1126.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1212.JPG b/assets/Article/Elephant/Raw/IMG_1212.JPG new file mode 100644 index 0000000..04a86a3 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1212.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1213.JPG b/assets/Article/Elephant/Raw/IMG_1213.JPG new file mode 100644 index 0000000..096e2b5 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1213.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1214.JPG b/assets/Article/Elephant/Raw/IMG_1214.JPG new file mode 100644 index 0000000..1b9193a Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1214.JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1215 (1).JPG b/assets/Article/Elephant/Raw/IMG_1215 (1).JPG new file mode 100644 index 0000000..e5ed574 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1215 (1).JPG differ diff --git a/assets/Article/Elephant/Raw/IMG_1215 (2).JPG b/assets/Article/Elephant/Raw/IMG_1215 (2).JPG new file mode 100644 index 0000000..ed53cd0 Binary files /dev/null and b/assets/Article/Elephant/Raw/IMG_1215 (2).JPG differ diff --git a/assets/Article/Gecko/9b836270-b263-4df8-ada5-9268ac803f9e.jpg b/assets/Article/Gecko/9b836270-b263-4df8-ada5-9268ac803f9e.jpg new file mode 100644 index 0000000..20c73db Binary files /dev/null and b/assets/Article/Gecko/9b836270-b263-4df8-ada5-9268ac803f9e.jpg differ diff --git a/assets/Article/Gecko/IMG_2714.HEIC b/assets/Article/Gecko/IMG_2714.HEIC new file mode 100644 index 0000000..9ae6f69 Binary files /dev/null and b/assets/Article/Gecko/IMG_2714.HEIC differ diff --git a/assets/Article/Gecko/IMG_2715.HEIC b/assets/Article/Gecko/IMG_2715.HEIC new file mode 100644 index 0000000..65c7225 Binary files /dev/null and b/assets/Article/Gecko/IMG_2715.HEIC differ diff --git a/assets/Article/Lampe/Final/Lampe (1).PNG b/assets/Article/Lampe/Final/Lampe (1).PNG new file mode 100644 index 0000000..17a53e7 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (1).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (10).PNG b/assets/Article/Lampe/Final/Lampe (10).PNG new file mode 100644 index 0000000..00bf8f7 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (10).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (11).PNG b/assets/Article/Lampe/Final/Lampe (11).PNG new file mode 100644 index 0000000..e313025 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (11).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (12).PNG b/assets/Article/Lampe/Final/Lampe (12).PNG new file mode 100644 index 0000000..6354868 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (12).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (13).PNG b/assets/Article/Lampe/Final/Lampe (13).PNG new file mode 100644 index 0000000..81d7ce0 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (13).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (14).PNG b/assets/Article/Lampe/Final/Lampe (14).PNG new file mode 100644 index 0000000..6d5256c Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (14).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (15).PNG b/assets/Article/Lampe/Final/Lampe (15).PNG new file mode 100644 index 0000000..0b71d68 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (15).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (16).PNG b/assets/Article/Lampe/Final/Lampe (16).PNG new file mode 100644 index 0000000..1e48e13 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (16).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (17).PNG b/assets/Article/Lampe/Final/Lampe (17).PNG new file mode 100644 index 0000000..61c9cda Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (17).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (18).PNG b/assets/Article/Lampe/Final/Lampe (18).PNG new file mode 100644 index 0000000..fbe03b5 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (18).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (2).PNG b/assets/Article/Lampe/Final/Lampe (2).PNG new file mode 100644 index 0000000..013c29b Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (2).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (3).PNG b/assets/Article/Lampe/Final/Lampe (3).PNG new file mode 100644 index 0000000..0543176 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (3).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (4).PNG b/assets/Article/Lampe/Final/Lampe (4).PNG new file mode 100644 index 0000000..63fa4cc Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (4).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (5).PNG b/assets/Article/Lampe/Final/Lampe (5).PNG new file mode 100644 index 0000000..05c400a Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (5).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (6).PNG b/assets/Article/Lampe/Final/Lampe (6).PNG new file mode 100644 index 0000000..2bd7706 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (6).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (7).PNG b/assets/Article/Lampe/Final/Lampe (7).PNG new file mode 100644 index 0000000..1b38923 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (7).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (8).PNG b/assets/Article/Lampe/Final/Lampe (8).PNG new file mode 100644 index 0000000..66cb897 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (8).PNG differ diff --git a/assets/Article/Lampe/Final/Lampe (9).PNG b/assets/Article/Lampe/Final/Lampe (9).PNG new file mode 100644 index 0000000..c0bd598 Binary files /dev/null and b/assets/Article/Lampe/Final/Lampe (9).PNG differ diff --git a/assets/Article/Lampe/Raw/IMG_0713.HEIC b/assets/Article/Lampe/Raw/IMG_0713.HEIC new file mode 100644 index 0000000..548d1a7 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0713.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0714.HEIC b/assets/Article/Lampe/Raw/IMG_0714.HEIC new file mode 100644 index 0000000..ab9ed14 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0714.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0715.HEIC b/assets/Article/Lampe/Raw/IMG_0715.HEIC new file mode 100644 index 0000000..f5d33bf Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0715.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0716.HEIC b/assets/Article/Lampe/Raw/IMG_0716.HEIC new file mode 100644 index 0000000..266b465 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0716.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0717.HEIC b/assets/Article/Lampe/Raw/IMG_0717.HEIC new file mode 100644 index 0000000..6a2af22 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0717.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0718.HEIC b/assets/Article/Lampe/Raw/IMG_0718.HEIC new file mode 100644 index 0000000..3398dde Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0718.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0719.HEIC b/assets/Article/Lampe/Raw/IMG_0719.HEIC new file mode 100644 index 0000000..4135dbb Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0719.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0720.HEIC b/assets/Article/Lampe/Raw/IMG_0720.HEIC new file mode 100644 index 0000000..aaee465 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0720.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0721.HEIC b/assets/Article/Lampe/Raw/IMG_0721.HEIC new file mode 100644 index 0000000..5b2ad7f Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0721.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0722.HEIC b/assets/Article/Lampe/Raw/IMG_0722.HEIC new file mode 100644 index 0000000..b982739 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0722.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0723.HEIC b/assets/Article/Lampe/Raw/IMG_0723.HEIC new file mode 100644 index 0000000..76b9ed6 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0723.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0726.HEIC b/assets/Article/Lampe/Raw/IMG_0726.HEIC new file mode 100644 index 0000000..4517fb8 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0726.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0727.HEIC b/assets/Article/Lampe/Raw/IMG_0727.HEIC new file mode 100644 index 0000000..1be7c98 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0727.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0728.HEIC b/assets/Article/Lampe/Raw/IMG_0728.HEIC new file mode 100644 index 0000000..4925b6c Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0728.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0729.HEIC b/assets/Article/Lampe/Raw/IMG_0729.HEIC new file mode 100644 index 0000000..fd82482 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0729.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0730.HEIC b/assets/Article/Lampe/Raw/IMG_0730.HEIC new file mode 100644 index 0000000..da95a7e Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0730.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0731.HEIC b/assets/Article/Lampe/Raw/IMG_0731.HEIC new file mode 100644 index 0000000..786078d Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0731.HEIC differ diff --git a/assets/Article/Lampe/Raw/IMG_0732.HEIC b/assets/Article/Lampe/Raw/IMG_0732.HEIC new file mode 100644 index 0000000..82ef2d6 Binary files /dev/null and b/assets/Article/Lampe/Raw/IMG_0732.HEIC differ diff --git a/assets/Article/Lampe/gif.gif b/assets/Article/Lampe/gif.gif new file mode 100644 index 0000000..c876a17 Binary files /dev/null and b/assets/Article/Lampe/gif.gif differ diff --git a/assets/Article/Lampe/vid.mov b/assets/Article/Lampe/vid.mov new file mode 100644 index 0000000..ce7a714 Binary files /dev/null and b/assets/Article/Lampe/vid.mov differ diff --git a/assets/Article/Sculpture/IMG_3516.PNG b/assets/Article/Sculpture/IMG_3516.PNG new file mode 100644 index 0000000..8c02d17 Binary files /dev/null and b/assets/Article/Sculpture/IMG_3516.PNG differ diff --git a/assets/Article/Sculpture/IMG_3575.HEIC b/assets/Article/Sculpture/IMG_3575.HEIC new file mode 100644 index 0000000..49620d9 Binary files /dev/null and b/assets/Article/Sculpture/IMG_3575.HEIC differ diff --git a/assets/Article/Sculpture/IMG_3778.HEIC b/assets/Article/Sculpture/IMG_3778.HEIC new file mode 100644 index 0000000..5e3d2d6 Binary files /dev/null and b/assets/Article/Sculpture/IMG_3778.HEIC differ diff --git a/assets/Article/Vase/0CBD92C1-C521-432C-86D7-C07F4202F510.jpg b/assets/Article/Vase/0CBD92C1-C521-432C-86D7-C07F4202F510.jpg new file mode 100644 index 0000000..8a60f2e Binary files /dev/null and b/assets/Article/Vase/0CBD92C1-C521-432C-86D7-C07F4202F510.jpg differ diff --git a/assets/Article/Vase/1E49674A-AC11-4050-B97F-9630E9C608CD.jpg b/assets/Article/Vase/1E49674A-AC11-4050-B97F-9630E9C608CD.jpg new file mode 100644 index 0000000..c77727b Binary files /dev/null and b/assets/Article/Vase/1E49674A-AC11-4050-B97F-9630E9C608CD.jpg differ diff --git a/assets/Article/Vase/4FC1024C-4F53-4287-B21D-72AEC37D0184.jpg b/assets/Article/Vase/4FC1024C-4F53-4287-B21D-72AEC37D0184.jpg new file mode 100644 index 0000000..7227262 Binary files /dev/null and b/assets/Article/Vase/4FC1024C-4F53-4287-B21D-72AEC37D0184.jpg differ diff --git a/assets/Article/Vase/6FE6E43A-05D6-4770-AE09-34886E507CC4.jpg b/assets/Article/Vase/6FE6E43A-05D6-4770-AE09-34886E507CC4.jpg new file mode 100644 index 0000000..c427c8a Binary files /dev/null and b/assets/Article/Vase/6FE6E43A-05D6-4770-AE09-34886E507CC4.jpg differ diff --git a/assets/Article/Work/accueil.png b/assets/Article/Work/accueil.png new file mode 100644 index 0000000..5af2a12 Binary files /dev/null and b/assets/Article/Work/accueil.png differ diff --git a/assets/Article/Work/accueil2.png b/assets/Article/Work/accueil2.png new file mode 100644 index 0000000..4612559 Binary files /dev/null and b/assets/Article/Work/accueil2.png differ diff --git a/assets/Cover/Elephant.JPG b/assets/Cover/Elephant.JPG new file mode 100644 index 0000000..096e2b5 Binary files /dev/null and b/assets/Cover/Elephant.JPG differ diff --git a/assets/Cover/Lampe.PNG b/assets/Cover/Lampe.PNG new file mode 100644 index 0000000..61c9cda Binary files /dev/null and b/assets/Cover/Lampe.PNG differ diff --git a/assets/icon.ico b/assets/icon.ico new file mode 100644 index 0000000..e4c4005 Binary files /dev/null and b/assets/icon.ico differ diff --git a/assets/icon/Elephant/Elephant.ico b/assets/icon/Elephant/Elephant.ico new file mode 100644 index 0000000..ab1d421 Binary files /dev/null and b/assets/icon/Elephant/Elephant.ico differ diff --git a/assets/icon/Elephant/Elephant.png b/assets/icon/Elephant/Elephant.png new file mode 100644 index 0000000..e9c8266 Binary files /dev/null and b/assets/icon/Elephant/Elephant.png differ diff --git a/assets/icon/Lampe/1.png b/assets/icon/Lampe/1.png new file mode 100644 index 0000000..0faee25 Binary files /dev/null and b/assets/icon/Lampe/1.png differ diff --git a/assets/icon/Lampe/Lampe.ico b/assets/icon/Lampe/Lampe.ico new file mode 100644 index 0000000..18829ca Binary files /dev/null and b/assets/icon/Lampe/Lampe.ico differ diff --git a/assets/icon/Lampe/Lampe.png b/assets/icon/Lampe/Lampe.png new file mode 100644 index 0000000..a02ac63 Binary files /dev/null and b/assets/icon/Lampe/Lampe.png differ diff --git a/assets/social/github.png b/assets/social/github.png new file mode 100644 index 0000000..31ff5e8 Binary files /dev/null and b/assets/social/github.png differ diff --git a/assets/social/insta.png b/assets/social/insta.png new file mode 100644 index 0000000..b6a15c2 Binary files /dev/null and b/assets/social/insta.png differ diff --git a/assets/social/twitter.png b/assets/social/twitter.png new file mode 100644 index 0000000..10e1de2 Binary files /dev/null and b/assets/social/twitter.png differ diff --git a/assets/web/arrow-left.png b/assets/web/arrow-left.png new file mode 100644 index 0000000..4c4fd14 Binary files /dev/null and b/assets/web/arrow-left.png differ diff --git a/assets/web/arrow-right.png b/assets/web/arrow-right.png new file mode 100644 index 0000000..934d2d7 Binary files /dev/null and b/assets/web/arrow-right.png differ diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..cd736f1 --- /dev/null +++ b/css/about.css @@ -0,0 +1,408 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + + + + +/* a { + text-decoration: none; +} */ + +/* a:hover { + color: var(--highlight-color); +} */ + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +/* #nav-toggle-button { + align-items: center; + background-color: transparent; + border: none; + border-left: 1px solid var(--border-color); + color: white; + cursor: pointer; + display: none; + gap: 0.8rem; + height: 100%; + justify-content: center; + outline: none; + padding: 0rem 3rem; + position: relative; + z-index: 3; +} */ + +/* #nav-toggle-button:hover, +#nav-toggle-button:hover>span { + color: var(--highlight-color); +} */ + +/* #nav-toggle-button>span, +#nav-toggle-button>i { + display: inline-block; + height: 1rem; + line-height: 1rem; +} */ + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +/* #nav-logo-section>a>i { + font-size: 2.5rem; +} */ + +/* #nav-link-section { + flex-basis: 50%; + gap: 6rem; +} */ + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +/* main>article { + height: 100%; + width: 100%; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 2fr 1fr; + position: absolute; + left: 0px; + top: 0px; + transition: transform 400ms ease; +} */ + +/* main>article[data-status="inactive"] { + transform: translateX(-100%); + transition: none; +} */ + + +/* main>article>.article-description-section, +main>article>.article-nav-section { + border-left: 1px solid var(--border-color); +} */ + +/* main>article>.article-title-section, +main>article>.article-nav-section { + border-top: 1px solid var(--border-color); +} */ + +/* main>article:first-child>.article-image-section { + background-image: url(../assets/Article/Elephant/IMG_0335.JPG); +} + +main>article>.article-image-section { + background-position: center; + background-size: cover; +} + +main>article>.article-description-section { + flex-direction: column; + justify-content: flex-end; + padding: 4rem; +} + +main>article>.article-description-section>p { + color: rgba(255, 255, 255, 0.5); + font-size: 1.25em; +} + +main>article>.article-description-section>p>a:hover { + text-decoration: underline; +} */ + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +/* main>article>.article-title-section * { + color: white; +} */ + + + +/* main>article>.article-title-section>i { + color: rgba(255, 255, 255, 0.75); + font-size: 4rem; +} */ + +/* main>article>.article-nav-section>.article-nav-button { + background-color: transparent; + flex-grow: 1; + border: none; + outline: none; + color: rgba(255, 255, 255, 0.75); + font-size: 3rem; + cursor: pointer; +} + +main>article>.article-nav-section>.article-nav-button:hover { + background-color: rgba(255, 255, 255, 0.02); +} + +main>article>.article-nav-section>.article-nav-button:nth-child(2) { + border-left: 1px solid var(--border-color); +} */ + +/* @media(max-width: 1200px) { + #nav-mobile-section { + flex-basis: calc(100% * 0.75); + } + + #nav-logo-section { + flex-basis: calc(100% * 0.25); + } + + #nav-link-section { + flex-basis: calc(100% / 3); + gap: 3rem; + } + + main { + overflow-y: auto; + } + + main>article { + grid-template-columns: none; + grid-template-rows: 1.5fr repeat(3, 0.75fr) 0.25fr; + height: max(900px, 100%); + } */ + + /* main>article>.article-title-section>h2 { + font-size: 3rem; + line-height: 2.6rem; + } */ + + /* main>article>.article-title-section>i { + font-size: 3rem; + } */ + + /* main>article>.article-description-section, + main>article>.article-nav-section { + border-left: none; + } */ + + /* main>article>.article-image-section { + order: 1; + } */ + + /* main>article>.article-title-section { + border-bottom: 1px solid var(--border-color); + order: 1; + } */ + + /* main>article>.article-description-section { + justify-content: center; + order: 3; + } */ + + /* main>article>.article-nav-section { + border-bottom: 1px solid var(--border-color); + order: 4; + } + */ + +/* @media(max-width: 800px) { + nav { + justify-content: space-between; + } + + nav[data-toggled="true"]>#nav-mobile-section { + transform: translateY(0%); + } + + nav[data-toggled="true"]>#nav-toggle-button { + border-left: none; + } + + nav[data-transitionable="true"]>#nav-mobile-section { + transition: transform 400ms ease; + } + + nav .nav-section { + border-left: none; + padding: 1.5rem 1rem; + } + + #nav-logo-section>a>i { + font-size: 1.5rem; + margin-left: 1rem; + } + + #nav-mobile-section { + background-color: var(--background-color); + flex-direction: column; + height: 100vh; + width: 100vw; + position: fixed; + transform: translateY(-100%); + } + + #nav-toggle-button { + display: flex; + } + + #nav-link-section { + flex-basis: 60%; + flex-direction: column; + gap: 4rem; + } + + #nav-link-section>a { + font-size: 3rem; + } + + #nav-social-section>a { + font-size: 2rem; + } + + #nav-contact-section { + padding-bottom: 4rem; + } + + main>article { + grid-template-rows: 1fr repeat(4, 0.5fr); + height: max(700px, 100%); + } */ + + /* main>article>.article-title-section { + padding: 2rem; + } */ + + /* main>article>.article-title-section>h1, + h2 { + flex-basis: 70%; + font-size: 1.75em; + line-height: 1.5rem; + } */ +/* + main>article>.article-title-section>i { + font-size: 2rem; + } */ + + /* main>article>.article-description-section { + padding: 2rem; + } */ + + /* main>article>.article-description-section>p { + font-size: 1rem; + } */ + + +/* -- YT link / Source link styles -- */ + +/* main>article>.article-description-section>p>.source-link { + color: var(--highlight-color); + display: inline; +} */ + +/* main>article .yt-link, +main>article .yt-link>i { + color: var(--yt-color); + display: inline; +} */ + + + +#logo { + border-radius: 40px; +} + + + +/* +h1, +h2, +h3, +a, +p, +span { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + margin: 0px; +} */ + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} \ No newline at end of file diff --git a/css/elephant.css b/css/elephant.css new file mode 100644 index 0000000..3ce636c --- /dev/null +++ b/css/elephant.css @@ -0,0 +1,110 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +#logo { + border-radius: 40px; +} + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + +img { + display: block; + margin-left: auto; + margin-right: auto; +} \ No newline at end of file diff --git a/css/elephant2.css b/css/elephant2.css new file mode 100644 index 0000000..3ce636c --- /dev/null +++ b/css/elephant2.css @@ -0,0 +1,110 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +#logo { + border-radius: 40px; +} + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + +img { + display: block; + margin-left: auto; + margin-right: auto; +} \ No newline at end of file diff --git a/css/insta.css b/css/insta.css new file mode 100644 index 0000000..de79d53 --- /dev/null +++ b/css/insta.css @@ -0,0 +1,413 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + + + + +/* a { + text-decoration: none; + } */ + +/* a:hover { + color: var(--highlight-color); + } */ + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +/* #nav-toggle-button { + align-items: center; + background-color: transparent; + border: none; + border-left: 1px solid var(--border-color); + color: white; + cursor: pointer; + display: none; + gap: 0.8rem; + height: 100%; + justify-content: center; + outline: none; + padding: 0rem 3rem; + position: relative; + z-index: 3; + } */ + +/* #nav-toggle-button:hover, + #nav-toggle-button:hover>span { + color: var(--highlight-color); + } */ + +/* #nav-toggle-button>span, + #nav-toggle-button>i { + display: inline-block; + height: 1rem; + line-height: 1rem; + } */ + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +/* #nav-logo-section>a>i { + font-size: 2.5rem; + } */ + +/* #nav-link-section { + flex-basis: 50%; + gap: 6rem; + } */ + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +/* main>article { + height: 100%; + width: 100%; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 2fr 1fr; + position: absolute; + left: 0px; + top: 0px; + transition: transform 400ms ease; + } */ + +/* main>article[data-status="inactive"] { + transform: translateX(-100%); + transition: none; + } */ + + +/* main>article>.article-description-section, + main>article>.article-nav-section { + border-left: 1px solid var(--border-color); + } */ + +/* main>article>.article-title-section, + main>article>.article-nav-section { + border-top: 1px solid var(--border-color); + } */ + +/* main>article:first-child>.article-image-section { + background-image: url(../assets/Article/Elephant/IMG_0335.JPG); + } + + main>article>.article-image-section { + background-position: center; + background-size: cover; + } + + main>article>.article-description-section { + flex-direction: column; + justify-content: flex-end; + padding: 4rem; + } + + main>article>.article-description-section>p { + color: rgba(255, 255, 255, 0.5); + font-size: 1.25em; + } + + main>article>.article-description-section>p>a:hover { + text-decoration: underline; + } */ + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +/* main>article>.article-title-section * { + color: white; + } */ + + + +/* main>article>.article-title-section>i { + color: rgba(255, 255, 255, 0.75); + font-size: 4rem; + } */ + +/* main>article>.article-nav-section>.article-nav-button { + background-color: transparent; + flex-grow: 1; + border: none; + outline: none; + color: rgba(255, 255, 255, 0.75); + font-size: 3rem; + cursor: pointer; + } + + main>article>.article-nav-section>.article-nav-button:hover { + background-color: rgba(255, 255, 255, 0.02); + } + + main>article>.article-nav-section>.article-nav-button:nth-child(2) { + border-left: 1px solid var(--border-color); + } */ + +/* @media(max-width: 1200px) { + #nav-mobile-section { + flex-basis: calc(100% * 0.75); + } + + #nav-logo-section { + flex-basis: calc(100% * 0.25); + } + + #nav-link-section { + flex-basis: calc(100% / 3); + gap: 3rem; + } + + main { + overflow-y: auto; + } + + main>article { + grid-template-columns: none; + grid-template-rows: 1.5fr repeat(3, 0.75fr) 0.25fr; + height: max(900px, 100%); + } */ + +/* main>article>.article-title-section>h2 { + font-size: 3rem; + line-height: 2.6rem; + } */ + +/* main>article>.article-title-section>i { + font-size: 3rem; + } */ + +/* main>article>.article-description-section, + main>article>.article-nav-section { + border-left: none; + } */ + +/* main>article>.article-image-section { + order: 1; + } */ + +/* main>article>.article-title-section { + border-bottom: 1px solid var(--border-color); + order: 1; + } */ + +/* main>article>.article-description-section { + justify-content: center; + order: 3; + } */ + +/* main>article>.article-nav-section { + border-bottom: 1px solid var(--border-color); + order: 4; + } + */ + +/* @media(max-width: 800px) { + nav { + justify-content: space-between; + } + + nav[data-toggled="true"]>#nav-mobile-section { + transform: translateY(0%); + } + + nav[data-toggled="true"]>#nav-toggle-button { + border-left: none; + } + + nav[data-transitionable="true"]>#nav-mobile-section { + transition: transform 400ms ease; + } + + nav .nav-section { + border-left: none; + padding: 1.5rem 1rem; + } + + #nav-logo-section>a>i { + font-size: 1.5rem; + margin-left: 1rem; + } + + #nav-mobile-section { + background-color: var(--background-color); + flex-direction: column; + height: 100vh; + width: 100vw; + position: fixed; + transform: translateY(-100%); + } + + #nav-toggle-button { + display: flex; + } + + #nav-link-section { + flex-basis: 60%; + flex-direction: column; + gap: 4rem; + } + + #nav-link-section>a { + font-size: 3rem; + } + + #nav-social-section>a { + font-size: 2rem; + } + + #nav-contact-section { + padding-bottom: 4rem; + } + + main>article { + grid-template-rows: 1fr repeat(4, 0.5fr); + height: max(700px, 100%); + } */ + +/* main>article>.article-title-section { + padding: 2rem; + } */ + +/* main>article>.article-title-section>h1, + h2 { + flex-basis: 70%; + font-size: 1.75em; + line-height: 1.5rem; + } */ +/* + main>article>.article-title-section>i { + font-size: 2rem; + } */ + +/* main>article>.article-description-section { + padding: 2rem; + } */ + +/* main>article>.article-description-section>p { + font-size: 1rem; + } */ + + +/* -- YT link / Source link styles -- */ + +/* main>article>.article-description-section>p>.source-link { + color: var(--highlight-color); + display: inline; + } */ + +/* main>article .yt-link, + main>article .yt-link>i { + color: var(--yt-color); + display: inline; + } */ + + + +#logo { + border-radius: 40px; +} + + + +/* + h1, + h2, + h3, + a, + p, + span { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + margin: 0px; + } */ + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.insta { + display: block; + margin-left: 750px; +} \ No newline at end of file diff --git a/css/lampe.css b/css/lampe.css new file mode 100644 index 0000000..3ce636c --- /dev/null +++ b/css/lampe.css @@ -0,0 +1,110 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +#logo { + border-radius: 40px; +} + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + +img { + display: block; + margin-left: auto; + margin-right: auto; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..4853930 --- /dev/null +++ b/css/style.css @@ -0,0 +1,418 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: #ffffff60; + --highlight-color: rgb(252, 227, 196) +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + +h1, +h2, +h3, +a, +p, +span { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + margin: 0px; +} + +a { + text-decoration: none; +} + +a:hover { + color: var(--highlight-color); +} + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +#nav-toggle-button { + align-items: center; + background-color: transparent; + border: none; + border-left: 1px solid var(--border-color); + color: white; + cursor: pointer; + display: none; + gap: 0.8rem; + height: 100%; + justify-content: center; + outline: none; + padding: 0rem 3rem; + position: relative; + z-index: 3; +} + +#nav-toggle-button:hover, +#nav-toggle-button:hover>span { + color: var(--highlight-color); +} + +#nav-toggle-button>span, +#nav-toggle-button>i { + display: inline-block; + height: 1rem; + line-height: 1rem; +} + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +#nav-logo-section>a>i { + font-size: 2.5rem; +} + +#nav-link-section { + flex-basis: 50%; + gap: 6rem; +} + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +main>article { + height: 100%; + width: 100%; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 2fr 1fr; + position: absolute; + left: 0px; + top: 0px; + transition: transform 400ms ease; +} + +main>article[data-status="inactive"] { + transform: translateX(-100%); + transition: none; +} + +main>article[data-status="active"] { + transform: translateX(0%); +} + +main>article[data-status="before"] { + transform: translateX(-100%); +} + +main>article[data-status="after"] { + transform: translateX(100%); +} + +main>article[data-status="becoming-active-from-before"] { + transform: translateX(-100%); + transition: none; +} + +main>article[data-status="becoming-active-from-after"] { + transform: translateX(100%); + transition: none; +} + +main>article>.article-section { + height: 100%; + display: flex; +} + +main>article>.article-description-section, +main>article>.article-nav-section { + border-left: 1px solid var(--border-color); +} + +main>article>.article-title-section, +main>article>.article-nav-section { + border-top: 1px solid var(--border-color); +} + +main>article:first-child>.article-image-section { + background-image: url(../assets/Cover/Elephant.JPG); +} + +main>article:nth-child(2)>.article-image-section { + background-image: url(../assets/Cover/Lampe.PNG); +} + +main>article>.article-image-section { + background-position: center; + background-size: cover; +} + +main>article>.article-description-section { + flex-direction: column; + justify-content: flex-end; + padding: 4rem; +} + +main>article>.article-description-section>p { + color: rgba(255, 255, 255, 0.5); + font-size: 1.25em; +} + +main>article>.article-description-section>p>a:hover { + text-decoration: underline; +} + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +main>article>.article-title-section * { + color: white; +} + +main>article>.article-title-section>h1, h2 { + flex-basis: 50%; + font-family: "Rubik", sans-serif; + font-size: 50px; + line-height: 3rem; + margin: 0px; + text-transform: uppercase; +} + +main>article>.article-title-section>i { + color: rgba(255, 255, 255, 0.75); + font-size: 4rem; +} + +main>article>.article-nav-section>.article-nav-button { + background-color: transparent; + flex-grow: 1; + border: none; + outline: none; + color: rgba(255, 255, 255, 0.75); + font-size: 3rem; + cursor: pointer; +} + +main>article>.article-nav-section>.article-nav-button:hover { + background-color: rgba(255, 255, 255, 0.02); +} + +main>article>.article-nav-section>.article-nav-button:nth-child(2) { + border-left: 1px solid var(--border-color); +} + +@media(max-width: 1200px) { + #nav-mobile-section { + flex-basis: calc(100% * 0.75); + } + + #nav-logo-section { + flex-basis: calc(100% * 0.25); + } + + #nav-link-section { + flex-basis: calc(100% / 3); + gap: 3rem; + } + + main { + overflow-y: auto; + } + + main>article { + grid-template-columns: none; + grid-template-rows: 1.5fr repeat(3, 0.75fr) 0.25fr; + height: max(900px, 100%); + } + + main>article>.article-title-section>h2 { + font-size: 3rem; + line-height: 2.6rem; + } + + main>article>.article-title-section>i { + font-size: 3rem; + } + + main>article>.article-description-section, + main>article>.article-nav-section { + border-left: none; + } + + main>article>.article-image-section { + order: 1; + } + + main>article>.article-title-section { + border-bottom: 1px solid var(--border-color); + order: 2; + } + + main>article>.article-description-section { + justify-content: center; + order: 3; + } + + main>article>.article-nav-section { + border-bottom: 1px solid var(--border-color); + order: 4; + } +} + +@media(max-width: 800px) { + nav { + justify-content: space-between; + } + + nav[data-toggled="true"]>#nav-mobile-section { + transform: translateY(0%); + } + + nav[data-toggled="true"]>#nav-toggle-button { + border-left: none; + } + + nav[data-transitionable="true"]>#nav-mobile-section { + transition: transform 400ms ease; + } + + nav .nav-section { + border-left: none; + padding: 1.5rem 1rem; + } + + #nav-logo-section>a>i { + font-size: 1.5rem; + margin-left: 1rem; + } + + #nav-mobile-section { + background-color: var(--background-color); + flex-direction: column; + height: 100vh; + width: 100vw; + position: fixed; + transform: translateY(-100%); + } + + #nav-toggle-button { + display: flex; + } + + #nav-link-section { + flex-basis: 60%; + flex-direction: column; + gap: 4rem; + } + + #nav-link-section>a { + font-size: 3rem; + } + + #nav-social-section>a { + font-size: 2rem; + } + + #nav-contact-section { + padding-bottom: 4rem; + } + + main>article { + grid-template-rows: 1fr repeat(4, 0.5fr); + height: max(700px, 100%); + } + + main>article>.article-title-section { + padding: 2rem; + } + + main>article>.article-title-section>h1, + h2 { + flex-basis: 70%; + font-size: 1.75em; + line-height: 1.5rem; + } + + main>article>.article-title-section>i { + font-size: 2rem; + } + + main>article>.article-description-section { + padding: 2rem; + } + + main>article>.article-description-section>p { + font-size: 1rem; + } +} + +/* -- YT link / Source link styles -- */ + +main>article>.article-description-section>p>.source-link { + color: var(--highlight-color); + display: inline; +} + +main>article .yt-link, +main>article .yt-link>i { + color: var(--yt-color); + display: inline; +} + + + +#logo { + border-radius: 40px; +} + +.texte-titre:hover { + color: rgb(252, 227, 196); +} + + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} \ No newline at end of file diff --git a/css/work.css b/css/work.css new file mode 100644 index 0000000..4f49add --- /dev/null +++ b/css/work.css @@ -0,0 +1,441 @@ +:root { + --background-color: rgb(0, 0, 0); + --border-color: rgba(255, 255, 255, 0.377); + --highlight-color: rgb(126, 87, 194); +} + +body { + background-color: var(--background-color); + display: flex; + flex-direction: column; + height: 100vh; + margin: 0px; + overflow: hidden; +} + +* { + box-sizing: border-box; +} + + + + +/* a { + text-decoration: none; + } */ + +/* a:hover { + color: var(--highlight-color); + } */ + +nav { + display: flex; + width: 100%; + border-bottom: 1px solid var(--border-color); +} + +nav .nav-section { + padding: 3rem 2rem; + display: flex; + gap: 1rem; + border-left: 1px solid var(--border-color); + align-items: center; + justify-content: center; +} + +#nav-mobile-section { + display: flex; + flex-basis: calc(100% * (2 / 3)); + z-index: 2; +} + +/* #nav-toggle-button { + align-items: center; + background-color: transparent; + border: none; + border-left: 1px solid var(--border-color); + color: white; + cursor: pointer; + display: none; + gap: 0.8rem; + height: 100%; + justify-content: center; + outline: none; + padding: 0rem 3rem; + position: relative; + z-index: 3; + } */ + +/* #nav-toggle-button:hover, + #nav-toggle-button:hover>span { + color: var(--highlight-color); + } */ + +/* #nav-toggle-button>span, + #nav-toggle-button>i { + display: inline-block; + height: 1rem; + line-height: 1rem; + } */ + +#nav-social-section, +#nav-contact-section { + flex-grow: 1; +} + +#nav-logo-section { + flex-basis: calc(100% / 3); + /* justify-content: flex-start; */ +} + +/* #nav-logo-section>a>i { + font-size: 2.5rem; + } */ + +/* #nav-link-section { + flex-basis: 50%; + gap: 6rem; + } */ + +#nav-social-section { + gap: 3rem; +} + +main { + flex-grow: 1; + position: relative; + overflow: hidden; +} + +/* main>article { + height: 100%; + width: 100%; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 2fr 1fr; + position: absolute; + left: 0px; + top: 0px; + transition: transform 400ms ease; + } */ + +/* main>article[data-status="inactive"] { + transform: translateX(-100%); + transition: none; + } */ + + +/* main>article>.article-description-section, + main>article>.article-nav-section { + border-left: 1px solid var(--border-color); + } */ + +/* main>article>.article-title-section, + main>article>.article-nav-section { + border-top: 1px solid var(--border-color); + } */ + +/* main>article:first-child>.article-image-section { + background-image: url(../assets/Article/Elephant/IMG_0335.JPG); + } + + main>article>.article-image-section { + background-position: center; + background-size: cover; + } + + main>article>.article-description-section { + flex-direction: column; + justify-content: flex-end; + padding: 4rem; + } + + main>article>.article-description-section>p { + color: rgba(255, 255, 255, 0.5); + font-size: 1.25em; + } + + main>article>.article-description-section>p>a:hover { + text-decoration: underline; + } */ + +main>article>.article-title-section { + align-items: center; + justify-content: space-between; + padding: 2rem 4rem; +} + +/* main>article>.article-title-section * { + color: white; + } */ + + + +/* main>article>.article-title-section>i { + color: rgba(255, 255, 255, 0.75); + font-size: 4rem; + } */ + +/* main>article>.article-nav-section>.article-nav-button { + background-color: transparent; + flex-grow: 1; + border: none; + outline: none; + color: rgba(255, 255, 255, 0.75); + font-size: 3rem; + cursor: pointer; + } + + main>article>.article-nav-section>.article-nav-button:hover { + background-color: rgba(255, 255, 255, 0.02); + } + + main>article>.article-nav-section>.article-nav-button:nth-child(2) { + border-left: 1px solid var(--border-color); + } */ + +/* @media(max-width: 1200px) { + #nav-mobile-section { + flex-basis: calc(100% * 0.75); + } + + #nav-logo-section { + flex-basis: calc(100% * 0.25); + } + + #nav-link-section { + flex-basis: calc(100% / 3); + gap: 3rem; + } + + main { + overflow-y: auto; + } + + main>article { + grid-template-columns: none; + grid-template-rows: 1.5fr repeat(3, 0.75fr) 0.25fr; + height: max(900px, 100%); + } */ + +/* main>article>.article-title-section>h2 { + font-size: 3rem; + line-height: 2.6rem; + } */ + +/* main>article>.article-title-section>i { + font-size: 3rem; + } */ + +/* main>article>.article-description-section, + main>article>.article-nav-section { + border-left: none; + } */ + +/* main>article>.article-image-section { + order: 1; + } */ + +/* main>article>.article-title-section { + border-bottom: 1px solid var(--border-color); + order: 1; + } */ + +/* main>article>.article-description-section { + justify-content: center; + order: 3; + } */ + +/* main>article>.article-nav-section { + border-bottom: 1px solid var(--border-color); + order: 4; + } + */ + +/* @media(max-width: 800px) { + nav { + justify-content: space-between; + } + + nav[data-toggled="true"]>#nav-mobile-section { + transform: translateY(0%); + } + + nav[data-toggled="true"]>#nav-toggle-button { + border-left: none; + } + + nav[data-transitionable="true"]>#nav-mobile-section { + transition: transform 400ms ease; + } + + nav .nav-section { + border-left: none; + padding: 1.5rem 1rem; + } + + #nav-logo-section>a>i { + font-size: 1.5rem; + margin-left: 1rem; + } + + #nav-mobile-section { + background-color: var(--background-color); + flex-direction: column; + height: 100vh; + width: 100vw; + position: fixed; + transform: translateY(-100%); + } + + #nav-toggle-button { + display: flex; + } + + #nav-link-section { + flex-basis: 60%; + flex-direction: column; + gap: 4rem; + } + + #nav-link-section>a { + font-size: 3rem; + } + + #nav-social-section>a { + font-size: 2rem; + } + + #nav-contact-section { + padding-bottom: 4rem; + } + + main>article { + grid-template-rows: 1fr repeat(4, 0.5fr); + height: max(700px, 100%); + } */ + +/* main>article>.article-title-section { + padding: 2rem; + } */ + +/* main>article>.article-title-section>h1, + h2 { + flex-basis: 70%; + font-size: 1.75em; + line-height: 1.5rem; + } */ +/* + main>article>.article-title-section>i { + font-size: 2rem; + } */ + +/* main>article>.article-description-section { + padding: 2rem; + } */ + +/* main>article>.article-description-section>p { + font-size: 1rem; + } */ + + +/* -- YT link / Source link styles -- */ + +/* main>article>.article-description-section>p>.source-link { + color: var(--highlight-color); + display: inline; + } */ + +/* main>article .yt-link, + main>article .yt-link>i { + color: var(--yt-color); + display: inline; + } */ + + + +#logo { + border-radius: 40px; +} + + + +/* + h1, + h2, + h3, + a, + p, + span { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + margin: 0px; + } */ + +h1 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + font-size: 50px; + text-transform: uppercase; + text-align: center; +} + +h2 { + font-family: "Rubik", sans-serif; + font-weight: 400; + color: white; + /* margin: 0px; */ + flex-basis: 50%; + font-size: 30px; + text-align: center; +} + +a:link { + text-decoration: none; +} + +a:visited { + text-decoration: none; +} + +a:hover { + text-decoration: none; +} + +a:active { + text-decoration: none; +} + +.Noham { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 50px; + color: rgb(252, 227, 196); +} + +footer { + font-size: large; + color: aliceblue; + text-align: center; + padding-bottom: 30px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.accueilclass { + text-align: center; +} + +#accueil { + box-shadow: 0px 0px 100px rgba(131, 131, 131, 0.5); +} + +#accueil:hover { + box-shadow: 0px 0px 80px rgba(255, 255, 255, 0.5); +} + +.icon:hover { + box-shadow: 0px 0px 50px rgb(255, 255, 255); + background-color: rgba(255, 255, 255, 0.3); +} \ No newline at end of file diff --git a/html/about.html b/html/about.html new file mode 100644 index 0000000..72e2605 --- /dev/null +++ b/html/about.html @@ -0,0 +1,52 @@ + + + + About + + + + + + + + + +
+
+
+

About

+
+
+

This page was made by
√(noham)²
to show his creativity and his projects

+ + +
+
+ + + + + \ No newline at end of file diff --git a/html/about2sv.html b/html/about2sv.html new file mode 100644 index 0000000..919fba1 --- /dev/null +++ b/html/about2sv.html @@ -0,0 +1,54 @@ + + + + About + + + + + + + + + +
+
+
+
+

This page was made by Noham

+
+
+

About

+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/html/elephant.html b/html/elephant.html new file mode 100644 index 0000000..acd0e4f --- /dev/null +++ b/html/elephant.html @@ -0,0 +1,189 @@ + + + + Elephant + + + + + + + + + + + + +
+
+
+

Elephant

+
+
+ + +
+
+ img1 +
+
+ img2 +
+
+ img3 +
+
+ img4 +
+
+ img5 +
+
+ img6 +
+
+ img7 +
+
+ img8 +
+
+ img9 +
+
+ img10 +
+
+ img11 +
+
+ img12 +
+
+ img13 +
+
+ img14 +
+
+ img15 +
+
+ img16 +
+
+ img17 +
+ + + + + + +
+ + + + +
+ + + + + \ No newline at end of file diff --git a/html/elephant2.html b/html/elephant2.html new file mode 100644 index 0000000..af17be7 --- /dev/null +++ b/html/elephant2.html @@ -0,0 +1,189 @@ + + + + Elephant + + + + + + + + + + + + +
+
+
+

Elephant

+
+
+ + +
+
+ img1 +
+
+ img2 +
+
+ img3 +
+
+ img4 +
+
+ img5 +
+
+ img6 +
+
+ img7 +
+
+ img8 +
+
+ img9 +
+
+ img10 +
+
+ img11 +
+
+ img12 +
+
+ img13 +
+
+ img14 +
+
+ img15 +
+
+ img16 +
+
+ img17 +
+ + + + + + +
+ + + + +
+ + + + + \ No newline at end of file diff --git a/html/elephant3.html b/html/elephant3.html new file mode 100644 index 0000000..af17be7 --- /dev/null +++ b/html/elephant3.html @@ -0,0 +1,189 @@ + + + + Elephant + + + + + + + + + + + + +
+
+
+

Elephant

+
+
+ + +
+
+ img1 +
+
+ img2 +
+
+ img3 +
+
+ img4 +
+
+ img5 +
+
+ img6 +
+
+ img7 +
+
+ img8 +
+
+ img9 +
+
+ img10 +
+
+ img11 +
+
+ img12 +
+
+ img13 +
+
+ img14 +
+
+ img15 +
+
+ img16 +
+
+ img17 +
+ + + + + + +
+ + + + +
+ + + + + \ No newline at end of file diff --git a/html/instagram.html b/html/instagram.html new file mode 100644 index 0000000..6b3349b --- /dev/null +++ b/html/instagram.html @@ -0,0 +1,53 @@ + + + + About + + + + + + + + + +
+
+
+

Instagram

+
+
+
+ +
+ +
+
+ + + + + \ No newline at end of file diff --git a/html/lampe.html b/html/lampe.html new file mode 100644 index 0000000..2e24244 --- /dev/null +++ b/html/lampe.html @@ -0,0 +1,192 @@ + + + + Lampe + + + + + + + + + + + + +
+
+
+

Lampe

+
+
+ + +
+
+ img1 +
+
+ img2 +
+
+ img3 +
+
+ img4 +
+
+ img5 +
+
+ img6 +
+
+ img7 +
+
+ img8 +
+
+ img9 +
+
+ img10 +
+
+ img11 +
+
+ img12 +
+
+ img13 +
+
+ img14 +
+
+ img15 +
+
+ img16 +
+
+ img17 +
+
+ img18 +
+ + + + + + +
+ + + + +
+ + + + + \ No newline at end of file diff --git a/html/test.html b/html/test.html new file mode 100644 index 0000000..7df7090 --- /dev/null +++ b/html/test.html @@ -0,0 +1,86 @@ + + + + Teste + + + + + + + + + +
+ + + + +
+ + + + + + \ No newline at end of file diff --git a/html/work.html b/html/work.html new file mode 100644 index 0000000..77c32f5 --- /dev/null +++ b/html/work.html @@ -0,0 +1,60 @@ + + + + Work + + + + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..bc9eee3 --- /dev/null +++ b/index.html @@ -0,0 +1,86 @@ + + + + Nohamart + + + + + + + + + +
+
+
+
+

Un simple éléphant fait en poterie puis émaillé.

+
+
+ +

Elephant

+ +
+
+ + + +
+
+ +
+
+
+

Une lampe incrustée dans un morceau de bois travaillé, poncé, vernis et gravé à l'arc électrique.

+
+
+ +

Lampe

+ +
+
+ + + +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..6b32a00 --- /dev/null +++ b/index2.html @@ -0,0 +1,92 @@ + + + + Nohamart + + + + + + +
+ + +
+ +
+
+
+
+

Un simple éléphant fait en poterie puis émaillé.

+
+
+ +

Elephant

+ +
+
+ + + +
+
+ +
+
+
+

Une lampe incrustée dans un morceau de bois travaillé, poncé, vernis et gravé à l'arc électrique.

+
+
+ +

Lampe

+ +
+
+ + + +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/js/about.js b/js/about.js new file mode 100644 index 0000000..e69de29 diff --git a/js/elephant.js b/js/elephant.js new file mode 100644 index 0000000..e69de29 diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..7c5feaa --- /dev/null +++ b/js/index.js @@ -0,0 +1,53 @@ +/* -- Carousel Navigation -- */ + +let activeIndex = 0; + +const slides = document.getElementsByTagName("article"); + +const handleLeftClick = () => { + const nextIndex = activeIndex - 1 >= 0 ? activeIndex - 1 : slides.length - 1; + + const currentSlide = document.querySelector(`[data-index="${activeIndex}"]`), + nextSlide = document.querySelector(`[data-index="${nextIndex}"]`); + + currentSlide.dataset.status = "after"; + + nextSlide.dataset.status = "becoming-active-from-before"; + + setTimeout(() => { + nextSlide.dataset.status = "active"; + activeIndex = nextIndex; + }); +} + +const handleRightClick = () => { + const nextIndex = activeIndex + 1 <= slides.length - 1 ? activeIndex + 1 : 0; + + const currentSlide = document.querySelector(`[data-index="${activeIndex}"]`), + nextSlide = document.querySelector(`[data-index="${nextIndex}"]`); + + currentSlide.dataset.status = "before"; + + nextSlide.dataset.status = "becoming-active-from-after"; + + setTimeout(() => { + nextSlide.dataset.status = "active"; + activeIndex = nextIndex; + }); +} + +/* -- Mobile Nav Toggle -- */ + +const nav = document.querySelector("nav"); + +const handleNavToggle = () => { + nav.dataset.transitionable = "true"; + + nav.dataset.toggled = nav.dataset.toggled === "true" ? "false" : "true"; +} + +window.matchMedia("(max-width: 800px)").onchange = e => { + nav.dataset.transitionable = "false"; + + nav.dataset.toggled = "false"; +}; \ No newline at end of file diff --git a/js/lampe.js b/js/lampe.js new file mode 100644 index 0000000..e69de29 diff --git a/js/work.js b/js/work.js new file mode 100644 index 0000000..e69de29