Big Bang !
This commit is contained in:
mco-system
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