Commit f39c3803 authored by Victor's avatar Victor
Browse files

suppression useless stuff

parent 952375f9
/*
* @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: 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;
}
}
/*
* @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: 15px;
}
.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: #b6b7ba;
}
.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: #b6b7ba;
background-color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #b6b7ba;
background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #b6b7ba;
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: 5px;
padding-bottom: 2px;
}
.navbar-default-gala {
// border-bottom: 3px #b2810e solid;
}
......@@ -3,8 +3,7 @@
{% block body %}
<h1>{{article.title}}</h1>
<h2>{{article.title}}</h2>
{{article.content|markdown:"trusted"}}
{% endblock %}
......@@ -9,9 +9,8 @@
<div class="article">
<a href="{{article.get_absolute_url}}">
<h1>{{article.title|title}}</h1>
<h2>{{article.title|title}}</h2>
</a>
{{article.content|markdown:"trusted"}}
</div>
......
<div class="navbar navbar-default" id="footer">
<div class="container-fluid">
<div class="container">
<p class="navbar-text">Victor SENE & Paul TREHIOU 2017 – Tous droits réservés</p>
<p class="navbar-text">Victor SENE 2017 – Tous droits réservés</p>
<p class="navbar-text"></p>
</div>
</div>
......
{% load set_var %}
<nav class="navbar navbar-default navbar-default-gala" id="navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#gala-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{nav.index}}"><i class="fa fa-home fa-2x"></i></a>
</div>
<div class="container">
<div class="collapse navbar-collapse" id="gala-navbar">
<ul class='nav navbar-nav'>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gala-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../"><img src="/gala/static/blog/img/logo.png" alt="" width="40" height="25"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
{% for page in nav.pages %}
{% for page in nav.pages %}
{% set active = "" %}
{% if nav.path == page.get_absolute_url %}
{% set active = "active" %}
{% endif %}
{% set active = "" %}
{% if nav.path == page.get_absolute_url %}
{% set active = "active" %}
{% endif %}
<li class="{{active}}"><a href="{{page.get_absolute_url}}">{{page.title}}</a></li>
<li class="{{active}}"><a href="{{page.get_absolute_url}}">{{page.title}}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</nav>
\ No newline at end of file
{% endfor %}
</ul>
</div>
</div>
</nav>
......@@ -2,101 +2,93 @@
{% load set_var %}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Gala 2017</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="{% static "blog/css/base.css" %}" rel="stylesheet">
<link href="{% static "blog/css/nav.css" %}" rel="stylesheet">
<script src="https://use.fontawesome.com/e7e3959afc.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="row">
<div class="col-lg-2 col-md-2 col-xs-1">
{# Bannière #}
<div class="row-fluid hidden-lg">
<img class="img-responsive logo" id="logo-mobile" src="{% static "blog/img/banderole.png" %}">
</div>
<div class="visible-lg-inline">
{# <img class="img-responsive logo" src="{% static "blog/img/banderole.jpg" %}"> #}
</div>
<div class="hidden-md hidden-sm hidden-xs">
<img class="img-responsive logo" id="logo-mini" src="{% static "blog/img/banderole.png" %}">
</div>
</div>
<div class="col-lg-8 col-md-8 col-xs-10">
{# Liens sociaux desktop #}
<div class="container-fluid visible-sm visible-xs social-mobile">
<br>
{% include "blog/media.html" %}
</div>
<div class="hidden-sm hidden-xs">
<div class="social-mini">
{% include "blog/media.html" %}
</div>
</div>
</div>
<div class="col-lg-2 col-md-2 col-xs-1">
{# Décompte grand écran #}
<span class="visible-lg-inline">
<div class="col-lg-2">
{% include "blog/chrono.html" %}
</div>
</span>
{# Décompte petit écran #}
<div class="col-lg-offset-6 container-fluid hidden-lg">
{% include "blog/chrono.html" %}
</div>
</div>
</div>
<div class="row">
{# contenu #}
<div class="col-sm-offset-1 col-xs-offset-1 col-md-10 col-xs-10">
<div class="container-fluid content">
<div class="row">
{% include "blog/nav.html" %}
</div>
<div class="row-fluid" id="content">
{% block body %}
{% endblock %}
</div>
<br><br>
<div class="row credit">
{% include "blog/credits.html" %}
</div>
</div>
</div>
</div>
<footer>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
</script>
<script src="{% static "blog/js/chrono.js" %}"></script>
<script>
SetChrono("{% static "blog/json/chrono.json" %}");
</script>
</footer>
</body>
<html lang="en">
<head>
<title>Gala 2017</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="{% static "blog/css/style.css" %}" rel="stylesheet">
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
{% include "blog/nav.html" %}
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="/gala/static/blog/img/bandeau.jpg" alt="" width="1200" height="700">
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
<div class="item">
<img src="/gala/static/blog/img/bandeau.jpg" alt="" width="1200" height="700">
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
{% block body %}
{% endblock %}
{% include "blog/footer.html" %}
<script>
$(document).ready(function(){
// Initialize Tooltip
$('[data-toggle="tooltip"]').tooltip();
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
})
</script>
</body>
</html>