Commit d76b8b00 authored by Krophil's avatar Krophil
Browse files

Merge branch 'conv2018' into 'master'

Conv2018

See merge request !1
parents 74667c4f 96858c93
FROM python:alpine3.6
WORKDIR /var/src/site-gala
COPY requirements.txt /var/src/site-gala/requirements.txt
RUN apk add --no-cache zlib-dev libjpeg-turbo-dev freetype-dev lcms2-dev libwebp-dev musl-dev openjpeg-dev tiff-dev gcc && \
pip install -r requirements.txt
COPY ./ /var/src/site-gala/
RUN /var/src/site-gala/manage.py migrate
CMD /var/src/site-gala/manage.py runserver 0.0.0.0:80
Installation
------------
```
$ docker build -t gala .
$ docker run --name gala -d -p 80:80 -v ~/web/site-gala:/var/src/site-gala gala
$ docker exec -it gala sh
/var/src/site-gala # ./manage.py migrate
```
Puis rendez-vous sur <localhost> pour admirer le résultat
/*
* @Author: klmp200
* @Date: 2016-07-06 15:42:59
* @Last Modified by: klmp200
* @Last Modified time: 2016-10-02 22:39:03
*/
@import 'https://fonts.googleapis.com/css?family=Raleway';
@import 'https://fonts.googleapis.com/css?family=Cinzel';
body {
// background-image: url("/gala/static/blog/img/background.jpg");
background-image: linear-gradient(to top left, rgb(8, 58, 117), rgb(13, 26, 41));
background-repeat: repeat;
background-attachment: fixed;
font-family: 'Roboto', sans-serif;
}
.content {
background-color: #eee;
border-radius: 10px;
// border: 3px #b2810e solid;
}
#content {
margin-right: 5%;
margin-left: 5%;
}
.article {
// border-top: 3px black solid;
}
#footer {
border-radius: 0 0 10px 10px;
}
.credit {
border-top: 3px #b2810e solid;
margin-bottom: -20px;
}
hr {
background-color: black;
color: black;
border: 1px;
width: 100%;
height: 1px;
}
/*
* Décompte
*/
.vcenter {
margin-top: 25%;
margin-bottom: 25%;
}
.chronoBloc {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
display: block;
}
@media (min-width: 1200px) {
.chronoBloc {
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 768px) {
.chronoBloc {
padding-top: 5px;
padding-bottom: 5px;
}
}
.chrono {
// background-color: #5A6AFF;
font-family: 'Cinzel', serif;
color: #ffffff;
// font-size: 3.5em;
font-size: 4em;
}
.days {
font-weight: bold;
// color: black;
// color: #5A6AFF;
color: #ffffff;
}
.logo {
// background-color: rgba(255, 255, 255, 0.8);
min-width: 100%;
max-height: 350px;
}
#logo-mini {
margin-left: 20px;
margin-top: 20px;
}
#logo-mobile {
margin-bottom: 10px;
}
/*
* Réseaux Sociaux
*/
.socialBloc {
margin-bottom: 5px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
display: block;
}
.youtube {
background-color: #EB9388;
color: #ffffff;
}
.youtube:hover {
background-color: #ffffff;
color: #DD4B39;
}
.twitter {
background-color: #66CDF4;
color: #ffffff;
}
.twitter:hover {
color: #00ACED;
background-color: #ffffff;
}
.facebook {
background-color: #205081;
color: #ffffff;
}
.facebook:hover {
color: #2E3D54;
background-color: #ffffff;
}
.social-mini {
margin-top: 250px;
}
@media (min-width: 1200px){
.social-mini > div > div.row {
padding-left: 30%;
padding-right: 30%;
}
}
@media (min-width: 992px) {
.social-mini > div > div.row {
padding-left: 20%;
padding-right: 20%;
}
}
// @media (min-width: 1200px) {
// .social-mini {
// // padding: 40px;
// }
// }
/*
* Gestion des liens
*/
a:hover {
text-decoration:none;
}
a, a:link {
text-decoration: none;
outline: none;
color: black;
}
/*
* Navigateur mobile
*/
* {
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
img {
display: block;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 764px) {
body {
padding-bottom: 15%;
}
}
@media screen and (max-width: 330px) {
body {
padding-bottom: 40%;
}
}
@-moz-document url-prefix() {
html {
margin-right: -14px !important;
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}
body {
position: relative;
overflow-x: hidden;
}
}
This diff is collapsed.
/*
* @Author: klmp200
* @Date: 2016-07-10 16:06:30
* @Last Modified by: klmp200
* @Last Modified time: 2016-10-02 22:38:01
*/
#navbar {
border-radius: 10px 10px 0 0;
font-size: 20px;
}
#navbar li {
font-size: 1.6rem;
}
.navbar-nav li a {
line-height: 35px;
}
.navbar-default {
background-color: #0a0c12;
border-color: #0a0c12;;
}
.navbar-default .navbar-brand {
color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #0a0c12;
}
.navbar-default .navbar-text {
color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #0a0c12;
background-color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #0a0c12;
background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #0a0c12;
background-color: #ffffff;
}
.navbar-default .navbar-toggle {
border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #ffffff;
}
.navbar-default .navbar-link {
color: #ffffff;
}
.navbar-default .navbar-link:hover {
color: #0a0c12;
}
// @media ((min-width: 567px) and (max-width: 767px)){
// #navbar li {
// font-size: 1vw;
// }
// }
// @media (max-width: 567px){
// #navbar li {
// font-size: 3880px;
// }
// }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #0a0c12;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #0a0c12;
background-color: #ffffff;
}
}
.navbar-default {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default-gala {
// border-bottom: 3px #b2810e solid;
}
body, html {
height: 100%;
}
body {
font: 400 15px/1.8 Lato, sans-serif;
color: #777;
}
header {
height: 75%;
min-height: 400px;
background-image: url(../img/torii.jpg);
background-position: center;
background-attachment: fixed;
background-size: cover;
}
h3, h4 {
margin: 10px 0 30px 0;
letter-spacing: 10px;
font-size: 20px;
color: #111;
}
.container {
padding: 80px 120px;
}
.person {
border: 10px solid transparent;
margin-bottom: 25px;
width: 80%;
height: 80%;
opacity: 0.7;
}
.person:hover {
border-color: #f1f1f1;
}
.carousel-inner img {
/*-webkit-filter: grayscale(90%);
filter: grayscale(90%);*/ /* make all photos black and white */
width: 100%; /* Set width to 100% */
margin: auto;
}
.carousel-caption h3 {
color: #fff !important;
}
@media (max-width: 600px) {
.carousel-caption {
display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
}
}
.bg-1 {
background: #2d2d30;
color: #bdbdbd;
}
.bg-1 h3 {color: #fff;}
.bg-1 p {font-style: italic;}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.thumbnail {
padding: 0 0 15px 0;
border: none;
border-radius: 0;
background-color: #fff;
}
.thumbnail p {
margin-top: 15px;
color: #555;
}
.btn {
padding: 10px 20px;
background-color: #333;
color: #f1f1f1;
border-radius: 0;
transition: .2s;
}
.btn:hover, .btn:focus {
border: 1px solid #333;
background-color: #fff;
color: #000;
}
.modal-header, h4, .close {
background-color: #333;
color: #fff !important;
text-align: center;
font-size: 30px;
}
.modal-header, .modal-body {
padding: 40px 50px;
}
.nav-tabs li a {
color: #777;
}
#googleMap {
width: 100%;
height: 400px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
iframe{
width:100%;
height:450px;
position:relative;
border: none;
}
.navbar {
font-family: Montserrat, sans-serif;
background-color: #DC143C;
font-size: 20px !important;
letter-spacing: 4px;
opacity: 0.9;
}
.navbar li a, .navbar .navbar-brand {
color: #d5d5d5 !important;
}
.navbar-nav li a:hover {
color: #fff !important;
}
.navbar-nav li.active a {
color: #fff !important;
background-color: #29292c !important;
}
.navbar-toggler {
color: #ddd;
}
.nav-item {
margin-left: 1rem;
}
footer {
background-color: #4169E1;
color: #f5f5f5;
padding: 32px;
}
footer a {
color: #f5f5f5;
}
footer a:hover {
color: #777;
text-decoration: none;
}
.form-control {
border-radius: 0;
}
textarea {
resize: none;
}
h1 {
background-color: #f5f5f5;
color: #2d2d30;
padding: 12px;
text-align: center;
}
h2 {
color: #3a3838;
padding: 0.25em;
padding-left: 1em;
text-align: left;
}
article {
padding-left: 4em;
padding-right: 4em;
padding-bottom: 2em;
padding-top: 1.5em;
}
.article-preview {
padding-left: 4em;
padding-right: 4em;
padding-bottom: 2em;
}
.social-icons {
padding-top: 10px;
padding-bottom: 15px;
}
.social-icons i {
font-size: 1em;
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 3.25;
margin: 0 0.5em 0;
border-radius: 50%;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
border: 1px solid #616161;
}
.social-icons i:hover {
background: #897e6c;
color: #fff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
border-color:#897e6c;
}
.credit {
font-family: Montserrat, sans-serif;
margin-bottom: 0;
background-color: #2d2d30;
border: 0;
letter-spacing: 4px;
opacity: 0.9;
}
.titre-principal {
margin-top: 2rem;
}
.countdown {
width: 100%;
height: 100%;
}
span.countdown-amount {
font-size:4rem;
color: #fff;
}
span.countdown-word {
font-size:0.5rem;
letter-spacing: 3px;
font-weight: 500;
margin-left: 5px;
text-transform: uppercase;
color: #eee;
font-family: 'Open Sans', sans-serif;
}
span.countdown-amount, span.countdown-word {
text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 40px #1d2951 , 0 0 70px #1d2951, 0 0 100px #1d2951;
}
@media (min-width: 576px) {
span.countdown-amount {
font-size:7rem;
}
span.countdown-word {
font-size:1rem;
}
}
/*-- //Timer --*/