diff --git a/.gitignore b/.gitignore index 90c8004..806bd57 100644 --- a/.gitignore +++ b/.gitignore @@ -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 \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index e0595c1..efd3ae5 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -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; } \ No newline at end of file diff --git a/static/img/background-letter.jpg b/static/img/background-letter.jpg new file mode 100644 index 0000000..8f4036c Binary files /dev/null and b/static/img/background-letter.jpg differ diff --git a/static/img/backgrounf-full.jpeg b/static/img/backgrounf-full.jpeg new file mode 100644 index 0000000..d5de9e9 Binary files /dev/null and b/static/img/backgrounf-full.jpeg differ diff --git a/static/img/divider.svg b/static/img/divider.svg new file mode 100644 index 0000000..fba01ad --- /dev/null +++ b/static/img/divider.svg @@ -0,0 +1,53 @@ + + + + + diff --git a/static/img/scep_gobelet.png b/static/img/scep_gobelet.png new file mode 100644 index 0000000..1c6c89e Binary files /dev/null and b/static/img/scep_gobelet.png differ diff --git a/static/index.html b/static/index.html index b0d3bfa..318c297 100644 --- a/static/index.html +++ b/static/index.html @@ -15,30 +15,40 @@ +
- - + +
+ -
-
-

Planning des activité

- Planning des activité +
+ +
+
+

Planning des activité

+ Planning des activité +
+
+ +

Appuyer pour pranker quelqu'un

+
-
- -

Appuyer pour pranker quelqu'un

+ +
+ +
-
+ + \ No newline at end of file diff --git a/static/js/anim.js b/static/js/anim.js new file mode 100644 index 0000000..1def3db --- /dev/null +++ b/static/js/anim.js @@ -0,0 +1,10 @@ +$(window).on("load", function() { + + let type = new TypeIt("#typed-data", { + speed: 10, + startDelay: 0, + cursor: true + }) + .go(); + +}); \ No newline at end of file diff --git a/static/js/main.js b/static/js/main.js new file mode 100644 index 0000000..e69de29