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

wip: affiche thsf

This commit is contained in:
Michael Costa 2023-03-25 18:15:12 +11:00
parent 6632e21afb
commit d51c0bff0a
10 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
fonts/PFDinTextCompPro-Medium.ttf Normal file
View File

Binary file not shown.

BIN
fonts/PFDinTextCompPro-Thin.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Uni Sans Bold.otf Normal file
View File

Binary file not shown.

BIN
fonts/Uni Sans Book.otf Normal file
View File

Binary file not shown.

BIN
images/affiche_v1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

BIN
images/extract.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 142 KiB

BIN
images/extract_1200.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 294 KiB

BIN
images/extract_data.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 774 KiB

27
index.html
View File

@ -10,22 +10,25 @@
<body>
<ul>
<li>THSF 2023</li>
<li></li>
<li></li>
<li></li>
<li>Extraction in progress...</li>
<li>THSF 2023</li>
<li></li>
<li></li>
<li></li>
<li>Extraction in progress...</li>
<li>THSF 2023</li>
<li></li>
<li></li>
<li></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></li>
<li></li>
<li></li>
<li>Extraction in progress...</li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

15
styles/main.css
View File

@ -1,12 +1,21 @@
@font-face {
font-family: pfdintextcomppro;
src: url(../fonts/PFDinTextCompPro-Medium.ttf);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: pfdintextcomppro;
}
body {
background-image: url('../images/extract_data.jpg');
background-size: cover;
background-color: #e6007e;
background-image: url('../images/affiche_v1.png');
background-repeat: no-repeat;
background-size: auto;
background-position-x: center;
overflow: hidden;
}
@ -35,7 +44,7 @@ li {
width: 100%;
transform: translateY(100vh);
font-size: 6rem;
font-family: sans-serif;
font-family: pfdintextcomppro;
font-weight: bold;
color: #ffffdd;
animation: 5.3333333333s spiral-staircase linear infinite;