tetalab
/
thsf.net
18
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Big Bang !

This commit is contained in:
mco-system 2023-02-24 19:26:37 +11:00
commit caca7bf083
9 changed files with 212 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.editorconfig Normal file
View 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
View File

@ -0,0 +1,3 @@
*.un~
*.swp
*.sh

36
README.md Normal file
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
images/extract_1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 294 KiB

BIN
images/extract_data.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 774 KiB

BIN
images/favicon.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

32
index.html Normal file
View 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
View 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;
}
}