Compare commits

..

2 Commits

Author SHA1 Message Date
Anthony Mahé
584e99fd2b Ajout Bannière Mobile 2025-07-25 17:01:33 +02:00
Anthony Mahe
9e5af960d3 FEAT : images base 64 2025-04-19 20:25:47 +02:00
33 changed files with 30156 additions and 881 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 892 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 504 KiB

0
background.png.64 Normal file
View File

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

284
etoiles.png.64 Normal file
View File

@@ -0,0 +1,284 @@
iVBORw0KGgoAAAANSUhEUgAAEAAAAAayCAMAAACWcc+vAAAAAXNSR0IArs4c6QAAAARnQU1BAACx
jwv8YQUAAAAGUExURePDDgAAAHvdNdsAAAACdFJOU/8A5bcwSgAAAAlwSFlzAAALEQAACxEBf2Rf
kQAAPqBJREFUeF7t3YmWozi4pdGs93/pWuER5AmEGMTZu/t237IBO1d4SfxfRGT++w8AAAA4vX/l
AwAAAMD5CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAYDd/fv3zwcRAABgZeYu9vXvb/6/KJ8BAACgIVMX
+7qP/wIAAADAqkxd7EsAAAAA2ISpi109538fRQAAgDWZutiVAAAAALANUxe7EgAAAAC2YepiVwIA
AADANkxd7EoAAAAA2Iapi10JAAAAANswdbEr8z8AAMA2jF3sSwEAAADYhKmLfQkAAAAAmzB1sa9n
APBZBAAAWJGhi30JAAAAAJswdLEvAQAAAGAThi52JgAAAABswdDFvvwEAAAAwCYMXexMAAAAANiC
oYud+REAAACALZi52JkAAAAAsAUzFzsz/wMAAGzB0MXeBAAAYKl/f3cU5YMAjFko2ZsfAQAA6lzH
/ue9hAwA8JUlkr0NN20AgAmuw/74PmKgPByAC+sje7NZAwBzjL/p/0l5FgACALuzUQMAcwzH/B/K
UwGyWRbZm00aAJhjcO/wU3kuQDSrInuzRQMAEw1n+2nKKwAksyiyNzs0ADDNcLKfqLwEQDKLInuz
RQMAEw1uG54ufy3gx+cAeLAqsjdbNADww/1e4Xnb8PT2yI/PAySzJLI3GzQA8MvgfmGkPO5i0kEA
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
AKzJvRYAmxoUgGIPep8FAABow50WANt6FoDhvP/36//FQwAAtOQ+C4BtjQLAfeQf/QcAACtwowXA
xq5z/nPkHykPBgCgEXdaAGzsOueXk/9NeTAAAI240wJgF+Xk/6c8BgCAdtxsAbCLcvj/Ux4DAEA7
brYA2Mn97wF4tIDyAAAAGnK3BcB+rkO/4R8AYAPuuAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEA
AAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggA
AAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAA
AAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAAC
AAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQ
AAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCA
AAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAAB
BAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAI
IAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABA
AAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAACg
a//++2eyYwIfEwAAgI79uygfhVc+JgAAAB27BgAJgN98SAAAADomADCVDwkAAEDH7gHAcMcvPiMA
AAAdM/8zlQ8JAABAxwQApvIhAQAA6JhfAWAqnxEAAICeCQBM5DMCAADQMwGAiXxGAAAAuiYAMI3P
CAAAQNfM/0zjQwIAANC1WwAw3fGDjwgAAEDf/AgAk/iMAAAA9E0AYBKfEQAAgK7d/hJA0x0/+IgA
AAB0TQBgGh8RAACArgkATOMjAgAA0DcBgEl8RAAAALpm/mcanxEAAIC++R0AJvEJAQAA6Np9/jfe
8Z1PCAAAQNcEAKbxCQEAAOiaAMA0PiEAAABdEwCYxicEAACga48AYL7jKx8QAACAvgkATOIDAgAA
0DcBgEl8QAAAADonADCFDwgAAEDnBACm8AEBAADom18BYBIfEAAAgL6Z/5nEJwQAAKBvAgCT+IQA
AAD0TQBgEp8QAACAzikATOEDAgAA0Lf7/G++4ysfEAAAgL4JAEziAwIAANC51wCgBvDKZwIAAKBz
zwDw/B8/EkDJ5wEAAKBn//4Nfgfgb8S7/P/PR/5yQHkOkXwOAAAAevaY9b8qzyKQTwEAAEB/Lt/q
nzr9/ykvQB4fAgAAgO5cRvpyxv+qvAJ5fAgAAAA6ch3mB4P9YMj/obwUYXwCAAAA+vFmqC8f+qi8
FmF8AgAAADpSTvXTfwSgvBJpfAQAAAA6Uo71vwPA9YDyOuTxIQAAAOjKY7B/+fsAXvw9eT+MeD4F
AAAAfXn5pn4599/993fg6FSS+SwAAAB0rhz870x8DPk4AAAA9K6c/A3/vOEjAQAA0K93fwng3yOm
PV74SAAAAHSqnPyvyqPgykcDAADg8C5j/eV7+48H3nzr/6I4E+58NgAAAI7vMrtd5vvH//ZOeRo8
+XgAAAD0YjDiP0d+8z/T+HwAAAB05jbI3X4jYBAATHh84eMBAADQPQWA33w6AAAAumf+5zcfDwAA
gO75CQB+8+kAAADo3WP+ryoANefQIV9oAACAzg3m//kz3uNvFOTsfI0BAAB6Vz/+Pyw4lU74GgMA
APRuwQ8AjCw8nWPz5QUAAOhd/fw/OON69vxL0AtfWwAAgM49fwBg/oj3PKP+GvTBVxYAAKBzSwLA
U5urcFy+rgAAAJ0bjO6zZ7zBGfUXoQu+rgAAAJ1bMP+P/J3f5EIcki8qAABA51oFgIt2V+JgfE0B
AAD6Npj/Z494rydUX4qj8yUFAADoXGUA+HBG1bXogK8oAABA9+qG9k8n1FyL4/MVBQAAOIH5Q/u3
4789R698RQEAAM6gJgCUD93Nrwl0wBcUAADgDGbP7F9OEABOyRcUAADgBObP7P/++3f5v2/MvBJ9
8DUFAAA4gfkB4LOW1+I4fEUBAABO4Da0z5zxPh4+/1Icnq8oAABA/yrn/0/HV1yLw/MVBQAA6N/8
APB37Kfj7xf78DR98uUEAADo3/wAcP1LAD8RAE7IlxMAAKB/8wPAx38C4Grm1eiArycAAED/ZgeA
H4fOvBo98PUEAADo3+wA8NXfDwc0vBzH4MsJAADQv8sP9Deb2K9XanU1DsLXEwAA4BTmBoAvx868
En3wNQUAADiHVlN7218n4DB8RQEAAFJ9mAgFgHPyFQUAAAj1Yco3/5+ULykAAECkT2P+bf5/+xw9
8wUFAADI9GHKN/+fla8oAABAqA9jvgBwUr6iAAAAqS5j/mgs/PsP8/9J+ZICAACk+hv/R5P+5T/M
/yflawoAABDt9jMAfy1g8AMA5VH0zxcVAAAg2P0X/sfKozgDX1YAAIBg5eh/VR7FGfiyAgAAJCtn
/z/lMZyCrysAAEC2yz8F8Df1Xyd/AeCsfF0BAAC4+osAxsTT8pUFAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAECA/wEkC/aSuALMMAAAAABJRU5ErkJggg==

View File

@@ -1,29 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100">
<defs>
<style>
.cls-1 {
fill: url(#linear-gradient);
}
.cls-2 {
fill: #fff;
}
</style>
<linearGradient id="linear-gradient" x1="9.44" y1="9.43" x2="90.57" y2="90.57" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff001e"/>
<stop offset="0.49" stop-color="#d400cf"/>
<stop offset="1" stop-color="#004bff"/>
</linearGradient>
</defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-1" d="M90.41,33.37V18.88C90.41,5.1,84.9,0,65.92,0H33.56c-18.55.1-24,5.13-24,19V33.37c0,7.75-3.16,10-9.59,10V56.63c6.53,0,9.59,2.25,9.59,10V81.12c0,13.65,5.42,18.78,24,18.88H65.92c19,0,24.49-5,24.49-19V66.63c0-7.75,3.16-10,9.59-10V43.37C93.47,43.37,90.41,41.12,90.41,33.37Z"/>
<g>
<path class="cls-2" d="M24.79,72.51h-11V26.67h11ZM25.12,48,37.49,26.67H49L36.17,47.24,50.26,72.51H37.56Z"/>
<path class="cls-2" d="M69.64,57.3h-5V72.51h-11V26.67H68.19c12.5,0,19.64,4.89,19.64,14.95C87.83,52.4,80.49,57.3,69.64,57.3ZM68.32,34.47H64.68V49.36h4c5,0,7.8-2.38,7.8-7.74C76.52,36.79,73.81,34.47,68.32,34.47Z"/>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
fond.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

1102
fond.png.64 Normal file

File diff suppressed because it is too large Load Diff

BIN
full.pdn Normal file

Binary file not shown.

View File

@@ -1,657 +1,44 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html class="no-js">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo title here</title>
<link href="./style.css" rel="stylesheet" />
</head>
<body> <head>
<div class="parallax"> <meta charset="utf-8" />
<header class="primary-header"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<div class="wrapper"> <title>Charline Pasteur Avocate</title>
<div class="primary-header__inner"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<div class="logo"> <link rel="stylesheet" href="./styles.css" />
<!--<img src="./assets/Logo.webp" alt="" />--> </head>
<img src="./assets/logo1cp.png" alt="logo lettre C et P collés en doré" />
</div> <body>
<nav class="primary-nav"> <div class="navbar">
<ul role="list"> <input type="checkbox" id="menu-toggle">
<li><a href="#">Qui je suis</a></li> <label for="menu-toggle" class="menu-icon">
<li><a href="#">Ce que je fait</a></li> <span></span>
<li><a href="#">Contact</a></li> <span></span>
</ul> <span></span>
</label>
<nav>
<a href="#about">Qui je suis</a>
<a href="#how">Ce que je fais</a>
<a href="#contact">Contact</a>
</nav> </nav>
</div> </div>
</div>
</header>
<div class="hero">
<div class="wrapper"> <div class="wrapper">
<h1 class="hero__title"> <div class="parallax__group hero-container">
<span>Charline Pasteur</span> Avocate spécialisé mineur <div class="parallax__layer sky"></div>
</h1> <div class="parallax__layer bushes"></div>
<button class="button">contacter</button> <div class="parallax__layer water"></div>
<div class="parallax__layer people1"></div>
<!--<div class="parallax__layer people2"></div>
<div class="parallax__layer people3"></div>
<div></div>-->
</div> </div>
<section id="about" class="parallax__group info-container">
</section>
<section id="about"></section>
<section id="how"></section>
<section id="contact"></section>
</div> </div>
</body>
<!--<img class="parallax__bg" src="./assets/bg.jpg" alt="" />-->
<img class="parallax__bg" src="./assets/fond.png" alt="" />
<!--<img class="parallax__dust" src="./assets/dust.webp" alt="" />-->
<img class="parallax__dust" src="./assets/etoiles.png" alt="" />
<!--<img
class="parallax__foreground-back"
src="./assets/foreground-back.webp"
alt=""
/>-->
<!--<img
class="parallax__foreground-front"
src="./assets/foreground-front.webp"
alt=""
/>-->
<img class="parallax__jax" src="./assets/personnages.png" alt="" />
<!--<img class="parallax__luna" src="./assets/luna.webp" alt="" />-->
<!--<img class="parallax__manny" src="./assets/manny.webp" alt="" />-->
<!--<img class="parallax__rays" src="./assets/rays.webp" alt="" />-->
</div>
<main class="main-content">
<div class="wrapper">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nostrum
aspernatur nesciunt rem, officiis atque deserunt architecto excepturi
ducimus consectetur suscipit dolore sed tempora, assumenda corporis
eius quasi quas pariatur.
</p>
<p>
Sed minus alias quidem error fuga sint temporibus, accusamus totam!
Voluptates, deserunt? Dolore nulla iure asperiores quibusdam officia
pariatur deleniti aspernatur, assumenda numquam blanditiis cumque
voluptatem deserunt nesciunt, ea atque!
</p>
<p>
Dolor tenetur error similique, voluptatibus blanditiis deleniti
distinctio! Officia a, porro nobis provident illum deleniti nulla
consequuntur voluptatum enim repellat, architecto quas mollitia
consectetur assumenda rem magnam maiores ad nostrum.
</p>
<p>
Sequi laudantium quaerat necessitatibus voluptates voluptatem maiores
animi asperiores tempore error dolore minima autem modi esse sed et
pariatur quas, beatae fugit, earum eligendi tenetur! Doloremque
consequuntur voluptatem ratione fugiat.
</p>
<p>
Facilis voluptates necessitatibus, aspernatur deleniti nostrum porro
consequatur veniam eius aut nihil ut error quam, expedita ipsam dolore
ratione. Consequuntur culpa quasi quisquam quos magnam quibusdam vitae
asperiores eveniet quam.
</p>
<p>
Illo fuga, facilis cupiditate omnis, consequuntur quae maiores iure ab
perferendis obcaecati adipisci voluptatem hic nobis officiis fugit ut
voluptas enim? Distinctio, iusto aperiam. Aliquam vitae nobis eos ad
perspiciatis?
</p>
<p>
Recusandae quis vitae modi architecto magni error distinctio officiis
molestiae mollitia veniam! Cum qui provident sint laudantium
voluptatum accusantium debitis repudiandae? Sint laboriosam quis
veniam eum amet nesciunt earum perspiciatis?
</p>
<p>
Alias voluptate ad quasi ipsum mollitia optio dolore? Modi et
doloremque in harum ab hic, voluptatum odio molestias fuga quas
similique natus possimus libero voluptas distinctio beatae dignissimos
sunt deleniti.
</p>
<p>
Mollitia et atque impedit non sed, recusandae repudiandae, temporibus
ratione ipsam rem, aut consectetur maiores iusto praesentium fuga
cupiditate. Officiis assumenda atque saepe optio. Quod saepe et
temporibus officia iure?
</p>
<p>
Expedita quia doloremque pariatur natus optio vitae numquam
voluptatibus rem minima. In iusto cupiditate aspernatur, laboriosam
temporibus mollitia consequuntur veniam voluptatem earum saepe
delectus iure, quae maxime. Assumenda, facilis dolore?
</p>
<p>
Incidunt veritatis tempore, expedita, iure temporibus obcaecati
suscipit dolores quam nulla reiciendis esse architecto debitis quod
dolor maxime neque quas explicabo sed. Quo, corporis? Inventore,
ipsam. Quaerat temporibus consequatur beatae.
</p>
<p>
Dolores impedit ipsum facere rerum odio temporibus animi? Rerum eius
culpa dolores earum, officia consequatur quaerat pariatur cumque
natus, quia voluptatem eveniet doloremque deleniti quibusdam quam
impedit? Quam, nihil consequatur?
</p>
<p>
Vel assumenda sapiente numquam. Maxime, ducimus. Recusandae
reprehenderit nostrum molestias quia nam, natus aliquid ipsam magni
soluta beatae delectus expedita perspiciatis cupiditate iusto minima
maxime vitae, quo quos impedit culpa?
</p>
<p>
Quasi nostrum sit sed ducimus autem ab eos odit sunt, nemo libero,
quam doloribus laudantium maiores dignissimos veniam animi error.
Repellat doloremque nisi maiores voluptatibus animi blanditiis
similique repellendus eos.
</p>
<p>
Voluptatibus quo ut incidunt asperiores accusamus, vel deserunt totam
qui recusandae. Ipsam maxime omnis saepe dolor soluta tempora vel
illo, corporis culpa excepturi consequuntur nobis quaerat, dolorum
aliquid provident magni.
</p>
<p>
Quaerat dolores excepturi repudiandae nemo atque sapiente minus
nostrum neque cum illum, aspernatur voluptate autem recusandae officia
mollitia dolorem doloremque molestias accusantium aperiam at aliquam
error facilis alias. Non, dolor!
</p>
<p>
Officiis fugit neque nihil facilis quae molestiae dolor. Illum magnam
odit voluptatem quisquam provident illo architecto tenetur et,
praesentium sint omnis quod eum alias dolorum doloribus repellendus,
aperiam recusandae. Sunt!
</p>
<p>
Maiores, libero perferendis explicabo vel quibusdam laudantium a autem
velit, enim temporibus, adipisci inventore. Sapiente quibusdam officia
error porro animi nostrum, quam cum aliquid vel dolor, molestias quasi
temporibus nesciunt!
</p>
<p>
Dolor optio suscipit illum in, a laudantium consequatur vel incidunt
exercitationem, numquam, ratione beatae! Tempora autem porro obcaecati
inventore qui modi soluta veritatis nulla? Ut perferendis tempore
assumenda consequatur sint!
</p>
<p>
Dolore totam tempora aliquid praesentium qui soluta enim magnam.
Aperiam eum ut expedita distinctio amet veritatis iusto laboriosam
sapiente odio nostrum eius dignissimos, aliquid eveniet recusandae
corrupti ullam, debitis minus?
</p>
<p>
Illum, aperiam alias corrupti dicta nobis accusamus debitis enim
possimus accusantium quos modi odit eligendi dolores ut praesentium
explicabo a, repellat culpa cum ipsam porro earum quae. Hic, iste
odio.
</p>
<p>
Aliquid, vel esse delectus cupiditate obcaecati eum! Fugiat, aut
architecto vero, aperiam expedita nisi exercitationem harum reiciendis
placeat facilis cum, perspiciatis porro odit! Adipisci est asperiores
provident odio perspiciatis quam.
</p>
<p>
Facilis veritatis, aliquid sit itaque debitis veniam, aspernatur
deleniti beatae tempora a ut. Minima, doloremque aperiam? Doloremque
aspernatur impedit fuga sed nobis deserunt aliquid, atque amet, error
officiis molestias aperiam!
</p>
<p>
Doloribus suscipit magni voluptates facilis nam id possimus expedita
amet totam quis nisi adipisci praesentium sint quaerat, atque sit
nostrum eaque. Facere labore vero nulla tempora quod, modi repellat
deleniti!
</p>
<p>
Natus sunt pariatur enim explicabo expedita, magni temporibus vitae
distinctio nemo sint fugiat quis repudiandae, deserunt nulla officiis
facilis modi quo? Commodi qui veniam est nemo possimus distinctio,
libero molestias.
</p>
<p>
Nulla, velit magni cum expedita atque nisi quidem, accusamus similique
molestias repellat provident corporis tenetur optio. Tenetur,
repellendus, debitis at odio esse expedita commodi culpa quisquam,
libero velit sequi impedit?
</p>
<p>
Quidem quas amet reprehenderit dolore fugit asperiores ratione
nesciunt, culpa perferendis incidunt velit earum illo ea odio ad ex
quae! Doloremque animi eligendi quos culpa deleniti voluptatibus
nulla, odio harum.
</p>
<p>
Asperiores tempora corrupti omnis maiores eaque! Dolores quo deleniti
modi deserunt rerum officia. Fugit velit, deserunt autem maxime veniam
modi, quaerat eligendi, unde pariatur illo accusantium adipisci sunt
soluta ratione?
</p>
<p>
Ex obcaecati adipisci, a eos dignissimos quas labore in temporibus
quam. Animi assumenda a eaque sapiente esse deleniti sit non
accusamus, ab facilis eius magni voluptates natus sunt modi nostrum.
</p>
<p>
Consequatur rem architecto porro laboriosam, itaque earum ipsam quos,
consectetur eaque voluptatem quod ipsa eum accusantium! Voluptate
magni quas, temporibus cumque rerum sint necessitatibus atque eligendi
ex ut maiores veniam?
</p>
<p>
Praesentium at ex illum laboriosam, corporis eum nihil pariatur,
veniam consequuntur, eos nobis. Neque accusantium ducimus sit
molestias labore assumenda quae suscipit, vero, eius at maiores ipsam,
ipsa distinctio minus!
</p>
<p>
Odit itaque ullam iste minus modi quidem voluptas est a, quia nemo.
Voluptatibus recusandae quos nostrum sint nihil, consequatur, mollitia
laboriosam voluptatem dolores animi impedit! Libero quaerat minima
cumque nisi.
</p>
<p>
Aliquid eos, esse facilis temporibus voluptas facere mollitia hic
corrupti recusandae placeat delectus ab sunt sequi ipsam maiores
tenetur excepturi unde ut perspiciatis quibusdam laudantium nemo.
Libero nobis officia et.
</p>
<p>
Tempora non, enim cum harum nihil amet asperiores eius ut possimus
saepe culpa incidunt! Assumenda facilis blanditiis, eveniet porro
quisquam iste voluptas quae, ea, doloremque magni laudantium animi sit
nostrum?
</p>
<p>
Error labore est nemo eveniet placeat doloribus tempora odio eum,
voluptatibus assumenda provident amet alias facere ad harum vel, sit
perspiciatis, maxime quasi ut! Tempora est facilis tenetur possimus
enim!
</p>
<p>
Corrupti ab consequatur dolorem tempore libero neque placeat nisi enim
ipsam iusto eveniet voluptas odit ut, sapiente esse aspernatur, ad
cumque quibusdam, eum soluta? Delectus magnam asperiores molestias
voluptatem obcaecati.
</p>
<p>
Unde nulla alias iusto amet, voluptas similique id illum nesciunt
molestiae inventore non esse molestias iure quod rem suscipit facilis
ducimus exercitationem blanditiis est delectus, quisquam magnam.
Placeat, velit ipsam.
</p>
<p>
Facilis pariatur laudantium dignissimos, officiis sit quidem dolores.
Tempora voluptatem deserunt velit excepturi ratione accusamus nulla
autem. Blanditiis autem maxime, optio, cupiditate quae quisquam
consectetur labore nesciunt debitis ut totam?
</p>
<p>
Consectetur debitis exercitationem facere reiciendis ea corrupti
labore praesentium molestias repellat delectus, minima dolores
doloremque repellendus odit quia tempora maiores, temporibus eius
perferendis? Possimus ex illo earum cupiditate, ratione excepturi?
</p>
<p>
Ea id quidem culpa laborum ad molestias iure ipsa fuga, eius
laboriosam praesentium, possimus ratione quibusdam repellendus ducimus
adipisci error rerum quos veniam? Maiores voluptatem reiciendis, earum
vitae nisi illo.
</p>
<p>
Fugit magnam dolorem nobis quisquam velit, sapiente ut quia molestias,
voluptas rem corporis eligendi vero explicabo corrupti voluptatem modi
fugiat saepe quaerat! Non sapiente provident inventore corporis
nesciunt in tenetur!
</p>
<p>
Voluptatum, quo dolorem. Similique, hic eligendi cupiditate laudantium
minus doloremque deleniti ipsum iusto quia iste? Laborum dolor rerum
asperiores quo quas accusamus quibusdam atque cum aut! Perspiciatis
laboriosam voluptates et.
</p>
<p>
Dicta, explicabo. Esse tenetur obcaecati hic iusto quasi aperiam eius
quod distinctio nesciunt nulla! Maiores officia numquam debitis
quisquam amet, odio hic illum corporis quidem cupiditate iste sit,
aspernatur sunt!
</p>
<p>
Odio veritatis quia sint aut rem quidem veniam quos dolores eos
distinctio quas dignissimos voluptatum nam, consequatur, ullam
blanditiis assumenda laudantium. Vitae quam exercitationem minus
consectetur quasi eaque, doloremque totam.
</p>
<p>
Quidem blanditiis at, suscipit incidunt eligendi aliquam placeat
aperiam vitae quam nam quis distinctio iste quod? Voluptatibus, autem
atque veritatis, deserunt in error unde porro, est eos sit nihil odit?
</p>
<p>
Ipsa quidem dolorum iusto porro natus consectetur vitae facere amet
corrupti nemo quia adipisci nobis, praesentium delectus voluptatum
dolores, minus possimus alias odit! Dolorum laboriosam, voluptatum
tempore neque eos reiciendis.
</p>
<p>
Aut impedit ipsum molestiae ducimus nihil aliquid. Nihil rerum
architecto amet quisquam maxime alias, dolore porro officia labore,
saepe recusandae delectus dolorum earum maiores error sapiente,
eveniet consectetur. Beatae, nisi.
</p>
<p>
Quia reiciendis rem eius eos ratione quis itaque fugiat dolore in
magnam? Mollitia excepturi, fuga eum optio, sunt et a soluta ex cum
tempore odit, atque minus rem aspernatur beatae?
</p>
<p>
Ut minima, eius nobis aspernatur iure unde beatae nostrum totam! Nihil
in voluptatum voluptas necessitatibus, quaerat amet quibusdam. Quis,
numquam! Numquam, sed magni? Aliquam hic in, earum voluptatum officia
quis.
</p>
<p>
Consequatur explicabo dignissimos natus dolor accusamus atque quia cum
autem aliquam. Eligendi aliquid mollitia, voluptas possimus sit ipsa
fugiat inventore? In quo aliquid officiis et incidunt, harum libero a
necessitatibus.
</p>
<p>
Saepe beatae illo nam hic optio. Et consectetur, modi unde ducimus
corporis animi nam repudiandae voluptates aut ratione, odio eveniet
quam ea? Sapiente, quos? At illo facere quod maiores provident?
</p>
<p>
Dolorum incidunt provident cumque veritatis, pariatur dolor dolore
deleniti dicta. Maiores laborum iusto ullam dolorem qui ipsum, beatae
laboriosam placeat dolores? Expedita, eos ut tempora nam commodi
quibusdam earum est!
</p>
<p>
Veniam quidem mollitia consequatur ullam velit ratione nostrum dolorum
dolores quos. Dicta dolorum quae perspiciatis, autem repellat itaque
praesentium amet possimus quaerat quis quisquam adipisci cumque
officiis voluptatem in exercitationem.
</p>
<p>
Eligendi beatae cupiditate perspiciatis at inventore blanditiis et
itaque facere. Tenetur pariatur blanditiis recusandae, debitis,
assumenda consequuntur molestias beatae quae quibusdam ipsum aliquam
nam eaque ut id molestiae iusto deserunt.
</p>
<p>
Dolorum optio itaque officiis at, ex, illum nam earum dolor architecto
beatae inventore similique, laborum atque modi! Quae sed debitis
repellat possimus odit quis amet. Itaque modi numquam consectetur
deserunt!
</p>
<p>
Sapiente provident aspernatur, assumenda maiores cumque suscipit ipsam
sit dolores cum architecto dolore numquam sunt doloribus. Eaque
expedita, aliquid quas impedit doloribus harum! Perferendis error
labore magnam nihil. Quas, assumenda?
</p>
<p>
Maiores quia reiciendis aliquid fuga laudantium, nesciunt laboriosam
soluta repudiandae ea ratione enim mollitia eaque eum sed autem porro
omnis! Veniam voluptatum, delectus ullam quod numquam enim dolor
blanditiis ut!
</p>
<p>
Accusamus inventore rem perferendis eligendi autem laudantium ab
veniam facere, accusantium, alias eum eaque commodi sapiente.
Blanditiis, voluptatibus natus? Atque sapiente distinctio voluptatum
earum! Quidem laboriosam id odio nisi necessitatibus.
</p>
<p>
Itaque, earum nihil? Repudiandae quod dolorem modi tempora corporis,
vel ut, soluta sapiente ipsam optio animi ea harum illum totam
molestiae voluptatibus nesciunt ipsum unde sunt autem perspiciatis
vero voluptatum!
</p>
<p>
Sed amet ducimus provident, nemo eos cumque nihil harum commodi quae
placeat deleniti ad animi atque reiciendis ex minima temporibus soluta
neque rem enim culpa earum? Hic modi eos corrupti!
</p>
<p>
Quam minima error at eos repellat? Quos doloribus tempora animi unde
inventore voluptatibus, harum tenetur numquam exercitationem
dignissimos praesentium, magnam aut nisi libero molestiae totam
perspiciatis iure natus corrupti obcaecati!
</p>
<p>
Soluta, laboriosam! Quos veniam possimus labore distinctio,
voluptatibus corrupti minima quia reiciendis optio! Praesentium velit
repudiandae rerum error nemo odit, quis aperiam reprehenderit ab nihil
totam accusamus quisquam sunt provident?
</p>
<p>
Totam ipsum corporis quidem iusto fuga, laborum at reiciendis quos
officiis laudantium a et. Ratione, animi ut tempora, aliquam vero
reprehenderit officia fuga distinctio sint natus eligendi. Quos,
inventore nihil.
</p>
<p>
Minus, qui molestias eos eaque nemo placeat dolores cumque accusamus
accusantium laborum dolor itaque dignissimos quae rem facere nihil
provident rerum error ex ut ab asperiores amet. Veniam, sapiente
culpa.
</p>
<p>
Amet ipsa non quibusdam nesciunt possimus accusamus quo veritatis
aperiam accusantium distinctio nisi vel, illum unde cum est harum
tempora ut quisquam quod ducimus? Ipsam quam exercitationem iure fugit
asperiores.
</p>
<p>
Illum, ducimus cumque consectetur eius distinctio labore assumenda
illo similique! Quibusdam architecto non ea dolorem repudiandae.
Dolores laudantium eligendi vero laboriosam, corporis quos, nemo fuga
repellat nulla sunt nihil minus!
</p>
<p>
Eius minus fugit, quasi architecto nesciunt reiciendis eum recusandae
dignissimos nulla iusto enim quibusdam perferendis? Ullam beatae ab
incidunt tenetur numquam voluptates alias velit est eius at? Fugit,
repellendus laborum.
</p>
<p>
Perspiciatis itaque ea odio magni soluta repellat non aut, esse
voluptatibus pariatur vero, autem quis ut adipisci maiores? Velit
fugiat ea iusto praesentium cupiditate! Assumenda distinctio aliquam
error excepturi quos.
</p>
<p>
Reiciendis ducimus dignissimos delectus assumenda ipsa laudantium,
inventore, placeat excepturi laboriosam odio eius officiis neque
velit, porro qui omnis soluta blanditiis nihil id officia minima
expedita laborum esse? Inventore, voluptate.
</p>
<p>
Quo, voluptate possimus ea ratione quidem ad accusamus. Alias cum
itaque perspiciatis et, asperiores debitis ratione delectus earum
accusamus distinctio doloribus incidunt corrupti quia voluptatum
reprehenderit autem nemo! Asperiores, aspernatur.
</p>
<p>
Qui unde impedit aliquid voluptas, obcaecati nihil necessitatibus
cumque corrupti harum accusantium tenetur ad eveniet repudiandae quam
facere eius est laudantium! Ea sit eaque fugit, dolores accusamus vero
soluta provident.
</p>
<p>
Natus, sapiente maxime aliquid modi velit quisquam ullam, vero sunt
minus cum sequi distinctio quia dolores possimus. Earum quae quibusdam
debitis porro, minima incidunt, eius deleniti, delectus repellat
architecto eligendi.
</p>
<p>
Voluptate eaque tenetur autem perferendis deleniti optio error
sapiente perspiciatis minus, quidem minima, recusandae illum unde
animi in, corrupti assumenda cum eos numquam sit nemo praesentium.
Nostrum modi ipsam vero?
</p>
<p>
Perferendis, atque sit. Cupiditate perferendis temporibus vel?
Excepturi commodi magnam doloribus, repellat numquam, aperiam ad
quisquam est dolorem earum veniam labore nesciunt. Dicta dolorum quam
quaerat eos nostrum voluptatem quae.
</p>
<p>
Nisi ab odio quia natus culpa maxime nulla provident illum ipsa iure
est, fugiat accusantium ipsum cumque quasi enim molestias deleniti
quidem adipisci possimus velit veniam voluptas laboriosam. Incidunt,
earum.
</p>
<p>
Iste rem, ullam labore iusto quo eligendi deserunt assumenda omnis
corporis earum. Odio laboriosam at harum eaque dolore velit quis
voluptates similique sint perferendis, earum illum corporis voluptas,
voluptatibus debitis.
</p>
<p>
Unde nam quisquam saepe impedit tempore laudantium omnis perferendis
placeat ex! Qui quos eos cupiditate placeat eius recusandae veritatis
facere ea, quam reiciendis consectetur ut eum enim, voluptate adipisci
quae!
</p>
<p>
Magni, fugit saepe autem dignissimos obcaecati hic dolorum sed.
Doloribus eligendi soluta sit dolores quae earum quo velit minima
voluptatem. Tempora dicta architecto soluta, corrupti quam culpa
praesentium incidunt fugiat?
</p>
<p>
Ipsam tenetur vitae totam neque quam! Assumenda quaerat laboriosam
atque voluptate ipsum labore totam perferendis nam numquam tempora
pariatur, amet error quidem quisquam iure ex, vero rem? Quisquam, fuga
quidem!
</p>
<p>
Autem similique porro reiciendis fugiat perspiciatis ducimus ipsum et
esse ratione voluptate exercitationem doloremque amet corporis
consequuntur tenetur animi veniam perferendis vitae, ea, sunt illo!
Facilis qui ut assumenda officia!
</p>
<p>
Cum, ratione incidunt. Libero repudiandae cum alias minus sit cumque,
assumenda beatae, distinctio enim aperiam aut illum voluptas neque
veniam aliquid? Ullam perferendis, neque voluptates assumenda tempora
repellendus voluptatibus explicabo.
</p>
<p>
Quas quos aut, in a eum beatae impedit, deserunt dolor tempora quae
nam iste aspernatur voluptas ut nihil sunt officiis repudiandae
recusandae rem saepe, asperiores hic! Cupiditate quidem eos velit.
</p>
<p>
Animi, quaerat consectetur quo aliquid rerum possimus, fugiat ad
maiores fuga explicabo eaque ducimus. Quibusdam quos excepturi
doloremque a voluptate, tempora beatae blanditiis, pariatur adipisci
harum ipsa expedita, ipsam alias!
</p>
<p>
Quae pariatur quam libero non repellendus animi sed, labore sint nisi
vel tempora velit dolorem distinctio veritatis suscipit molestias
dolor deserunt cum sequi eum ad? Vel reprehenderit ea deleniti earum.
</p>
<p>
Quae fugit iure totam repellendus, facilis reiciendis laborum quaerat
praesentium dolores quasi! Pariatur praesentium, blanditiis in nam
placeat corporis culpa provident? Sunt repellendus perspiciatis quia
minima nihil sit fuga optio!
</p>
<p>
Est provident maxime et architecto reprehenderit a fugit placeat
veritatis, distinctio quibusdam illo facere, in laudantium minima
labore aperiam rem numquam molestiae mollitia expedita doloribus,
temporibus excepturi. Est, sed odio!
</p>
<p>
Ad nihil quas placeat est obcaecati veniam dolore ipsum aliquid
corporis reprehenderit soluta voluptatum odit repellat earum
voluptatem dicta laudantium autem quis quod, officia impedit nemo
cupiditate natus? Sequi, suscipit!
</p>
<p>
Tempora consequuntur est autem tempore maiores eius? Ratione nihil
esse architecto deserunt laudantium odio corrupti provident veritatis,
officia similique minima sit facere temporibus porro facilis quis
distinctio, tenetur neque maiores?
</p>
<p>
Praesentium odit facilis optio numquam, libero necessitatibus maiores
rem obcaecati ex ea consequatur laborum possimus! Quasi aut libero ad
commodi nisi beatae, a illo neque, cumque nam consectetur!
Consectetur, ut.
</p>
<p>
Magnam enim perferendis odit doloremque, provident ipsum laudantium
exercitationem minima voluptatibus et natus delectus recusandae quam
eligendi assumenda velit nam. Quae harum iusto, excepturi quibusdam
provident nulla culpa saepe velit.
</p>
<p>
Hic molestias quos accusamus ea. Quae ullam repellendus voluptates
repellat at quibusdam sed laudantium recusandae? Dolore placeat itaque
tempora velit facere similique numquam consequatur esse alias? Eius
sit quos facere.
</p>
<p>
Adipisci numquam corporis doloremque velit similique suscipit delectus
eligendi vero optio illo fugit sapiente at vitae ullam nam qui
praesentium, architecto autem laudantium quisquam. Laudantium maxime
iusto eum sunt iure?
</p>
<p>
Sint, possimus deleniti ipsum repudiandae praesentium rerum dolorem
totam pariatur facilis eos culpa animi cum dolorum excepturi ipsam
iusto dolor beatae. Minima, nesciunt repellendus! Velit, illo
blanditiis. Recusandae, asperiores explicabo.
</p>
<p>
Facere aperiam dolore, officiis repudiandae repellendus asperiores
nihil eum nam quae. Earum recusandae incidunt dolorem praesentium
maiores dignissimos ullam, nobis minima et ex, quaerat cum nulla
nesciunt sit temporibus. Fugiat!
</p>
<p>
Quidem commodi dolorem ipsum architecto modi veritatis rem excepturi
tenetur iste? Error exercitationem doloribus nulla obcaecati quam
quaerat rem quibusdam magnam sint similique quia reprehenderit iure
nisi, accusantium distinctio est.
</p>
<p>
Sequi animi nemo veniam adipisci laudantium? Aut possimus quis rerum
consectetur animi laborum, deleniti a quidem distinctio officia quam.
In corporis modi accusantium perferendis eveniet aliquam ducimus ab
velit amet.
</p>
<p>
Culpa molestiae, perferendis numquam beatae explicabo provident
corporis fugiat neque, expedita mollitia excepturi, quis aut ipsam?
Possimus accusantium ratione blanditiis quidem, explicabo vel et fugit
fuga excepturi quo tempora! Nulla.
</p>
<p>
Ipsa ipsam aliquid doloribus! Sunt natus, quod earum autem dignissimos
blanditiis corporis tempore, odio, deleniti provident ea illo commodi
consectetur. Dicta quaerat nostrum odio maxime ut ducimus corrupti
quos eaque.
</p>
<p>
Deleniti ipsam, dicta numquam dolore rem magni, porro tempora fuga
quibusdam voluptatibus quae labore quaerat nisi necessitatibus optio
asperiores alias consequuntur! Laborum possimus quidem vel! Facilis
perspiciatis obcaecati nam cumque?
</p>
<p>
Libero soluta quos illo, quisquam doloribus architecto reiciendis
consectetur doloremque similique provident cumque sunt totam nisi
quam, ab earum veniam fugiat! Consectetur, doloremque? Corrupti
quibusdam explicabo quod. Est, sint voluptatum.
</p>
</div>
</main>
</body>
</html> </html>

24696
personages.png.64 Normal file

File diff suppressed because it is too large Load Diff

BIN
personnage1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 560 KiB

BIN
personnage2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 KiB

BIN
personnage3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 442 KiB

BIN
personnages.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
photo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 MiB

195
style.css
View File

@@ -1,195 +0,0 @@
.parallax {
/* overflow: hidden; */
position: relative;
z-index: 0;
min-height: 75vh;
display: grid;
grid-template-areas: "stack";
background-color: #FFEDE5;
}
.parallax > * {
grid-area: stack;
animation: parallax linear;
animation-timeline: scroll();
}
.parallax > img {
width: 100%;
}
.primary-header,
.hero {
--parallax-speed: 10;
z-index: 10;
}
.parallax__bg {
--parallax-speed: -10;
z-index: 1;
min-height: 100%;
width: 100%;
object-fit: cover;
}
.parallax__dust {
--parallax-speed: -20;
z-index: 2;
}
.parallax__luna {
--parallax-speed: 50;
z-index: 3;
}
.parallax__manny {
--parallax-speed: 30;
z-index: 4;
}
.parallax__jax {
--parallax-speed: 10;
z-index: 5;
}
.parallax__rays {
--parallax-speed: 50;
z-index: 3;
}
.parallax__foreground-front,
.parallax__foreground-back {
z-index: 999;
align-self: end;
}
.parallax__foreground-back {
transform: scaleY(1.2);
transform-origin: bottom;
mix-blend-mode: hard-light;
}
.main-content {
position: relative;
/* z-index: 1; */
background: #FFEDE5;
padding-block: 6rem;
}
@keyframes parallax {
to {
transform:
translateY(calc(var(--parallax-speed) * 200px));
}
}
/* general styling */
html {
color-scheme: normal;
}
body {
margin: 0;
font-family: "Rubik", sans-serif;
font-size: 1.25rem;
font-weight: 700; /* for demo only */
text-transform: uppercase; /* for demo only */
min-height: 300vh; /* for demo only */
}
img {
display: block;
max-width: 100%;
}
.wrapper {
width: min(65rem, 100% - 4rem);
margin-inline: auto;
}
.flex-group {
display: flex;
gap: 1rem;
}
.button {
font: inherit;
font-style: italic;
text-transform: uppercase;
background: rgb(227, 195, 14);
padding: 1em 2em;
border: 0;
border-radius: 0.125em;
}
.primary-header {
padding-block: 2rem;
}
.primary-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.primary-nav ul {
flex: 1;
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 1rem;
justify-content: space-between;
}
.primary-nav a {
color: rgb(227, 195, 14);
font-weight: 700;
text-decoration: none;
}
.logo {
max-width: 100px;
position: relative;
&::after {
content: "";
position: absolute;
inset: -3rem;
z-index: -1;
background: radial-gradient(hsl(0 0% 100% / 0.5), transparent 70%);
}
}
.hero {
margin-block-start: max(20vh, 8rem);
}
.hero__title {
font-size: 2rem;
max-width: 3ch;
line-height: 1;
font-style: italic;
font-weight: 300;
position: relative;
> span {
font-style: normal;
font-size: 0.5em;
display: block;
}
&::after {
content: "";
position: absolute;
inset: 0;
background: white;
z-index: -1;
scale: 2;
opacity: 0.5;
filter: blur(5rem);
translate: -50%;
}
}

171
styles copy.css Normal file
View File

@@ -0,0 +1,171 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
color: black;
background-color: #FFEDE5;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
overflow-x: hidden;
/* Empêche le scroll horizontal */
}
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: white;
height: 4rem;
z-index: 1000;
}
nav {
float: right;
background-color: transparent;
height: 100%;
}
nav a {
display: inline-block;
color: rgb(227, 195, 14);
padding: 18px 12px;
text-decoration: none;
transition: ease-in .3s;
}
nav a:hover {
color: white;
background: #6aa9e895;
cursor: pointer;
}
.wrapper {
padding-top: 12rem;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
perspective: 300px;
width: 100vw;
/* Force la largeur du viewport */
overflow-x: hidden;
}
.parallax__group {
position: relative;
height: 100vh;
width: 100vw;
transform-style: preserve-3d;
}
.parallax__layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sky {
background-color: white;
background: url('fond.png') no-repeat;
background-size: contain;
transform: translateZ(-600px) scale(3);
z-index: 1;
}
.bushes {
background: url('etoiles.png') no-repeat;
background-size: contain;
transform: translateZ(-525px) scale(2.75);
z-index: 2;
}
.water {
background: url('texte.png') no-repeat;
background-size: contain;
transform: translateZ(-400px) scale(2.33333333);
z-index: 3;
}
.people1 {
background: url("personnages.png") no-repeat;
background-size: contain;
transform: translateZ(-250px) scale(1.833333333);
z-index: 4;
}
.info-container {
background-color: #FFEDE5;
}
/* Style du menu hamburger */
.menu-icon {
display: none;
/* Caché par défaut */
flex-direction: column;
cursor: pointer;
position: absolute;
right: 1rem;
top: 1rem;
z-index: 1001;
}
.menu-icon span {
background: rgb(227, 195, 14);
display: block;
height: 3px;
width: 25px;
margin: 5px 0;
transition: 0.3s;
}
/* Masquer la case à cocher */
#menu-toggle {
display: none;
}
@media screen and (min-width:760px) {
.sky,
.bushes,
.water,
.people1 {
background-size: contain;
/* Remplit toute la largeur */
/*background-position: center; Centre les images */
}
}
@media screen and (max-width: 760px) {
.menu-icon {
display: flex;
}
nav {
display: none;
flex-direction: column;
position: absolute;
top: 4rem;
left: 0;
width: 100%;
background: white;
text-align: center;
}
/* Quand la case est cochée, afficher le menu */
#menu-toggle:checked+.menu-icon+nav {
display: flex;
}
nav a {
padding: 15px;
display: block;
}
}

245
styles.css Normal file

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 201 KiB

After

Width:  |  Height:  |  Size: 201 KiB

3614
texte.png.64 Normal file

File diff suppressed because it is too large Load Diff