main style changed
This commit is contained in:
johan
parent
1022a399ee
commit
a640669159
9 changed files with 151 additions and 32 deletions
16
.gitignore
vendored
16
.gitignore
vendored
|
|
@ -1,4 +1,12 @@
|
|||
node_modules/
|
||||
package-lock.json
|
||||
prankdata.txt
|
||||
ldap-conf.json
|
||||
# ---> VisualStudioCode
|
||||
.vscode/*
|
||||
!.vscode/settings.json
|
||||
!.vscode/tasks.json
|
||||
!.vscode/launch.json
|
||||
!.vscode/extensions.json
|
||||
*.code-workspace
|
||||
|
||||
# Local History for Visual Studio Code
|
||||
.history/
|
||||
|
||||
*:Zone.Identifier
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import url('https://fonts.cdnfonts.com/css/modern-typewriter');
|
||||
@import url('https://fonts.cdnfonts.com/css/modern-typewriter');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -13,28 +13,49 @@ body {
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
background-color: rgb(215, 91, 0);
|
||||
}
|
||||
|
||||
.bg-full {
|
||||
position: fixed;
|
||||
background: url('../img/backgrounf-full.jpeg');
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
z-index: -99;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
font-weight: 900;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 5vh 0vh;
|
||||
justify-content: center;
|
||||
width: 90vw;
|
||||
box-shadow: 1px 1px 100px black;
|
||||
min-height: 100vh;
|
||||
box-shadow: 1px 1px 10px #d75b00;
|
||||
border-radius: 1px;
|
||||
border: none;
|
||||
padding: 5vw;
|
||||
background: url("../img/background-letter.jpg");
|
||||
background-size: cover;
|
||||
background-position-x: right;
|
||||
}
|
||||
|
||||
div.logo {
|
||||
position: absolute;
|
||||
transform: rotate(-25deg);
|
||||
/*border-radius: 50%;
|
||||
box-shadow: 2px 2px 10px black;*/
|
||||
@media screen and (max-width: 600px) {
|
||||
.container {
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
}
|
||||
body {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo>img {
|
||||
|
|
@ -45,24 +66,35 @@ div.logo {
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid black;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
background-position: absolute;
|
||||
}
|
||||
|
||||
hr {
|
||||
text-align: center;
|
||||
border: none;
|
||||
width: 200px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
hr::before {
|
||||
content: url('../img/divider.svg');
|
||||
}
|
||||
|
||||
.banner {
|
||||
padding: 3vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: left;
|
||||
}
|
||||
|
||||
|
||||
.col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: left;
|
||||
padding: 20px;
|
||||
margin: 50px 0px;
|
||||
width: 100%;
|
||||
|
|
@ -76,4 +108,10 @@ div.logo {
|
|||
|
||||
.col-right {
|
||||
padding-left: 5vw;
|
||||
}
|
||||
|
||||
.activite-temps {
|
||||
font-size: 40px;
|
||||
color: red;
|
||||
text-align: center;
|
||||
}
|
||||
BIN
static/img/background-letter.jpg
Normal file
BIN
static/img/background-letter.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 450 KiB |
BIN
static/img/backgrounf-full.jpeg
Normal file
BIN
static/img/backgrounf-full.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 135 KiB |
53
static/img/divider.svg
Normal file
53
static/img/divider.svg
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 2654.285 189.531" enable-background="new 0 0 2654.285 189.531" xml:space="preserve">
|
||||
<path d="M684.809,45.133c34.229-7.489,106.37,0.096,158.835-2.184c25.117-1.092,50.189-4.697,75.329-0.704
|
||||
c62.716,9.962,76.678,35.174,99.705,37.477c8.291-42.721,21.754-36.894,37.88-36.553c18.415,0.802,26.35,23.585,22.617,39.124
|
||||
c-18.983,11.997-5.337-7.578-20.654-23.723c-33.763-1.743-23.725,28.405-17.834,34.396c23.365,23.764,86.471,40.525,99.346-4.258
|
||||
c-7.355,0.802-14.793,4.037-22.203,2.378c-52.151-35.806,51.183-86.14,50.018,6.442c-0.142,11.298,84.307-94.179,150.445-44.998
|
||||
c23.977,17.83,25.482-25.406,84.278-8.365c45.567,13.207,66.264,45.508,86.427,50.349c2.238-19.024,0.832-39.235,26.82-48.553
|
||||
c41.669-8.455,59.624,58.376-0.166,40.258c-1.828,30.916,45.73,46.817,82.009,23.253c8.212-5.364,18.691-9.511,22.341-19.438
|
||||
c5.253-10.949,1.576-27.733-10.977-31.604c-9.65-1.051-10.507,11.779-16.424,16.894c-4.507,0.221-10.922,0.636-12.94-4.452
|
||||
c-0.513-20.284,22.726-33.084,40.534-25.615c24.106,10.111,13.593,31.15,20.627,40.103c1.597,2.033,45.918-21.374,50.912-23.341
|
||||
c95.042-37.432,259.042-18.215,355.842,16.65c17.585,8.018,37.023,12.608,56.433,12.028c11.982,0.964,1.955-23.56-18.608-21.622
|
||||
c-7.825,0.636-15.511,2.184-23.281,2.903c0.636-3.373,1.493-6.691,2.544-9.954c11.834-6.995,26.848-4.396,39.511-1.134
|
||||
c12.691,3.622,16.977,16.728,23.309,26.737c33.823,7.087,28.068-29.343,58.914-11.894c33.701,19.063,413.358,6.431,416.124,7.398
|
||||
c8.439,2.95,2.808,13.223,2.443,19.371c0.166-2.795-328.312-3.692-373.353-3.041c-35.114,0.507-35.708,7.006-49.084,15.197
|
||||
c-23.203,14.208-42.216-28.904-60.63-8.809c-32.227,35.167-94.755,24.781-136.942,2.131c-16.733-8.984-34.837-18.681-54.338-19.412
|
||||
c0.951,16.785,8.42,35.522-8.56,47.336c-27.132,18.877-50.946-18.338-28.865-42.053c3.959-4.252,11.435-6.225,11.268-12.997
|
||||
c-35.034-38.529-99.037-11.592-110.074,5.642c54.964-4.548,60.085,61.85,7.503,55.016c-15.423-2.005-13.546-15.589-1.532-14.174
|
||||
c3.668,0.432,7.249,1.926,10.926,1.583c8.475-0.791,13.101-11.919,9.48-19.621c-17.901-38.079-88.205,31.727-217.46,39.911
|
||||
c-47.052,2.979-40.857-1.284-71.255-11.204c-54.106-16.415-121.085-110.669-177.898-78.525c-3.871,2.35-3.899,7.355-5.253,11.198
|
||||
c1.128-3.199,35.137,23.534,37.708,26.698c10.361,12.75,19.79,23.726,38.172,22.567c-12.285-34.566,11.74-37.162,21.155-32.684
|
||||
c30.451,14.483,8.814,87.828-79.837,42.755c-31.997,11.61-19.55,23.71-66.359-0.664c-82.402,48.732-107.611-20.542-81.354-39.249
|
||||
c9.629-6.86,29.092-4.207,28.394,15.308c-0.114,3.182-3.619,9.924-2.837,12.569c1.776,5.979,18.783,9.939,38.069-21.585
|
||||
c8.812-14.404,16.96-21.457,34.013-23.449c-0.604-4.935,1.872-10.318-25.998-16.57c-34.786-7.803-60.6,11.688-83.494,29.814
|
||||
c-88.05,77.738-132.147,75.104-249.351,38.215c-27.898-8.781-54.848-21.556-83.662-27.045c-28.594-4.24-40.137,20.004-35.085,27.438
|
||||
c7.941,11.683,28.846-10.661,32.54,2.706c2.849,10.31-21.554,26.645-41.476,12.121c-14.946-10.897-14.471-32.045,3.48-43.619
|
||||
c15.965-10.293,33.583-6.145,32.275-14.158c-0.377-2.31-2.878-3.53-5.061-4.377c-23.393-9.071-56.678-27.929-95.862,9.245
|
||||
c-1.134,6.138,4.452,10.645,6.581,15.926c15.346,31.766-15.686,49.136-31.023,39.622c-15.816-12.525-15.871-37.576-2.323-51.843
|
||||
c-36.003-8.272-39.607,6.125-95.45,26.278c-96.493,34.823-104.698-8.109-111.121-15.55c-14.35-1.327-29.253,3.512-39.954,13.189
|
||||
c-4.894,3.76-10.286,10.286-17.198,7.217c-5.641-5.751-9.014-14.986-18.111-16.009c-34.547-3.885-401.605,1.454-406.631-3.665
|
||||
c-33.817-34.494,381-8.128,411.58-17.736C471.9,80.621,473.093,54.981,493,74.012c8.655,8.275,19.091,9.631,30.142,13.314
|
||||
c1.184,0.395,14.711-16.97,16.723-19.012c31.804-32.272,46.162-7.309,33.991,1.043c-3.15,2.162-7.062,2.79-10.768,3.722
|
||||
c-8.027,2.018-8.79,4.979-10.417,12.201C594.622,83.699,614.527,59.212,684.809,45.133 M604.127,86.469
|
||||
c-16.313,6.138-34.12,6.912-50.239,13.521c-1.604,7.272,8.433,7.88,13.161,10.341c29.198,7.023,57.345-7.88,83.281-19.41
|
||||
c19.659-7.327,39.76-14.267,60.636-17.005c12.912,0.138,25.493,5.06,38.544,4.12c8.35-3.954,16.092-9.069,24.442-13.023
|
||||
c0.028-3.069,0.055-6.138,0.055-9.207c-19.88-0.47-39.788,0.028-59.64,0.415C676.514,61.529,639.878,73.28,604.127,86.469
|
||||
M857.37,55.806c0.359,1.548,1.078,4.673,1.41,6.221c10.977,1.825,21.677,4.977,31.908,9.346
|
||||
c42.387,15.788,81.566,39.373,125.115,52.092c25.133,9.207,51.981,14.433,78.746,10.313c8.267-1.88,19.078-1.078,24-9.401
|
||||
c-10.645-0.47-21.041,2.184-31.576,2.71c-23.64-2.599-43.714-16.23-64.258-26.958c-15.124-6.525-28.451-16.507-43.742-22.645
|
||||
C941.425,59.566,898.872,50.939,857.37,55.806 M1695.514,74.746c-22.258,7.935-42.774,19.769-63.649,30.608
|
||||
c-14.461,9.705-30.249,17.115-46.811,22.452c-0.055,1.106-0.166,3.346-0.221,4.452c10.535,3.982,22.12,3.097,32.931,0.802
|
||||
c22.23-5.419,44.848-10.452,65.336-21.069c38.267-15.539,75.179-34.313,113.751-49.106c0.111-1.825,0.332-5.475,0.442-7.3
|
||||
C1762.426,53.041,1727.09,59.843,1695.514,74.746 M1904.96,55.972c0.415,13.604,15.484,21.981,27.981,20.903
|
||||
c41.613,1.714,78.442,22.894,117.456,34.811c17.004,5.502,36.581,5.226,52.009-4.617c-1.825-2.765-2.876-7.189-6.885-7.3
|
||||
c-13.88-2.765-28.23-3.373-41.723-7.825c-27.069-9.539-53.889-20.046-82.119-25.825C1950.028,59.428,1927.356,58.184,1904.96,55.972
|
||||
M2162.129,98.303c5.226,0.995,11.806,5.253,16.424,0.442c6.194-3.594-0.276-12.138-5.309-12.691
|
||||
C2166.415,85.474,2163.843,93.133,2162.129,98.303 M479.898,89.538c-0.829,0.636-2.516,1.853-3.346,2.461
|
||||
c-4.673,12.415,17.475,13.244,18.083,2.295C490.847,90.478,485.372,87.133,479.898,89.538 M1900.757,103.28
|
||||
c-0.857,5.723-0.083,11.502,0.442,17.226c3.401-0.332,7.3,0.94,10.424-0.94c7.051-5.917,3.871-16.092,4.369-24.055
|
||||
C1909.798,95.234,1903.937,97.861,1900.757,103.28 M745.445,100.156c-0.912,7.88,0.332,15.733,2.267,23.364
|
||||
c3.124-0.138,6.249-0.276,9.401-0.442C757.942,114.34,757.998,98.469,745.445,100.156z"/>
|
||||
<path d="M1177.511,84.665C1178.081,85.235,1178.081,85.235,1177.511,84.665z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/img/scep_gobelet.png
Normal file
BIN
static/img/scep_gobelet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 293 KiB |
|
|
@ -15,30 +15,40 @@
|
|||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-full"></div>
|
||||
<div class="container">
|
||||
<div class="logo"><img src="img/oss_final_final.png" alt="logo du bde"></div>
|
||||
<div class="row banner">
|
||||
<h1>Prochaine activité</h1>
|
||||
<span class="activite-temps">02:00:00</span>
|
||||
<p class="activite-desc">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta tenetur tempora similique. A id esse expedita atque dolor eum itaque fugiat enim nisi dicta. Architecto mollitia quasi sed voluptatibus? Veniam.</p>
|
||||
</div>
|
||||
<div class="logo"><img src="img/scep_gobelet.png" alt="logo du bde"></div>
|
||||
<div id="typed-data">
|
||||
<div class="row banner">
|
||||
<h1>Prochaine activité</h1>
|
||||
<span class="activite-temps" id="timer">02:00:00</span>
|
||||
<p class="activite-desc">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta tenetur tempora similique. A id esse expedita atque dolor eum itaque fugiat enim nisi dicta. Architecto mollitia quasi sed voluptatibus? Veniam.</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-left">
|
||||
<h2>Planning des activité</h2>
|
||||
<img src="img/schedule.jpg" alt="Planning des activité" srcset="">
|
||||
<hr/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-left">
|
||||
<h2>Planning des activité</h2>
|
||||
<img src="img/schedule.jpg" alt="Planning des activité" srcset="">
|
||||
</div>
|
||||
<div class="col col-right">
|
||||
<button class="prank-button" id="prank-button">Pranker quelqu'un !</button>
|
||||
<p class="prank-desc">Appuyer pour pranker quelqu'un</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-right">
|
||||
<button class="prank-button" id="prank-button">Pranker quelqu'un !</button>
|
||||
<p class="prank-desc">Appuyer pour pranker quelqu'un</p>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="row banner">
|
||||
<h1>À propos de nous !</h1>
|
||||
<img src="img/team.jpeg" alt="la liste du bde de 2025" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row banner">
|
||||
<h1>À propos de nous !</h1>
|
||||
<img src="img/team.jpeg" alt="la liste du bde de 2025" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
|
||||
<script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script>
|
||||
<script src="js/anim.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
10
static/js/anim.js
Normal file
10
static/js/anim.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
$(window).on("load", function() {
|
||||
|
||||
let type = new TypeIt("#typed-data", {
|
||||
speed: 10,
|
||||
startDelay: 0,
|
||||
cursor: true
|
||||
})
|
||||
.go();
|
||||
|
||||
});
|
||||
0
static/js/main.js
Normal file
0
static/js/main.js
Normal file
Loading…
Reference in a new issue