commit caca7bf0830d670e9879af608858e40c0e68781e Author: mco-system Date: Fri Feb 24 19:26:37 2023 +1100 Big Bang ! diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..c16bbae --- /dev/null +++ b/.editorconfig @@ -0,0 +1,11 @@ +root = true + +[*] +indent_style = space +indent_size = 2 +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[Makefile] +indent_style = tab diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e2082e9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +*.un~ +*.swp +*.sh diff --git a/README.md b/README.md new file mode 100644 index 0000000..c38c392 --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +# THSF.NET + +Le site du THSF + +## Modifier le site + +Il n'est **pas possible** de pousser directement des modifcations sur la branche `master`. + +Pour modifier le site, il est nécessaire de créer une branche spécifique et d'y pousser vos modifications. + +## Publication du site + +Lorsque vous êtes satisfaits de vos modifications, vous pouver créer une demande de fusion de branche de votre branche sur la branche `master`. + +Lorsque la demande de fusion sera acceptée (vous pouvez auto-accepter vos demande de fusion), vos modifications seront automatiquement publiées sur le site du THSF. + +### Personnalisation de la publication + +Afin de rendre le processus plus souple, il est possible de personnaliser la livraison en fournissant un fichier `Makefile` contenant une cible `install` qui sera systématiquement executée. + +C'est dans cette cible `install` que vous pourrez mettre toutes vos commandes personnalisées, typiquement l'installation de modules `npm`. + +Le processus de publication est le suivant: + +1. Le site actuellement en production est **supprimé** + +2. La branche `master` du présent dépôt est cloné sur le serveur hébergeant le site du **THSF** + +3. Si un fichier `Makefile` se trouve à la racine du site, la cible `install` (i.e: `make install`) est automatiquement exécutée. + + +## Contrôle de qualité et tests + +Aucun contrôle de qualité ou de tests n'est mis en place. Vous êtes seul sur le coup. + +Soyez responsable et **testez vos modifications sur votre machine locale avant de fusionner votre branche** sur la branche `master` diff --git a/images/extract.jpg b/images/extract.jpg new file mode 100644 index 0000000..af05498 Binary files /dev/null and b/images/extract.jpg differ diff --git a/images/extract_1200.jpg b/images/extract_1200.jpg new file mode 100644 index 0000000..3cecaf0 Binary files /dev/null and b/images/extract_1200.jpg differ diff --git a/images/extract_data.jpg b/images/extract_data.jpg new file mode 100644 index 0000000..a86ebef Binary files /dev/null and b/images/extract_data.jpg differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100755 index 0000000..15df07e Binary files /dev/null and b/images/favicon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..026757a --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + THSF 2023: Extractivisme + + + + + + + + + + diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..ca930a1 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,130 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-image: url('../images/extract_data.jpg'); + background-size: cover; + overflow: hidden; +} + +ul { + overflow: hidden; + perspective: 900px; + list-style: none; + height: 100vh; + max-height: 800px; + min-height: 400px; + text-align: center; +} + +@keyframes width-sway { + 0%, 100% { + width: 500px; + } + 50% { + width: 100%; + } +} +li { + position: absolute; + top: 0; + margin: auto; + width: 100%; + transform: translateY(100vh); + font-size: 6rem; + font-family: sans-serif; + font-weight: bold; + color: #ffffdd; + animation: 5.3333333333s spiral-staircase linear infinite; + white-space: nowrap; +} + +li:nth-child(1) { + animation-delay: 0.3333333333s; +} + +li:nth-child(2) { + animation-delay: 0.6666666667s; +} + +li:nth-child(3) { + animation-delay: 1s; +} + +li:nth-child(4) { + animation-delay: 1.3333333333s; +} + +li:nth-child(5) { + animation-delay: 1.6666666667s; +} + +li:nth-child(6) { + animation-delay: 2s; +} + +li:nth-child(7) { + animation-delay: 2.3333333333s; +} + +li:nth-child(8) { + animation-delay: 2.6666666667s; +} + +li:nth-child(9) { + animation-delay: 3s; +} + +li:nth-child(10) { + animation-delay: 3.3333333333s; +} + +li:nth-child(11) { + animation-delay: 3.6666666667s; +} + +li:nth-child(12) { + animation-delay: 4s; +} + +li:nth-child(13) { + animation-delay: 4.3333333333s; +} + +li:nth-child(14) { + animation-delay: 4.6666666667s; +} + +li:nth-child(15) { + animation-delay: 5s; +} + +li:nth-child(16) { + animation-delay: 5.3333333333s; +} + +@keyframes spiral-staircase { + 0% { + transform: rotateY(90deg) translateY(105vh) rotate(0deg) scale(0); + opacity: 0; + } + 40% { + transform: rotateY(90deg) translateY(61vh) rotate(0deg) scale(0); + opacity: 0; + } + 50% { + transform: rotateY(0deg) translateY(55vh) rotate(0deg) scale(0.50); + opacity: 1; + } + 75% { + transform: rotateY(-60deg) translateY(27.5vh) rotate(0deg) scale(1); + opacity: 1; + } + 100% { + transform: rotateY(-90deg) translateY(-5vh) rotate(0deg) scale(1.2); + opacity: 0; + } +}