Big Bang !
This commit is contained in:
commit
caca7bf083
11
.editorconfig
Normal file
11
.editorconfig
Normal file
@ -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
|
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
*.un~
|
||||||
|
*.swp
|
||||||
|
*.sh
|
36
README.md
Normal file
36
README.md
Normal file
@ -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`
|
BIN
images/extract.jpg
Normal file
BIN
images/extract.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 142 KiB |
BIN
images/extract_1200.jpg
Normal file
BIN
images/extract_1200.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 294 KiB |
BIN
images/extract_data.jpg
Normal file
BIN
images/extract_data.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 774 KiB |
BIN
images/favicon.png
Executable file
BIN
images/favicon.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 31 KiB |
32
index.html
Normal file
32
index.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang='zxx'>
|
||||||
|
<head>
|
||||||
|
<title>THSF 2023: Extractivisme</title>
|
||||||
|
<meta name="viewport" content="initial-scale=1.0" />
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="./styles/main.css" />
|
||||||
|
<link rel="icon" type="image/png" href="/images/favicon.png" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<ul>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>THSF 2023</li>
|
||||||
|
<li>Extraction in progress...</li>
|
||||||
|
<li>This is merged !</li>
|
||||||
|
</ul>
|
||||||
|
</body>
|
||||||
|
</html>
|
130
styles/main.css
Normal file
130
styles/main.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user