diff --git a/base/static/css/main.css b/base/static/css/main.css index 74e4488..c6146bc 100644 --- a/base/static/css/main.css +++ b/base/static/css/main.css @@ -17,7 +17,7 @@ form a[role="button"] { width: 100%; } -i.owner, .gold { +i.owner { color: var(--pico-color-amber-200); } @@ -25,7 +25,7 @@ i.owner, .gold { display: none; } -a.group, a.running { +a.group { text-decoration: none; } @@ -77,6 +77,11 @@ article.message { } #hero { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; background: radial-gradient( circle 50vh at calc(100vw - 4rem) 50%, var(--pico-primary-background), @@ -85,41 +90,19 @@ article.message { color-mix(in hsl, var(--pico-primary-background) 30%, var(--pico-background-color)) 60%, color-mix(in hsl, var(--pico-primary-background) 10%, var(--pico-background-color)) 80%, var(--pico-background-color)); - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - overflow-y: auto; + display: grid; + grid-template-rows: 1fr min-content; + align-items: center; padding: 4rem; - main { - display: contents; + .big-logo { + font-size: 8rem; } - section { - max-width: 20rem; + + h1 { + font-size: 4rem; } } -.full-page { - height: 100%; - display: grid; - grid-template-rows: 1fr; - align-items: center; - margin-bottom: 4rem; - - &.r { - -ms-grid-column-align: end; - } - .big-logo { - font-size: 8rem; - } - - h1 { - font-size: 4rem; - } -} - h1, h2, @@ -134,9 +117,6 @@ h6, i.i { margin-right: .5em; } -i.hl, .me { - color: var(--pico-primary); -} footer { text-align: center; @@ -150,75 +130,3 @@ td.c, th.c { margin: 0; } } - -table select { - margin-bottom: 0; -} - -.podium { - > :first-child { - font-weight: 900; - font-size: 1.25em; - &::marker { - color: var(--pico-color-amber-200); - } - } - > :nth-child(2) { - font-weight: 800; - font-size: 1.1em; - &::marker { - color: var(--pico-color-grey-300); - } - } - > :nth-child(3) { - font-weight: 600; - font-size: 1.1em; - &::marker { - color: var(--pico-color-sand-300); - } - } - .score { - margin-left: .5em; - } -} - - -.score { - font-weight: 900; - color: var(--pico-color-zinc-500); -} -.correct { - .score, i { - color: var(--pico-color-lime-200);} -} -.wrong { - .score, i { - color: var(--pico-color-red-500);} -} - -table.results, table.musics { - white-space: nowrap; -} -.sc i { - margin-right: .5em; -} - -@media (width < 576px) { - [role="group"] { - display: grid; - & > :first-child { - border-radius: var(--pico-border-radius) var(--pico-border-radius) 0 0 !important; - } - & > :not(:first-child) { - margin-left: 0 !important; - margin-top: calc(var(--pico-border-width) * -1); - } - & > :last-child { - border-radius: 0 0 var(--pico-border-radius) var(--pico-border-radius) !important; - } - } -} - -.brand-name { - color: var(--pico-primary); -} diff --git a/base/static/favicon/apple-touch-icon.png b/base/static/favicon/apple-touch-icon.png deleted file mode 100644 index abb8a48..0000000 Binary files a/base/static/favicon/apple-touch-icon.png and /dev/null differ diff --git a/base/static/favicon/favicon-96x96.png b/base/static/favicon/favicon-96x96.png deleted file mode 100644 index beab288..0000000 Binary files a/base/static/favicon/favicon-96x96.png and /dev/null differ diff --git a/base/static/favicon/favicon.ico b/base/static/favicon/favicon.ico deleted file mode 100644 index 178d60c..0000000 Binary files a/base/static/favicon/favicon.ico and /dev/null differ diff --git a/base/static/favicon/favicon.svg b/base/static/favicon/favicon.svg deleted file mode 100644 index 63c10e0..0000000 --- a/base/static/favicon/favicon.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/base/static/favicon/site.webmanifest b/base/static/favicon/site.webmanifest deleted file mode 100644 index af6d059..0000000 --- a/base/static/favicon/site.webmanifest +++ /dev/null @@ -1,21 +0,0 @@ -{ - "name": "MyWebSite", - "short_name": "MySite", - "icons": [ - { - "src": "/web-app-manifest-192x192.png", - "sizes": "192x192", - "type": "image/png", - "purpose": "maskable" - }, - { - "src": "/web-app-manifest-512x512.png", - "sizes": "512x512", - "type": "image/png", - "purpose": "maskable" - } - ], - "theme_color": "#aa40bf", - "background_color": "#ffffff", - "display": "standalone" -} diff --git a/base/static/favicon/web-app-manifest-192x192.png b/base/static/favicon/web-app-manifest-192x192.png deleted file mode 100644 index f7f97da..0000000 Binary files a/base/static/favicon/web-app-manifest-192x192.png and /dev/null differ diff --git a/base/static/favicon/web-app-manifest-512x512.png b/base/static/favicon/web-app-manifest-512x512.png deleted file mode 100644 index 9e4e381..0000000 Binary files a/base/static/favicon/web-app-manifest-512x512.png and /dev/null differ diff --git a/base/templates/auth/user_form.html b/base/templates/auth/user_form.html index c895f16..20c40a8 100644 --- a/base/templates/auth/user_form.html +++ b/base/templates/auth/user_form.html @@ -1,24 +1,6 @@ {% extends "base.html" %} {% load form %} {% block content %} -

Créer mon compte

- {% for error in form.non_field_errors %}
{{ error }}
{% endfor %} -
- {% csrf_token %} -
- {% for field in form %} - - {% endfor %} -
- -
- J'ai déjà un compte -
-
-{% endblock content %} +

Créer un compte

+ {% form form submit="Créer mon compte" %} + {% endblock content %} diff --git a/base/templates/base.html b/base/templates/base.html index 504228f..16be674 100644 --- a/base/templates/base.html +++ b/base/templates/base.html @@ -11,7 +11,7 @@ Musik {% endblock title %} - {% include "favicon.html" %} + - - - - - - diff --git a/base/templates/footer.html b/base/templates/footer.html index 6c57641..52895f6 100644 --- a/base/templates/footer.html +++ b/base/templates/footer.html @@ -1 +1 @@ -Musik {{ VERSION }} – © Edgar P. Burkhart – Mentions légales et confidentialité +Musik {{ VERSION }} – © Edgar P. Burkhart – Mentions légales diff --git a/base/templates/hero.html b/base/templates/hero.html index 813c011..04c2aee 100644 --- a/base/templates/hero.html +++ b/base/templates/hero.html @@ -1,25 +1,11 @@ {% load static %}
-
-
- -

Musik

-

- Jouer -

-
-
-
-
-

- Musik Le jeu où ta playlist devient ton arme secrète ! -

-

- Invite ta bande, ajoute tes sons fétiches, et c’est parti ! Une playlist Youtube apparaît, mélangeant les coups de cœur de tout le monde. Le jeu ? Écoute, devine qui a choisi quoi, et découvre les secrets musicaux de tes potes. Entre pièges, révélations et fous rires, Musik c’est le jeu parfait pour tester vos oreilles… et vos amitiés. Prêt à jouer le DJ incognito ? -

-
-
+ +

Musik

+

+ Jouer +