Blk non free
|
|
@ -18582,7 +18582,7 @@ html {
|
|||
}
|
||||
|
||||
.header-6 {
|
||||
background-image: url("..png");
|
||||
background-image: url("../../assets/img/dots.png");
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
|
|
@ -20491,7 +20491,7 @@ html {
|
|||
.register-page .square-1 {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
background-image: url("..e1.png");
|
||||
background-image: url("../../assets/img/square1.png");
|
||||
top: 175px;
|
||||
right: 150px;
|
||||
opacity: 0.8;
|
||||
|
|
@ -20500,7 +20500,7 @@ html {
|
|||
.register-page .square-2 {
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
background-image: url("..e2.png");
|
||||
background-image: url("../../assets/img/square2.png");
|
||||
opacity: 0.9;
|
||||
top: 310px;
|
||||
right: 390px;
|
||||
|
|
@ -20509,7 +20509,7 @@ html {
|
|||
.register-page .square-3 {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-image: url("..e3.png");
|
||||
background-image: url("../../assets/img/square3.png");
|
||||
opacity: 0.3;
|
||||
top: -50px;
|
||||
right: 400px;
|
||||
|
|
@ -20518,7 +20518,7 @@ html {
|
|||
.register-page .square-4 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
background-image: url("..e4.png");
|
||||
background-image: url("../../assets/img/square4.png");
|
||||
right: -50px;
|
||||
top: 525px;
|
||||
}
|
||||
|
|
@ -20526,7 +20526,7 @@ html {
|
|||
.register-page .square-5 {
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
background-image: url("..e5.png");
|
||||
background-image: url("../../assets/img/square5.png");
|
||||
opacity: 0.5;
|
||||
top: 500px;
|
||||
right: 470px;
|
||||
|
|
@ -20535,7 +20535,7 @@ html {
|
|||
.register-page .square-6 {
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
background-image: url("..e5.png");
|
||||
background-image: url("../../assets/img/square5.png");
|
||||
opacity: 0.9;
|
||||
top: 105px;
|
||||
right: 20px;
|
||||
|
|
@ -20544,7 +20544,7 @@ html {
|
|||
.register-page .square-7 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
background-image: url("..e5.png");
|
||||
background-image: url("../../assets/img/square5.png");
|
||||
left: -100px;
|
||||
top: 100px;
|
||||
opacity: .4;
|
||||
|
|
@ -20553,7 +20553,7 @@ html {
|
|||
.register-page .square-8 {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-image: url("..e1.png");
|
||||
background-image: url("../../assets/img/square1.png");
|
||||
left: 300px;
|
||||
top: 400px;
|
||||
opacity: .4;
|
||||
|
|
@ -20821,7 +20821,7 @@ html {
|
|||
.reset-page,
|
||||
.product-page,
|
||||
.presentation-page {
|
||||
background-image: url("..png");
|
||||
background-image: url("../../assets/img/dots.png");
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
|
|
@ -22035,7 +22035,7 @@ html {
|
|||
.section-signup .square-1 {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
background-image: url("..e1.png");
|
||||
background-image: url("../../assets/img/square1.png");
|
||||
top: 80px;
|
||||
left: 100px;
|
||||
opacity: 0.3;
|
||||
|
|
@ -22045,7 +22045,7 @@ html {
|
|||
.section-signup .square-2 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
background: url("..e3.png");
|
||||
background: url("../../assets/img/square3.png");
|
||||
background-size: cover;
|
||||
bottom: 40px;
|
||||
left: 600px;
|
||||
|
|
@ -22056,7 +22056,7 @@ html {
|
|||
.section-signup .square-3 {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: url("..e2.png");
|
||||
background: url("../../assets/img/square2.png");
|
||||
background-size: cover;
|
||||
top: 300px;
|
||||
left: 700px;
|
||||
|
|
@ -22066,7 +22066,7 @@ html {
|
|||
.section-signup .square-4 {
|
||||
height: 250px;
|
||||
width: 250px;
|
||||
background: url("..e3.png");
|
||||
background: url("../../assets/img/square3.png");
|
||||
background-size: cover;
|
||||
top: 0px;
|
||||
right: 100px;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@
|
|||
<div class="effetnoir"></div>
|
||||
<img src="{{ MEDIA_PREFIX }}{{ event.img.crop }}" alt="event img" class="cover">
|
||||
</a>
|
||||
|
||||
<!-- PARTIE BASSE INFO LIEUX / TARIFS -->
|
||||
<div class="info-card-meta">
|
||||
<!-- <h2 class="card-title">MANAPANY FESTIVAL 2022</h2> -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
{% block header %}
|
||||
{% load static %}
|
||||
{% load tz %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="../../static/blk-pro/assets/img/apple-icon.png">
|
||||
<link rel="icon" type="image/png" href="../../static/blk-pro/assets/img/favicon.png">
|
||||
<title>
|
||||
Vavang'Art • Billetterie fédérée
|
||||
</title>
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet"/>
|
||||
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{% static 'blk-pro/assets/css/nucleo-icons.css' %}" rel="stylesheet"/>
|
||||
<!-- CSS Files -->
|
||||
<link href="{% static 'blk-pro/assets/css/blk-design-system-pro.css' %}" rel="stylesheet"/>
|
||||
<!-- CSS Just for demo purpose, don't include it in your project -->
|
||||
<link href="{% static 'blk-pro/assets/demo/demo.css' %}" rel="stylesheet"/>
|
||||
|
||||
</head>
|
||||
{% endblock header %}
|
||||
|
||||
{% block nav %}
|
||||
{% include 'blk-pro-mvc/menu.html' %}
|
||||
{% endblock nav %}
|
||||
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
|
||||
{% block footer %}
|
||||
{% include 'blk-pro-mvc/footer.html' %}
|
||||
{% endblock footer %}
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="../../static/blk-pro/assets/js/core/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/blk-pro/assets/js/core/popper.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/blk-pro/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/blk-pro/assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
||||
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-switch.js"></script>
|
||||
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
|
||||
<!-- Plugin for the Carousel, full documentation here: http://kenwheeler.github.io/slick/ -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/slick.js" type="text/javascript"></script>
|
||||
<!-- Plugin for the blob animation -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/anime.min.js" type="text/javascript"></script>
|
||||
<!-- Chart JS -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/chartjs.min.js"></script>
|
||||
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/moment.min.js"></script>
|
||||
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-tagsinput.js"></script>
|
||||
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>
|
||||
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
|
||||
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
|
||||
<script src="../../static/blk-pro/assets/js/plugins/jasny-bootstrap.min.js"></script>
|
||||
<!-- Black Dashboard DEMO methods, don't include it in your project! -->
|
||||
<script src="../../static/blk-pro/assets/demo/demo.js"></script>
|
||||
<!-- Control Center for Black UI Kit: parallax effects, scripts for the example pages etc -->
|
||||
<!-- Google Maps Plugin -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
||||
<script src="../../static/blk-pro/assets/js/blk-design-system-pro.min.js?v=1.0.0" type="text/javascript"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
blackKit.initDatePicker();
|
||||
blackKit.initSliders();
|
||||
});
|
||||
|
||||
function scrollToDownload() {
|
||||
|
||||
if ($('.section-download').length != 0) {
|
||||
$("html, body").animate({
|
||||
scrollTop: $('.section-download').offset().top
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
|
||||
<script>
|
||||
window.TrackJS &&
|
||||
TrackJS.install({
|
||||
token: "ee6fab19c5a04ac1a32a645abde4613a",
|
||||
application: "black-dashboard-pro"
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
{% extends "blk-pro-mvc/base.html" %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
{% get_media_prefix as MEDIA_PREFIX %}
|
||||
<body class="product-page">
|
||||
|
||||
<div class="wrapper" style="background-image: url('{% static 'blk-pro/assets/img/dots.png' %}'); background-size: contain;">
|
||||
<img src="{% static 'blk-pro/assets/img/shape-s.png' %}" class="path shape">
|
||||
|
||||
<div class="cd-section" id="blogs">
|
||||
<div class="blogs-6">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 ml-auto mr-auto">
|
||||
<div class="card card-blog card-background card-grande" data-animation="zooming">
|
||||
<div class="full-background"
|
||||
style="background-image: url('{{ MEDIA_PREFIX }}{{ event.img.fhd }}')"></div>
|
||||
<div class="card-body">
|
||||
<div class="author">
|
||||
<img src="{{ MEDIA_PREFIX }}{{ configuration.img.thumbnail }}" alt="..."
|
||||
class="avatar img-raised">
|
||||
<span class="text-white">{{ configuration.organisation }}</span>
|
||||
</div>
|
||||
<h2 class="card-title">{{ event.name }}</h2>
|
||||
<h2 class="card-title">{{ event.short_description }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12 mx-auto">
|
||||
<h2 class="title">{{ event.datetime | date:"D d F Y" }} {{ event.datetime | time }}</h2>
|
||||
<p class="description">{{ event.long_description }}</p>
|
||||
<br>
|
||||
<div class="row pick-size">
|
||||
|
||||
{% for product in event.products.all %}
|
||||
{% if product.categorie_article == categorie_billet %}
|
||||
{% for price in product.prices.all %}
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<h6>Quantité {{ price.name }} - {{ price.prix }}€</h6>
|
||||
<div class="input-group">
|
||||
|
||||
<div class="input-group-btn">
|
||||
<button id="down" class="btn btn-warning btn-round btn-simple"
|
||||
onclick=" down('0')">
|
||||
<i class="tim-icons icon-simple-delete"></i></button>
|
||||
</div>
|
||||
|
||||
<input type="text" id="myNumber" class="form-control input-number"
|
||||
value="0"/>
|
||||
<div class="input-group-btn">
|
||||
<button id="up" class="btn btn-warning btn-round btn-simple"
|
||||
onclick="up('8')"><i
|
||||
class="tim-icons icon-simple-add"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<div class="row justify-content-start">
|
||||
<button class="btn btn-warning ml-3">Reserver <i class="tim-icons icon-cart"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ********* END WRAPPER ********* -->
|
||||
|
||||
</body>
|
||||
{% endblock content %}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<!-- START EVENTS LIST -->
|
||||
{% load static %}
|
||||
{% get_media_prefix as MEDIA_PREFIX %}
|
||||
|
||||
|
||||
<div class="cd-section" id="blogs">
|
||||
<!-- ********* BLOGS 1 ********* -->
|
||||
<div class="section blogs-1" id="blogs-1">
|
||||
<div class="container">
|
||||
<h2 class="title">Nos évènements</h2>
|
||||
<br/>
|
||||
<div class="row align-items-center">
|
||||
|
||||
{# <img src="assets/img/path3.png" class="path path1">#}
|
||||
{% for event in events %}
|
||||
{% if forloop.counter0|divisibleby:"4" %}
|
||||
<div class="col-lg-6">
|
||||
{% else %}
|
||||
<div class="col-lg-3">
|
||||
{% endif %}
|
||||
<a href="{% url 'show_event' event.slug %}" >
|
||||
<div class="card card-blog card-background" data-animation="zooming">
|
||||
<div class="full-background"
|
||||
style="background-image: url('{{ MEDIA_PREFIX }}{{ event.img.fhd }}')"></div>
|
||||
<div class="card-body">
|
||||
<div class="content-bottom">
|
||||
<h5 class="card-title">{{ event.datetime | date:"D d F Y" }} {{ event.datetime | time }}</h5>
|
||||
|
||||
{% for product in event.products.all %}
|
||||
{% if product.categorie_article == categorie_billet %}
|
||||
<h5 class="card-title">
|
||||
{% for price in product.prices.all %}
|
||||
{% if forloop.first %}
|
||||
{{ price.prix | floatformat:"-2" }}€
|
||||
{% else %}
|
||||
/ {{ price.prix | floatformat:"-2" }}€
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</h5>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<h3 class="card-title">{{ event.name }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ********* END BLOGS 1 ********* -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h1 class="title">Vavang'Art</h1>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<h3 class="title">Suivez nous :</h3>
|
||||
<div class="btn-wrapper profile text-left">
|
||||
<a target="_blank" href="https://twitter.com/creativetim"
|
||||
class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip"
|
||||
data-original-title="Follow us">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a target="_blank" href="https://www.facebook.com/creativetim"
|
||||
class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip"
|
||||
data-original-title="Like us">
|
||||
<i class="fab fa-facebook-square"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
<!--
|
||||
=========================================================
|
||||
* Blk• Design System Pro - v1.0.0
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/blk-design-system-pro
|
||||
* Copyright 2019 Creative Tim (http://www.creative-tim.com)
|
||||
|
||||
* Coded by www.creative-tim.com
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
{% extends "blk-pro-mvc/base.html" %}
|
||||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
{% get_media_prefix as MEDIA_PREFIX %}
|
||||
|
||||
<body class="contact-page">
|
||||
<div class="wrapper"
|
||||
style="background-image: url('{% static 'blk-pro/assets/img/dots.png' %}'); background-size: contain;">
|
||||
|
||||
<div class="page-header header-filter contactus-3">
|
||||
<div class="page-header-image"
|
||||
style="background-image: url('{{ MEDIA_PREFIX }}{{ configuration.img.fhd }}');"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h1 class="title">{{ configuration.organisation }}</h1>
|
||||
<h3>{{ configuration.short_description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="main">
|
||||
<img src="{% static 'blk-pro/assets/img/path1.png' %}" class="path shape">
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row infos mb-5">
|
||||
<div class="col-lg-3">
|
||||
<div class="info info-hover">
|
||||
<div class="icon icon-primary">
|
||||
<img class="bg-blob" src="../../../static/blk-pro/assets/img/feature-blob/primary.png">
|
||||
<i class="tim-icons icon-square-pin"></i>
|
||||
</div>
|
||||
<h4 class="info-title">Adresse</h4>
|
||||
<p class="description">{{ configuration.adress }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="info info-hover">
|
||||
<div class="icon icon-info">
|
||||
<img class="bg-blob" src="../../../static/blk-pro/assets/img/feature-blob/info.png">
|
||||
<i class="tim-icons icon-email-85"></i>
|
||||
</div>
|
||||
<h4 class="info-title">Email</h4>
|
||||
<p class="description"><a
|
||||
href="mailto:{{ configuration.email }}">{{ configuration.email }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="info info-hover">
|
||||
<div class="icon icon-warning">
|
||||
<img class="bg-blob" src="../../../static/blk-pro/assets/img/feature-blob/warning.png">
|
||||
<i class="tim-icons icon-mobile"></i>
|
||||
</div>
|
||||
<h4 class="info-title">Phone Number</h4>
|
||||
<p class="description">{{ configuration.phone }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="info info-hover">
|
||||
<div class="icon icon-success">
|
||||
<img class="bg-blob" src="../../../static/blk-pro/assets/img/feature-blob/success.png">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
</div>
|
||||
<h4 class="info-title">Contact</h4>
|
||||
<p class="description"><a
|
||||
href="{{ configuration.site_web }}">{{ configuration.site_web }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- START EVENTS LIST -->
|
||||
<img src="{% static 'blk-pro/assets/img/path2.png' %}" class="path shape">
|
||||
{% include 'blk-pro-mvc/events_list.html' %}
|
||||
<!-- END EVENTS LIST-->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- ********* END WRAPPER ********* -->
|
||||
|
||||
</body>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
{% load static %}
|
||||
{% get_media_prefix as MEDIA_PREFIX %}
|
||||
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300">
|
||||
<div class="container">
|
||||
<div class="navbar-translate">
|
||||
<a class="navbar-brand" href="https://demos.creative-tim.com/blk-design-system-pro/index.html" rel="tooltip"
|
||||
title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank">
|
||||
<span>TiBillet •</span> Billetterie fédérée
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
|
||||
aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar bar1"></span>
|
||||
<span class="navbar-toggler-bar bar2"></span>
|
||||
<span class="navbar-toggler-bar bar3"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<div class="navbar-collapse-header">
|
||||
<div class="row">
|
||||
<div class="col-6 collapse-brand">
|
||||
<a>
|
||||
TiBillet
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 collapse-close text-right">
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation"
|
||||
aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="navbar-nav ml-auto">
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="./lieu.html" class="dropdown-item">
|
||||
<i class="tim-icons icon-calendar-60"></i> Calendrier
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="./lieu.html" class="dropdown-item">
|
||||
<i class="tim-icons icon-zoom-split"></i> Rechercher
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Navbar -->
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
# Change Log
|
||||
|
||||
## [1.0.0] 2019-03-15
|
||||
### Original Release
|
||||
|
|
@ -1,163 +0,0 @@
|
|||
# [Blk• Design System PRO](http://demos.creative-tim.com/blk-design-system-pro/index.html)  [](https://github.com/creativetimofficial/ct-blk-design-system-pro/issues?q=is%3Aopen+is%3Aissue) [](https://github.com/creativetimofficial/ct-blk-design-system-pro/issues?q=is%3Aissue+is%3Aclosed) [](https://gitter.im/creative-tim-general/Lobby) [](https://discord.gg/E4aHAQy)
|
||||
|
||||
|
||||
|
||||
|
||||
Start your development with **[Blk• Design System PRO](http://demos.creative-tim.com/blk-design-system-pro/index.html)**. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.
|
||||
|
||||
Now will help you create a clean and simple website that is a perfect fit for today's black design. It is built using the 12 column grid system, with components designed to fit together perfectly. It makes use of bold colours, beautiful typography, clear photography and spacious arrangements.
|
||||
|
||||
## Complex Documentation
|
||||
|
||||
Each element is well presented in a very complex documentation. You can read more about the idea behind this design system [here](http://demos.creative-tim.com/blk-design-system-pro/docs/1.0/getting-started/overview.html). You can check the components [here](http://demos.creative-tim.com/blk-design-system-pro/docs/1.0/components/alerts.html) and the foundation [here](http://demos.creative-tim.com/blk-design-system-pro/docs/1.0/foundation/colors.html).
|
||||
|
||||
## Bootstrap 4 Support
|
||||
|
||||
Blk• Design System PRO is built on top of the much awaited Bootstrap 4. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 project; you can just import the Blk• Design System PRO style over it. Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.
|
||||
|
||||
## Table of contents
|
||||
|
||||
- [Getting Started](#getting-started)
|
||||
- [Example Pages](#example-pages)
|
||||
- [Documentation](#complex-documentation)
|
||||
- [Tutorial](#tutorial)
|
||||
- [File Structure](#file-structure)
|
||||
- [Browser Support](#browser-support)
|
||||
- [Technical Support or Questions](#technical-support-or-questions)
|
||||
- [Useful Links](#useful-links)
|
||||
|
||||
## Getting Started
|
||||
|
||||
We've also included an optional Gulp file to help you get started with theme customization. You'll need to install Node.js and Gulp before using our included gulpfile.js.
|
||||
|
||||
1. Download the project's zip
|
||||
2. Make sure you have node.js (<https://nodejs.org/en/>) installed
|
||||
3. Type `npm install` in terminal/console in the source folder where `package.json` is located
|
||||
4. You will find all the branding colors inside `assets/scss/blk-design-system-pro/_variables.scss`. You can change them with a `HEX` value or with other predefined variables.
|
||||
5. Run in terminal `gulp compile-scss` for a single compilation or `gulp watch` for continous compilation of the changes that you make in `*.scss` files. This command should be run in the same folder where `gulpfile.js` and `package.json` are located
|
||||
6. Run in terminal `gulp default` for opening the Dashboard Page (default) of the product.
|
||||
|
||||
## Example Pages
|
||||
|
||||
If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.
|
||||
|
||||
- [Live Preview](http://demos.creative-tim.com/blk-design-system-pro/index.html)
|
||||
- [About Us](http://demos.creative-tim.com/blk-design-system-pro/examples/about-us.html)
|
||||
- [Product Page](http://demos.creative-tim.com/blk-design-system-pro/examples/product-page.html)
|
||||
- [Landing Page](http://demos.creative-tim.com/blk-design-system-pro/examples/landing-page.html)
|
||||
- [Ecommerce Page](http://demos.creative-tim.com/blk-design-system-pro/examples/ecommerce.html)
|
||||
- [Account Page](http://demos.creative-tim.com/blk-design-system-pro/examples/account-settings.html)
|
||||
- [Chat Page](http://demos.creative-tim.com/blk-design-system-pro/examples/chat-page.html)
|
||||
|
||||
|
||||
## Tutorial
|
||||
|
||||
In order for you to easily be able to use the Blk• Design System PRO, we have created a tutorial page. It shows the structure for the files inside the archive and how to import them. It then features every components with a description and example fr how to use it. You can see the details here ().
|
||||
|
||||
## Coming soon
|
||||
|
||||
- Vue.js
|
||||
- Angular
|
||||
- React
|
||||
- Sketch
|
||||
- Photoshop
|
||||
|
||||
## File Structure
|
||||
|
||||
Within the download you'll find the following directories and files:
|
||||
|
||||
Blk• Design System PRO
|
||||
├── assets
|
||||
│ ├── css/
|
||||
│ │ ├── black-kit.min.css
|
||||
│ │ └── nucleo-icons.css
|
||||
│ ├── scss/
|
||||
│ ├── demo/
|
||||
│ │ ├── src/
|
||||
│ │ └── vendor/
|
||||
│ ├── fonts/
|
||||
│ ├── img/
|
||||
│ └── js
|
||||
│ ├── black-kit.min.js
|
||||
│ ├── core/
|
||||
│ │ ├── bootstrap.min.js
|
||||
│ │ ├── jquery.min.js
|
||||
│ │ └── popper.min.js
|
||||
│ └── plugins/
|
||||
│ ├── anime.min.js
|
||||
│ ├── bootstrap-datetimepicker.js
|
||||
│ ├── bootstrap-selectpicker.js
|
||||
│ ├── bootstrap-switch.js
|
||||
│ ├── bootstrap-tagsinput.js
|
||||
│ ├── chartjs.min.js
|
||||
│ ├── jasny-bootstrap.min.js
|
||||
│ ├── moment.min.js
|
||||
│ ├── nouislider.min.js
|
||||
│ ├── perfect-scrollbar.jquery.min.js
|
||||
│ ├── presentation-page/
|
||||
│ │ └── rellax.min.js
|
||||
│ └── slick.js
|
||||
├── docs/
|
||||
├── examples/
|
||||
│ ├── 500-error.html
|
||||
│ ├── about-us.html
|
||||
│ ├── account-settings.html
|
||||
│ ├── blog-post.html
|
||||
│ ├── blog-posts.html
|
||||
│ ├── chat-page.html
|
||||
│ ├── checkout-page.html
|
||||
│ ├── contact-us.html
|
||||
│ ├── ecommerce.html
|
||||
│ ├── 404-error.html
|
||||
│ ├── invoice-page.html
|
||||
│ ├── landing-page.html
|
||||
│ ├── login-page.html
|
||||
│ ├── pricing.html
|
||||
│ ├── product-page.html
|
||||
│ ├── profile-page.html
|
||||
│ ├── register-page.html
|
||||
│ └── reset-page.html
|
||||
├── index.html
|
||||
├── presentation.html
|
||||
├── sections.html
|
||||
└── CHANGELOG.md
|
||||
|
||||
## Browser Support
|
||||
|
||||
At present, we officially aim to support the last two versions of the following browsers:
|
||||
|
||||
<img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64">
|
||||
|
||||
## Technical Support or Questions
|
||||
|
||||
If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue.
|
||||
|
||||
## Useful Links
|
||||
|
||||
- More products from Creative Tim: <https://www.creative-tim.com/bootstrap-themes>
|
||||
|
||||
- Tutorials: <https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w>
|
||||
|
||||
- Freebies: <http://www.creative-tim.com/products>
|
||||
|
||||
- Affiliate Program (earn money): <http://www.creative-tim.com/affiliates/new>
|
||||
|
||||
## Social Media:
|
||||
|
||||
- Twitter: <https://twitter.com/CreativeTim>
|
||||
|
||||
- Facebook: <https://www.facebook.com/CreativeTim>
|
||||
|
||||
- Dribbble: <https://dribbble.com/creativetim>
|
||||
|
||||
- Google+: <https://plus.google.com/+CreativetimPage>
|
||||
|
||||
- Instagram: <https://instagram.com/creativetimofficial>
|
||||
|
||||
[changelog]: ./CHANGELOG.md
|
||||
|
||||
[license]: ./LICENSE
|
||||
|
||||
[version-badge]: https://img.shields.io/badge/version-1.0.0-blue.svg
|
||||
|
||||
[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg
|
||||
|
|
@ -1,543 +0,0 @@
|
|||
/* --------------------------------
|
||||
|
||||
Nucleo Outline Web Font - nucleoapp.com/
|
||||
License - nucleoapp.com/license/
|
||||
Created using IcoMoon - icomoon.io
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nucleo';
|
||||
src: url('../fonts/nucleo.eot');
|
||||
src: url('../fonts/nucleo.eot') format('embedded-opentype'), url('../fonts/nucleo.woff2') format('woff2'), url('../fonts/nucleo.woff') format('woff'), url('../fonts/nucleo.ttf') format('truetype'), url('../fonts/nucleo.svg') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/*------------------------
|
||||
base class definition
|
||||
-------------------------*/
|
||||
|
||||
.tim-icons {
|
||||
display: inline-block;
|
||||
font: normal normal normal 1em/1 'Nucleo';
|
||||
vertical-align: middle;
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
/* Better Font Rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.font-icon-detail {
|
||||
text-align: center;
|
||||
padding: 45px 0 30px;
|
||||
border: 1px solid #e44cc4;
|
||||
border-radius: .1875rem;
|
||||
margin: 15px 0;
|
||||
min-height: 168px;
|
||||
}
|
||||
|
||||
.font-icon-detail i {
|
||||
color: #FFFFFF;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.font-icon-detail p {
|
||||
color: #e44cc4 !important;
|
||||
margin-top: 30px;
|
||||
padding: 0 10px;
|
||||
font-size: .7142em;
|
||||
}
|
||||
|
||||
/*------------------------
|
||||
change icon size
|
||||
-------------------------*/
|
||||
|
||||
.tim-icons-sm {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.tim-icons-lg {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* absolute units */
|
||||
|
||||
.tim-icons-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.tim-icons-32 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
/*----------------------------------
|
||||
add a square/circle background
|
||||
-----------------------------------*/
|
||||
|
||||
.tim-icons-bg-square,
|
||||
.tim-icons-bg-circle {
|
||||
padding: 0.35em;
|
||||
}
|
||||
|
||||
.tim-icons-bg-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/*------------------------
|
||||
list icons
|
||||
-------------------------*/
|
||||
|
||||
/*------------------------
|
||||
spinning icons
|
||||
-------------------------*/
|
||||
|
||||
.tim-icons-is-spinning {
|
||||
-webkit-animation: tim-icons-spin 2s infinite linear;
|
||||
-moz-animation: tim-icons-spin 2s infinite linear;
|
||||
animation: tim-icons-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes tim-icons-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes tim-icons-spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tim-icons-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------
|
||||
rotated/flipped icons
|
||||
-------------------------*/
|
||||
|
||||
/*------------------------
|
||||
icons
|
||||
-------------------------*/
|
||||
|
||||
.icon-alert-circle-exc::before {
|
||||
content: "\ea02";
|
||||
}
|
||||
|
||||
.icon-align-center::before {
|
||||
content: "\ea03";
|
||||
}
|
||||
|
||||
.icon-align-left-2::before {
|
||||
content: "\ea04";
|
||||
}
|
||||
|
||||
.icon-app::before {
|
||||
content: "\ea05";
|
||||
}
|
||||
|
||||
.icon-atom::before {
|
||||
content: "\ea06";
|
||||
}
|
||||
|
||||
.icon-attach-87::before {
|
||||
content: "\ea07";
|
||||
}
|
||||
|
||||
.icon-badge::before {
|
||||
content: "\ea08";
|
||||
}
|
||||
|
||||
.icon-bag-16::before {
|
||||
content: "\ea09";
|
||||
}
|
||||
|
||||
.icon-bank::before {
|
||||
content: "\ea0a";
|
||||
}
|
||||
|
||||
.icon-basket-simple::before {
|
||||
content: "\ea0b";
|
||||
}
|
||||
|
||||
.icon-bell-55::before {
|
||||
content: "\ea0c";
|
||||
}
|
||||
|
||||
.icon-bold::before {
|
||||
content: "\ea0d";
|
||||
}
|
||||
|
||||
.icon-book-bookmark::before {
|
||||
content: "\ea0e";
|
||||
}
|
||||
|
||||
.icon-bulb-63::before {
|
||||
content: "\ea0f";
|
||||
}
|
||||
|
||||
.icon-bullet-list-67::before {
|
||||
content: "\ea10";
|
||||
}
|
||||
|
||||
.icon-bus-front-12::before {
|
||||
content: "\ea11";
|
||||
}
|
||||
|
||||
.icon-button-pause::before {
|
||||
content: "\ea12";
|
||||
}
|
||||
|
||||
.icon-button-power::before {
|
||||
content: "\ea13";
|
||||
}
|
||||
|
||||
.icon-calendar-60::before {
|
||||
content: "\ea14";
|
||||
}
|
||||
|
||||
.icon-camera-18::before {
|
||||
content: "\ea15";
|
||||
}
|
||||
|
||||
.icon-caps-small::before {
|
||||
content: "\ea16";
|
||||
}
|
||||
|
||||
.icon-cart::before {
|
||||
content: "\ea17";
|
||||
}
|
||||
|
||||
.icon-chart-bar-32::before {
|
||||
content: "\ea18";
|
||||
}
|
||||
|
||||
.icon-chart-pie-36::before {
|
||||
content: "\ea19";
|
||||
}
|
||||
|
||||
.icon-chat-33::before {
|
||||
content: "\ea1a";
|
||||
}
|
||||
|
||||
.icon-check-2::before {
|
||||
content: "\ea1b";
|
||||
}
|
||||
|
||||
.icon-cloud-download-93::before {
|
||||
content: "\ea1c";
|
||||
}
|
||||
|
||||
.icon-cloud-upload-94::before {
|
||||
content: "\ea1d";
|
||||
}
|
||||
|
||||
.icon-coins::before {
|
||||
content: "\ea1e";
|
||||
}
|
||||
|
||||
.icon-compass-05::before {
|
||||
content: "\ea1f";
|
||||
}
|
||||
|
||||
.icon-controller::before {
|
||||
content: "\ea20";
|
||||
}
|
||||
|
||||
.icon-credit-card::before {
|
||||
content: "\ea21";
|
||||
}
|
||||
|
||||
.icon-delivery-fast::before {
|
||||
content: "\ea22";
|
||||
}
|
||||
|
||||
.icon-double-left::before {
|
||||
content: "\ea23";
|
||||
}
|
||||
|
||||
.icon-double-right::before {
|
||||
content: "\ea24";
|
||||
}
|
||||
|
||||
.icon-email-85::before {
|
||||
content: "\ea25";
|
||||
}
|
||||
|
||||
.icon-gift-2::before {
|
||||
content: "\ea26";
|
||||
}
|
||||
|
||||
.icon-globe-2::before {
|
||||
content: "\ea27";
|
||||
}
|
||||
|
||||
.icon-headphones::before {
|
||||
content: "\ea28";
|
||||
}
|
||||
|
||||
.icon-heart-2::before {
|
||||
content: "\ea29";
|
||||
}
|
||||
|
||||
.icon-html5::before {
|
||||
content: "\ea2a";
|
||||
}
|
||||
|
||||
.icon-image-02::before {
|
||||
content: "\ea2b";
|
||||
}
|
||||
|
||||
.icon-istanbul::before {
|
||||
content: "\ea2c";
|
||||
}
|
||||
|
||||
.icon-key-25::before {
|
||||
content: "\ea2d";
|
||||
}
|
||||
|
||||
.icon-laptop::before {
|
||||
content: "\ea2e";
|
||||
}
|
||||
|
||||
.icon-light-3::before {
|
||||
content: "\ea2f";
|
||||
}
|
||||
|
||||
.icon-link-72::before {
|
||||
content: "\ea30";
|
||||
}
|
||||
|
||||
.icon-lock-circle::before {
|
||||
content: "\ea31";
|
||||
}
|
||||
|
||||
.icon-map-big::before {
|
||||
content: "\ea32";
|
||||
}
|
||||
|
||||
.icon-minimal-down::before {
|
||||
content: "\ea33";
|
||||
}
|
||||
|
||||
.icon-minimal-left::before {
|
||||
content: "\ea34";
|
||||
}
|
||||
|
||||
.icon-minimal-right::before {
|
||||
content: "\ea35";
|
||||
}
|
||||
|
||||
.icon-minimal-up::before {
|
||||
content: "\ea36";
|
||||
}
|
||||
|
||||
.icon-mobile::before {
|
||||
content: "\ea37";
|
||||
}
|
||||
|
||||
.icon-molecule-40::before {
|
||||
content: "\ea38";
|
||||
}
|
||||
|
||||
.icon-money-coins::before {
|
||||
content: "\ea39";
|
||||
}
|
||||
|
||||
.icon-notes::before {
|
||||
content: "\ea3a";
|
||||
}
|
||||
|
||||
.icon-palette::before {
|
||||
content: "\ea3b";
|
||||
}
|
||||
|
||||
.icon-paper::before {
|
||||
content: "\ea3c";
|
||||
}
|
||||
|
||||
.icon-pencil::before {
|
||||
content: "\ea3d";
|
||||
}
|
||||
|
||||
.icon-pin::before {
|
||||
content: "\ea3e";
|
||||
}
|
||||
|
||||
.icon-planet::before {
|
||||
content: "\ea3f";
|
||||
}
|
||||
|
||||
.icon-puzzle-10::before {
|
||||
content: "\ea40";
|
||||
}
|
||||
|
||||
.icon-satisfied::before {
|
||||
content: "\ea41";
|
||||
}
|
||||
|
||||
.icon-scissors::before {
|
||||
content: "\ea42";
|
||||
}
|
||||
|
||||
.icon-send::before {
|
||||
content: "\ea43";
|
||||
}
|
||||
|
||||
.icon-settings-gear-63::before {
|
||||
content: "\ea44";
|
||||
}
|
||||
|
||||
.icon-settings::before {
|
||||
content: "\ea45";
|
||||
}
|
||||
|
||||
.icon-simple-add::before {
|
||||
content: "\ea46";
|
||||
}
|
||||
|
||||
.icon-simple-delete::before {
|
||||
content: "\ea47";
|
||||
}
|
||||
|
||||
.icon-simple-remove::before {
|
||||
content: "\ea48";
|
||||
}
|
||||
|
||||
.icon-single-02::before {
|
||||
content: "\ea49";
|
||||
}
|
||||
|
||||
.icon-single-copy-04::before {
|
||||
content: "\ea4a";
|
||||
}
|
||||
|
||||
.icon-sound-wave::before {
|
||||
content: "\ea4b";
|
||||
}
|
||||
|
||||
.icon-spaceship::before {
|
||||
content: "\ea4c";
|
||||
}
|
||||
|
||||
.icon-square-pin::before {
|
||||
content: "\ea4d";
|
||||
}
|
||||
|
||||
.icon-support-17::before {
|
||||
content: "\ea4e";
|
||||
}
|
||||
|
||||
.icon-tablet-2::before {
|
||||
content: "\ea4f";
|
||||
}
|
||||
|
||||
.icon-tag::before {
|
||||
content: "\ea50";
|
||||
}
|
||||
|
||||
.icon-tap-02::before {
|
||||
content: "\ea51";
|
||||
}
|
||||
|
||||
.icon-tie-bow::before {
|
||||
content: "\ea52";
|
||||
}
|
||||
|
||||
.icon-time-alarm::before {
|
||||
content: "\ea53";
|
||||
}
|
||||
|
||||
.icon-trash-simple::before {
|
||||
content: "\ea54";
|
||||
}
|
||||
|
||||
.icon-triangle-right-17::before {
|
||||
content: "\ea55";
|
||||
}
|
||||
|
||||
.icon-trophy::before {
|
||||
content: "\ea56";
|
||||
}
|
||||
|
||||
.icon-tv-2::before {
|
||||
content: "\ea57";
|
||||
}
|
||||
|
||||
.icon-upload::before {
|
||||
content: "\ea58";
|
||||
}
|
||||
|
||||
.icon-user-run::before {
|
||||
content: "\ea59";
|
||||
}
|
||||
|
||||
.icon-vector::before {
|
||||
content: "\ea5a";
|
||||
}
|
||||
|
||||
.icon-video-66::before {
|
||||
content: "\ea5b";
|
||||
}
|
||||
|
||||
.icon-volume-98::before {
|
||||
content: "\ea5c";
|
||||
}
|
||||
|
||||
.icon-wallet-43::before {
|
||||
content: "\ea5d";
|
||||
}
|
||||
|
||||
.icon-watch-time::before {
|
||||
content: "\ea5e";
|
||||
}
|
||||
|
||||
.icon-wifi::before {
|
||||
content: "\ea5f";
|
||||
}
|
||||
|
||||
.icon-world::before {
|
||||
content: "\ea60";
|
||||
}
|
||||
|
||||
.icon-zoom-split::before {
|
||||
content: "\ea61";
|
||||
}
|
||||
|
||||
.icon-refresh-01::before {
|
||||
content: "\ea62";
|
||||
}
|
||||
|
||||
.icon-refresh-02::before {
|
||||
content: "\ea63";
|
||||
}
|
||||
|
||||
.icon-shape-star::before {
|
||||
content: "\ea64";
|
||||
}
|
||||
|
||||
.icon-components::before {
|
||||
content: "\ea65";
|
||||
}
|
||||
|
|
@ -1,178 +0,0 @@
|
|||
demo = {
|
||||
|
||||
initDocChart: function() {
|
||||
chartColor = "#FFFFFF";
|
||||
|
||||
// General configuration for the charts with Line gradientStroke
|
||||
gradientChartOptionsConfiguration = {
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
tooltips: {
|
||||
bodySpacing: 4,
|
||||
mode: "nearest",
|
||||
intersect: 0,
|
||||
position: "nearest",
|
||||
xPadding: 10,
|
||||
yPadding: 10,
|
||||
caretPadding: 10
|
||||
},
|
||||
responsive: true,
|
||||
scales: {
|
||||
yAxes: [{
|
||||
display: 0,
|
||||
gridLines: 0,
|
||||
ticks: {
|
||||
display: false
|
||||
},
|
||||
gridLines: {
|
||||
zeroLineColor: "transparent",
|
||||
drawTicks: false,
|
||||
display: false,
|
||||
drawBorder: false
|
||||
}
|
||||
}],
|
||||
xAxes: [{
|
||||
display: 0,
|
||||
gridLines: 0,
|
||||
ticks: {
|
||||
display: false
|
||||
},
|
||||
gridLines: {
|
||||
zeroLineColor: "transparent",
|
||||
drawTicks: false,
|
||||
display: false,
|
||||
drawBorder: false
|
||||
}
|
||||
}]
|
||||
},
|
||||
layout: {
|
||||
padding: {
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 15,
|
||||
bottom: 15
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ctx = document.getElementById('lineChartExample').getContext("2d");
|
||||
|
||||
gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
|
||||
gradientStroke.addColorStop(0, '#80b6f4');
|
||||
gradientStroke.addColorStop(1, chartColor);
|
||||
|
||||
gradientFill = ctx.createLinearGradient(0, 170, 0, 50);
|
||||
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
|
||||
gradientFill.addColorStop(1, "rgba(249, 99, 59, 0.40)");
|
||||
|
||||
myChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
responsive: true,
|
||||
data: {
|
||||
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||
datasets: [{
|
||||
label: "Active Users",
|
||||
borderColor: "#f96332",
|
||||
pointBorderColor: "#FFF",
|
||||
pointBackgroundColor: "#f96332",
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 4,
|
||||
pointHoverBorderWidth: 1,
|
||||
pointRadius: 4,
|
||||
fill: true,
|
||||
backgroundColor: gradientFill,
|
||||
borderWidth: 2,
|
||||
data: [542, 480, 430, 550, 530, 453, 380, 434, 568, 610, 700, 630]
|
||||
}]
|
||||
},
|
||||
options: gradientChartOptionsConfiguration
|
||||
});
|
||||
},
|
||||
|
||||
initLandingPageChart: function() {
|
||||
|
||||
var ctx = document.getElementById('chartBig').getContext("2d");
|
||||
|
||||
var gradientFill = ctx.createLinearGradient(0, 350, 0, 50);
|
||||
gradientFill.addColorStop(0, "rgba(228, 76, 196, 0.0)");
|
||||
gradientFill.addColorStop(1, "rgba(228, 76, 196, 0.14)");
|
||||
|
||||
var chartBig = new Chart(ctx, {
|
||||
type: 'line',
|
||||
responsive: true,
|
||||
data: {
|
||||
labels: ["JUN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"],
|
||||
datasets: [{
|
||||
label: "Data",
|
||||
fill: true,
|
||||
backgroundColor: gradientFill,
|
||||
borderColor: '#e44cc4',
|
||||
borderWidth: 2,
|
||||
borderDash: [],
|
||||
borderDashOffset: 0.0,
|
||||
pointBackgroundColor: '#e44cc4',
|
||||
pointBorderColor: 'rgba(255,255,255,0)',
|
||||
pointHoverBackgroundColor: '#be55ed',
|
||||
//pointHoverBorderColor:'rgba(35,46,55,1)',
|
||||
pointBorderWidth: 20,
|
||||
pointHoverRadius: 4,
|
||||
pointHoverBorderWidth: 15,
|
||||
pointRadius: 4,
|
||||
data: [80, 160, 200, 160, 250, 280, 220, 190, 200, 250, 290, 320]
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
|
||||
tooltips: {
|
||||
backgroundColor: '#fff',
|
||||
titleFontColor: '#ccc',
|
||||
bodyFontColor: '#666',
|
||||
bodySpacing: 4,
|
||||
xPadding: 12,
|
||||
mode: "nearest",
|
||||
intersect: 0,
|
||||
position: "nearest"
|
||||
},
|
||||
responsive: true,
|
||||
scales: {
|
||||
yAxes: [{
|
||||
barPercentage: 1.6,
|
||||
gridLines: {
|
||||
drawBorder: false,
|
||||
color: 'rgba(0,0,0,0.0)',
|
||||
zeroLineColor: "transparent",
|
||||
},
|
||||
ticks: {
|
||||
display: false,
|
||||
suggestedMin: 0,
|
||||
suggestedMax: 350,
|
||||
padding: 20,
|
||||
fontColor: "#9a9a9a"
|
||||
}
|
||||
}],
|
||||
|
||||
xAxes: [{
|
||||
barPercentage: 1.6,
|
||||
gridLines: {
|
||||
drawBorder: false,
|
||||
color: 'rgba(0,0,0,0)',
|
||||
zeroLineColor: "transparent",
|
||||
},
|
||||
ticks: {
|
||||
padding: 20,
|
||||
fontColor: "#9a9a9a"
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 328 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 308 KiB |
|
Before Width: | Height: | Size: 569 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 159 KiB |
|
Before Width: | Height: | Size: 336 KiB |
|
Before Width: | Height: | Size: 355 KiB |
|
Before Width: | Height: | Size: 390 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 182 KiB |
|
Before Width: | Height: | Size: 247 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 181 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 182 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 216 KiB |
|
Before Width: | Height: | Size: 184 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 426 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 199 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
|
@ -1,12 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>UI/icons/dark/github</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs/>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="UI/icons/dark/github" fill="#182359">
|
||||
<path d="M17.9985267,2 C9.16436969,2 2,9.16338746 2,18.0004911 C2,25.0695847 6.58405721,31.0660855 12.9420179,33.1818042 C13.7425335,33.3291384 14.0342552,32.8350778 14.0342552,32.4107554 C14.0342552,32.0306332 14.020504,31.0248319 14.0126462,29.6899843 C9.56217195,30.6564965 8.62316216,27.5447988 8.62316216,27.5447988 C7.89533135,25.696246 6.84631204,25.2041499 6.84631204,25.2041499 C5.3935971,24.2120998 6.95632156,24.2317444 6.95632156,24.2317444 C8.56226404,24.3447006 9.40697996,25.8809049 9.40697996,25.8809049 C10.834157,28.3256699 13.1522146,27.6194481 14.063722,27.2098591 C14.2090917,26.1765554 14.6226097,25.4713159 15.0793456,25.0715492 C11.5266276,24.6678535 7.7912152,23.294699 7.7912152,17.163633 C7.7912152,15.417232 8.41492986,13.9880905 9.43841125,12.8703152 C9.27339697,12.4656374 8.72433162,10.8380859 9.5955677,8.63593112 C9.5955677,8.63593112 10.9382731,8.20571534 13.9949661,10.2762516 C15.27088,9.9206851 16.6401056,9.7438841 18.0004911,9.7370085 C19.3598944,9.7438841 20.7281378,9.9206851 22.0060161,10.2762516 C25.0607447,8.20571534 26.4014856,8.63593112 26.4014856,8.63593112 C27.2746861,10.8380859 26.7256208,12.4656374 26.5615888,12.8703152 C27.5870346,13.9880905 28.2058381,15.417232 28.2058381,17.163633 C28.2058381,23.3104147 24.4645324,24.6629424 20.9010099,25.0587802 C21.4746309,25.5528408 21.9863716,26.5291752 21.9863716,28.0211793 C21.9863716,30.1604715 21.966727,31.8862457 21.966727,32.4107554 C21.966727,32.8390067 22.255502,33.3369962 23.0668222,33.180822 C29.4198717,31.0601921 34,25.0676202 34,18.0004911 C34,9.16338746 26.8356303,2 17.9985267,2" id="icons/icon-github"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
|
|
@ -1,17 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>UI/icons/color/google</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs/>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="UI/icons/color/google">
|
||||
<g id="Group" transform="translate(2.000000, 2.000000)">
|
||||
<path d="M32.4365525,16.6024012 C32.4365525,15.4515967 32.3313665,14.344128 32.1357206,13.2820585 L16.5492615,13.2820585 L16.5492615,19.5616128 L25.4557094,19.5616128 C25.0721312,21.5908257 23.9059692,23.3098098 22.1535707,24.4613022 L22.1535707,28.5341733 L27.5019274,28.5341733 C30.631561,25.7077204 32.4365525,21.5461142 32.4365525,16.6024012 L32.4365525,16.6024012 Z" id="Shape" fill="#4285F4"/>
|
||||
<path d="M16.5492615,32.4674071 C21.0175621,32.4674071 24.7635856,31.0139403 27.5019274,28.5341733 L22.1535707,24.4613022 C20.6718508,25.4353244 18.7756982,26.0110706 16.5492615,26.0110706 C12.2387399,26.0110706 8.59088994,23.1557272 7.2893887,19.3181072 L1.76011213,19.3181072 L1.76011213,23.5244249 C4.48302664,28.8299569 10.0796222,32.4674071 16.5492615,32.4674071 L16.5492615,32.4674071 Z" id="Shape" fill="#34A853"/>
|
||||
<path d="M7.2893887,19.3181072 C6.95840347,18.344085 6.77047118,17.3033395 6.77047118,16.2337035 C6.77047118,15.1640676 6.95840347,14.1233221 7.2893887,13.1492999 L7.2893887,8.94298219 L1.76011213,8.94298219 C0.639530783,11.1345322 0,13.6142992 0,16.2337035 C0,18.8531079 0.639530783,21.3328749 1.76011213,23.5244249 L7.2893887,19.3181072 L7.2893887,19.3181072 Z" id="Shape" fill="#FBBC05"/>
|
||||
<path d="M16.5492615,6.4563365 C18.9790577,6.4563365 21.160615,7.27558824 22.8758478,8.88382548 L27.6225407,4.22764161 C24.755872,1.60892511 21.0098485,0 16.5492615,0 C10.0803235,0 4.48302664,3.63813805 1.76011213,8.94298219 L7.2893887,13.1492999 C8.59088994,9.31236774 12.2394411,6.4563365 16.5492615,6.4563365 Z" id="Shape" fill="#EA4335"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 344 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 439 KiB |
|
Before Width: | Height: | Size: 368 KiB |
|
Before Width: | Height: | Size: 608 KiB |
|
Before Width: | Height: | Size: 542 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 229 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 158 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 141 KiB |
|
Before Width: | Height: | Size: 171 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 618 KiB |
|
Before Width: | Height: | Size: 515 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 139 KiB |
|
Before Width: | Height: | Size: 124 KiB |