Formulaire de connexion
-{{ data.error }}
- {% endif %} - - {% if user.is_authenticated %} - Vous êtes connecté, {{ user.username }} ! - {% else %} - - Mot de passe oublié ? - {% endif %} -du contenu....
+New User? Click to Register!
+{% endblock %} diff --git a/app/templates/navbar.html b/app/templates/navbar.html new file mode 100644 index 0000000..c19c470 --- /dev/null +++ b/app/templates/navbar.html @@ -0,0 +1,327 @@ +{% extends "head.html" %} + + +{% block body%} + + + + + + +{% block container %} + +{% endblock container %} + +{% endblock body %} \ No newline at end of file diff --git a/app/templates/register.html b/app/templates/register.html new file mode 100644 index 0000000..d816266 --- /dev/null +++ b/app/templates/register.html @@ -0,0 +1,41 @@ +{% extends "footer.html" %} + +{% block content %} +ici il y aura la page qui demande de checker les mails pour valider
Vous êtes actuellement sur la page d'accueil.
""" - return HttpResponse(text) \ No newline at end of file diff --git a/planete_casio/wsgi.py b/planete_casio/wsgi.py deleted file mode 100644 index 5b3f91c..0000000 --- a/planete_casio/wsgi.py +++ /dev/null @@ -1,16 +0,0 @@ -""" -WSGI config for planete_casio project. - -It exposes the WSGI callable as a module-level variable named ``application``. - -For more information on this file, see -https://docs.djangoproject.com/en/1.9/howto/deployment/wsgi/ -""" - -import os - -from django.core.wsgi import get_wsgi_application - -os.environ.setdefault("DJANGO_SETTINGS_MODULE", "planete_casio.settings") - -application = get_wsgi_application() diff --git a/sfiles/admin b/sfiles/admin deleted file mode 120000 index e61f70c..0000000 --- a/sfiles/admin +++ /dev/null @@ -1 +0,0 @@ -/usr/lib/python3.5/site-packages/django/contrib/admin/static/admin/ \ No newline at end of file diff --git a/sfiles/container.css b/sfiles/container.css deleted file mode 100755 index bd1d3cf..0000000 --- a/sfiles/container.css +++ /dev/null @@ -1,86 +0,0 @@ -#container { - margin-left: 60px; -} - -#container h1 { - margin-left: 5%; - font-family: Raleway; font-size: 24px; - font-weight: 200; color: #242424; -} - -#container h2 { - margin-left: 5%; - font-family: Raleway; font-size: 20px; - font-weight: 200; color: #242424; -} - -article > div { - margin: 5px 15px; - text-align: justify; -} - -article .flex-container { - display: flex; -} - -article .flex-container > * { - flex-grow: 1; - max-width: 500px; - margin: 5px 10px; -} - -article .flex-container > * .more { - display: block; margin-left: 10px; - font-family: NotoSans; font-size: 12px; - color: #ba1203; - transition: .15s ease; -} -article .flex-container > * .more:hover { - padding-left: 1 5px; -} - -article p { - margin-bottom: 10px; -} - - -/* tiles */ -.tile-container { - display: flex; flex-wrap: wrap; - justify-content: space-around; - align-items: stretch; -} - -.tile-container > div { - flex-grow: 1; - min-width: 300px; - margin: 10px 15px; padding: 0 10px; - /*border: 1px solid #cccccc;*/ - border-radius: 3px; - box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); -} - - -.tile-container table { - width: 100%; -} -.tile-container table td { - padding: 3px 5px; - display: flex; -} -.tile-container table input[type="text"], -.tile-container table input[type="date"] { - flex-grow: 1; - padding: 3px 10px; - border: 0; border-radius: 1px; - font-family: "Segoe UI", Helvetica, "Droid Sans", Arial,sans-serif; - box-shadow: 0 0 1px rgba(0, 0, 0, .4); transition: .15s ease; -} -.tile-container table input[type="text"]:focus, -.tile-container table input[type="date"]:focus { - box-shadow: 0 0 4px rgba(0, 102, 255, .9); -} -} -.tile-container table td:first-child { - /*text-align: right;*/ -} \ No newline at end of file diff --git a/sfiles/fonts/raleway_200.ttf b/sfiles/fonts/raleway_200.ttf deleted file mode 100755 index 7520b76..0000000 Binary files a/sfiles/fonts/raleway_200.ttf and /dev/null differ diff --git a/sfiles/global.css b/sfiles/global.css deleted file mode 100755 index de78188..0000000 --- a/sfiles/global.css +++ /dev/null @@ -1,161 +0,0 @@ -/* - fonts -*/ - -@font-face { font-family: NotoSans; src: url(../fonts/noto_sans.ttf); } -@font-face { font-family: Raleway; font-weight: 200; src: url(../fonts/raleway_200.ttf); } -@font-face { font-family: Raleway; font-weight: 300; src: url(../fonts/raleway_300.ttf); } - - - -/* - body -*/ - -body { - margin: 0; - background: #ffffff; - font-family: sans-serif; -} - - -/* - header -*/ - -header { - height: 50px; margin: 0; padding: 0 30px; - display: flex; align-items: center; justify-content: space-between; - background: #f8f8fa; border-bottom: 1px solid #d0d0d0; -} - - -header svg { - width: 24px; height: 24px; vertical-align: middle; - transition: .15s ease; -} -header a:hover > svg, header a:focus > svg { - filter: brightness(.5); -} - -header input[type="search"] { - width: 250px; - padding: 5px 35px 5px 10px; - border: 0; border-radius: 1px; - font-family: "Segoe UI", Helvetica, "Droid Sans", Arial,sans-serif; - box-shadow: 0 0 1px rgba(0, 0, 0, .4); transition: .15s ease; -} -header input[type="search"] ~ a { - position: relative; left: -33px; -} -header input[type="search"]:focus { - box-shadow: 0 0 4px rgba(0, 102, 255, .9); -} -header input[type="search"] ~ a > svg > path { - fill: #cccccc; transition: .15s ease; -} -header input[type="search"]:focus ~ a > svg > path { - fill: #333333; -} - -#spotlight a { - padding: 8px 18px 6px 18px; - color: #727272; font-size: 15px; - border-bottom: 2px solid rgba(93, 123, 141, 0); - transition: border .15s ease; -} -#spotlight a:hover, header #spotlight a:focus { - border-bottom: 2px solid rgba(93, 123, 141, 1); -} - - -/* - links -*/ - -a { - text-decoration: none; -} -a:focus { - outline: none; -} - - - -/* - alert overlay -*/ - -.alert { - position: fixed; left: 15%; - display: flex; align-items: center; - width: 70%; z-index: 10; - font-family: NotoSans; font-size: 14px; color: #212121; - background: #ffffff; - border-bottom: 5px solid #4caf50; - border-radius: 1px; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3); - transition: opacity .15s ease; -} -.alert.ok { - border-color: #4caf50; -} -.alert.error { - border-color: #f44336; -} -.alert span { - flex-grow: 1; margin: 15px 10px 10px 0; -} -.alert input[type="button"] { - margin: 3px 30px 0 0; -} - -.alert svg { - margin: 15px 20px 10px 30px; -} - - - -/* - buttons -*/ - -input[type="button"] { - font-family: NotoSans; font-size: 14px; /*font-weight: bold;*/ - text-align: center; - padding: 5px 15px; - transition: .1s ease; -} - -/* flat */ -input[type="button"].flat { - border: none; - background: rgba(0, 0, 0, 0); color: #727272; -} -input[type="button"].flat:hover { - background: rgba(0, 0, 0, .1); -} -input[type="button"].flat:focus { - background: rgba(0, 0, 0, .2); -} - -/* raised */ -input[type="button"].raised { - border: none; - background: #e0e0e0; color: #212121; - box-shadow: 0 1px 2px rgba(0, 0, 0, .3); -} -input[type="button"].raised:hover, -input[type="button"].raised:focus { - background: #d5d5d5; -} -input[type="button"].raised:active { - background: #d6d6d6; - box-shadow: 0 1px 8px rgba(0, 0, 0, .3); -} - -/* Input text */ -input[type="text"]:focus, -input[type="search"]:focus, -input[type="password"]:focus { - -} diff --git a/sfiles/light.css b/sfiles/light.css deleted file mode 100755 index 5c76a91..0000000 --- a/sfiles/light.css +++ /dev/null @@ -1,256 +0,0 @@ -/* - fonts -*/ - -@font-face { font-family: NotoSans; src: url(../fonts/noto_sans.ttf); } -@font-face { font-family: Raleway; font-weight: 200; src: url(../fonts/raleway_200.ttf); } -@font-face { font-family: Raleway; font-weight: 300; src: url(../fonts/raleway_300.ttf); } - - -/* Global */ - -body { - margin: 0; - background: #ffffff; - font-family: sans-serif; -} - -nav a { - color: #ffffff; opacity: .7; - text-decoration: none; - transition: opacity .15s ease; -} -nav a:hover, -nav a:focus { - opacity: 1; -} - -.light-hidden { - display: none; -} - -/* Menu */ - -#light-menu { - list-style: none; - display: flex; flex-direction: row; align-items: center; - width: 100%; height: 40px; - overflow-x: auto; overflow-y: hidden; - margin: 0; padding: 0; - text-indent: 0; - background: #22292c; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -} - -#logo { - position: relative; display: block; - height: 100%; opacity: 1; - background: -moz-linear-gradient(left, #bf1c11, #ba1203); - background: -webkit-linear-gradient(left, #bf1c11, #ba1203); -} -/*#logo::after { - position: absolute; left: 100%; top: 50%; - height: 0; width: 0; - border: solid transparent; content: " "; - border-left-color: #ba1203; - border-width: 4px; - margin-top: -4px; -}*/ -#logo img { - width: 40px; - margin: 0; padding: 0; - margin-bottom: -4.5px; - filter: drop-shadow(0 0 2px rgba(0, 0, 0, .0)); - transition: filter .15s ease; -} -#logo:hover img, -#logo:focus img { - filter: drop-shadow(0 0 2px rgba(0, 0, 0, .7)); -} - -#light-menu > li { - display: flex; flex-direction: column; - align-items: center; flex-grow: 1; - height: 100%; - text-align: center; - font-family: Raleway; font-size: 13px; - color: #ffffff; -} -#light-menu li { - padding: 0 2px; -} -#light-menu li > a { - display: flex; flex-direction: column; - align-items: center; justify-content: center; - width: 100%; height: 100%; -} -#light-menu li > a > div { - display: none; - font-size: 12px; -} - -#light-menu li > a > svg { - display: block; width: 20px; flex-shrink: 0; - margin: 0 auto 5px auto; -} - -#light-menu li span[notifications]:not([notifications="0"])::before { - content: attr(notifications); - display: inline-block; margin-right: 6px; - vertical-align: middle; - padding: 0 5px 0 4px; border-radius: 5px; - font-family: NotoSans; - background: #ffffff; color: #000000; -} - - -#menu { - width: 100%; height: 0; overflow-x: hidden; - font-family: NotoSans; font-size: 12px; - background: #22292c; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - transition: .1s ease; -} -#menu.opened { - height: 100%; - overflow-y: auto; -} - -#menu > div { - width: 100%; - display: none; -} -#menu > div.opened { - display: block; -} -#menu h2 { - margin: 10px 0 10px 40px; - font-family: Raleway; font-size: 15px; - color: #ffffff; -} -#menu h2 > svg { - width: 30px; vertical-align: middle; -} -#menu h2 > img { - width: 64px; margin-right: 10px; - vertical-align: middle; border-radius: 50%; -} - -#menu h3 { - margin: 10px 0 10px 40px; - font-family: Raleway; font-size: 13px; - color: #ffffff; -} -#menu hr { - margin: 10px 15px 0 15px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, .15); -} - -#menu > div > a, -#menu span { - display: block; margin: 10px 15px; -} -#menu span { - /*font-style: italic;*/ color: #b8b8b8; - font-size: 10px; -} -#menu span > a { - display: inline; - margin: 0; font-style: normal; - font-size: 12px; -} -#menu a > img { - vertical-align: middle; - margin-right: 15px; -} -#menu a > svg { - width: 20px; height: 20px; vertical-align: middle; - margin-right: 10px; -} -#menu ul { - list-style: none; - margin: 10px 15px; padding: 0; - color: #b8b8b8; -} -#menu li { - margin: 5px 0; -} - -@media all and (min-width: 550px) { - #light-menu { - height: 60px; - } - #logo img { - width: 60px; - } - #light-menu li > a > div { - display: block; - } -} - -#menu form input { - display: block; - margin: 5px 15px; padding: 5px 10px; - font-size: 14px; - background: #e8e8e8; transition: background .15s ease; -} -#menu form input:focus { - background: #ffffff; -} -#menu form input:first-child { - margin-bottom: 0; border-bottom: none; - border-top-left-radius: 5px; - -webkit-border-top-left-radius: 5px; - -moz-border-top-left-radius: 5px; - border-top-right-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-top-right-radius: 5px; -} -#menu form input:nth-child(2) { - margin-top: 0; border-top: 1px solid #dddddd; - border-bottom-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - -moz-border-bottom-right-radius: 5px; -} -#menu form a { - display: block; margin-left: 15px; -} - - -/* Header */ - -header { - padding: 10px 10px 0px 10px; - background: #f8f8fa; border-bottom: 1px solid #d0d0d0; -} -header svg { - width: 24px; height: 24px; vertical-align: middle; - transition: .15s ease; -} -header a:hover > svg, header a:focus > svg { - filter: brightness(.5); -} - -header input[type="search"] { - width: 100%; - border: 0; border-radius: 1px; - font-family: "Segoe UI", Helvetica, "Droid Sans", Arial,sans-serif; - box-shadow: 0 0 1px rgba(0, 0, 0, .4); transition: .15s ease; -} - -#spotlight { - display: flex; - align-items: center; justify-content: space-around; -} -#spotlight a { - padding: 5px 10px; margin: 5px 0; - color: #727272; font-size: 14px; - /*border-bottom: 2px solid rgba(93, 123, 141, .5);*/ - transition: border .15s ease; - text-decoration: none; -} -#spotlight a:hover, header #spotlight a:focus { - color: #404040; -} \ No newline at end of file diff --git a/sfiles/navbar.css b/sfiles/navbar.css deleted file mode 100755 index 465ecca..0000000 --- a/sfiles/navbar.css +++ /dev/null @@ -1,196 +0,0 @@ -nav a { - color: #ffffff; - opacity: .7; - cursor: pointer; -} -nav a:hover, -nav a:focus { - opacity: 1; -} - - -/* Menu */ - -#logo { - position: relative; display: block; - width: 100%; - margin-bottom: 10px; - opacity: 1; - background: -moz-linear-gradient(top, #bf1c11, #ba1203); - background: -webkit-linear-gradient(top, #bf1c11, #ba1203); - background: #bf1c11; - transition: .15s ease; -} -/* Flèche */ -/*nav #logo::after { - content: ""; - position: absolute; - top: 100%; left: 50%; - height: 0; width: 0; - border: solid transparent; - border-top-color: #ba1203; - border-width: 12px; margin-left: -12px; -}*/ -#logo img { - width: 100%; - margin: 0; padding: 0; - margin-bottom: -4.5px; - filter: drop-shadow(0 0 2px rgba(0, 0, 0, .0)); - transition: filter .15s ease; -} -#logo:hover, -#logo:focus { - background: #d72411; -} - -#light-menu { - position: fixed; z-index: 10; - list-style: none; - width: 60px; - height: 100%; overflow-y: auto; - margin: 0; padding: 0; - text-indent: 0; - background: #22292c; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -} -#light-menu li { - width: 100%; height: 45px; - text-align: center; - font-family: Raleway; font-size: 13px; - color: #ffffff; -} -#light-menu li > a { - display: flex; flex-direction: column; flex-grow: 1; - align-items: center; justify-content: center; - width: 100%; height: 100%; - -moz-transition: opacity .15s ease; /* because Chrome sucks */ -} - -#light-menu li > a > svg { - display: block; width: 35%; flex-shrink: 0; - margin: 0 auto 5px auto; -} -#light-menu li div { - display: none; -} -#light-menu li > a::after { - content: attr(label); - position: fixed; display: none; - padding: 4px 8px; margin-top: -28px; left: 63px; - font-family: NotoSans; border-radius: 3px; - background: rgba(0, 0, 0, 0.9); -} -#light-menu li > a:hover::after, -#light-menu li > a:focus::after { - display: block; -} - -/*nav li span[notifications]:not([notifications="0"])::before { - content: attr(notifications); - display: inline-block; margin-right: 6px; - vertical-align: middle; - padding: 0 5px 0 4px; border-radius: 5px; - font-family: NotoSans; - background: #ffffff; color: #000000; -}*/ - - -/* Overlay */ -#menu { - position: fixed; left: 60px; z-index: 5; - width: 0; height: 100%; overflow-x: hidden; overflow-y: auto; - font-family: NotoSans; font-size: 14px; - background: #22292c; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - transition: .2s ease; -} -/*@media all and (max-width: 1266px) { - #menu { - left: 30px; - } -}*/ - -#menu.opened { - width: 300px; -} - -#menu > div { - width: 300px; - display: none; -} -#menu > div.opened { - display: block; -} - -#menu h2 { - margin: 5% 0 20px 40px; - font-family: Raleway; font-size: 18px; - color: #ffffff; -} -#menu h2 > svg { - width: 42px; vertical-align: middle; -} -#menu h2 img { - width: 64px; border-radius: 50%; vertical-align: middle; margin-right: 10px; -} - -#menu h3 { - margin: 20px 0 20px 40px; - font-family: Raleway; font-size: 14px; - color: #ffffff; -} -#menu hr { - margin: 15px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, .15); -} - -#menu ul { - margin: 0; padding: 0; list-style: none; -} -#menu a, -#menu li { - display: block; margin: 10px 15px; - transition: opacity .15s ease; -} -#menu li { - color: #b8b8b8; -} -#menu li > a { - display: inline; - margin: 0; font-style: normal; -} -#menu a > img { - vertical-align: middle; - margin-right: 15px; -} -#menu a > svg { - width: 20px; height: 20px; vertical-align: middle; - margin-right: 10px; -} - -#menu form input { - display: block; width: 80%; - margin: 5px auto; padding: 5px 10px; - font-size: 14px; - background: #e8e8e8; transition: background .15s ease; -} -#menu form input:focus { - background: #ffffff; -} -#menu form input:first-child { - margin-bottom: 0; border-bottom: none; - border-top-left-radius: 5px; - -webkit-border-top-left-radius: 5px; - -moz-border-top-left-radius: 5px; - border-top-right-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-top-right-radius: 5px; -} -#menu form input:nth-child(2) { - margin-top: 0; border-top: 1px solid #dddddd; - border-bottom-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - -moz-border-bottom-right-radius: 5px; -} diff --git a/sfiles/responsive.css b/sfiles/responsive.css deleted file mode 100644 index bb9b435..0000000 --- a/sfiles/responsive.css +++ /dev/null @@ -1,42 +0,0 @@ -/* - Responsives rules -*/ - -@media all and (max-width: 1399px) { - body { - font-size: 13px; - } - - /*header form { - border-bottom: 1px solid #adb0b4; - }*/ - header input[type="search"] { - font-size: 14px; - } - - #menu li { - font-size: 10px; - } - #menu a { - font-size: 13px; - } -} - - -@media all and (min-width: 1400px) { - body { - font-size: 14px; - } - - header input[type="search"] { - font-size: 14px; - } - - #menu li { - font-size: 11px; - } - #menu a { - font-size: 14px; - } -} - diff --git a/templates/account/login.html b/templates/account/login.html deleted file mode 100644 index 53ff1ae..0000000 --- a/templates/account/login.html +++ /dev/null @@ -1,25 +0,0 @@ -{% extends "base.html" %} - -{% block title %}Planète Casio — Connexion{% endblock %} - -{% block content %} -{{ data.error }}
- {% endif %} - - {% if user.is_authenticated %} - Vous êtes connecté, {{ user.username }} ! - {% else %} - - Mot de passe oublié ? - {% endif %} -