Start repo
This commit is contained in:
18
app/templates/creative/_about-edit.html
Normal file
18
app/templates/creative/_about-edit.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<section class="bg-primary" id="about">
|
||||
<div class="container">
|
||||
<form method='POST' action='/edit/description'>
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
{{ form.titre_description(col=5,value=bloc.titre_description,
|
||||
class="form-control form-control-lg text-center") }}
|
||||
<hr class="light my-4">
|
||||
{{ form.description(value=bloc.description, class="form-control text-center") }}
|
||||
<br/>
|
||||
{{ form.submit() }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
11
app/templates/creative/_about.html
Normal file
11
app/templates/creative/_about.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<section class="bg-primary" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h2 class="section-heading text-white">{{ mesinfos.text.title }}</h2>
|
||||
<hr class="light my-4">
|
||||
<p class="text-faded mb-4"> {{ mesinfos.text.text }} </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
52
app/templates/creative/_contact-edit.html
Normal file
52
app/templates/creative/_contact-edit.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<section id="contact" id="{{ bloc.name }}">
|
||||
<div class="container" id="{{ bloc.name }}" hx_swap="beforeend">
|
||||
<form method='POST' action="/edit/{{ bloc.name }}" hx-post='/edit//{{ bloc.name }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}" >
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
{{ form.title(col=5, value=bloc.title,
|
||||
class="form-control form-control-lg text-center") }}
|
||||
<hr class="my-4">
|
||||
<textarea class="form-control text-center" id="text" name="text"> {{ bloc.text }} </textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 ml-auto text-center">
|
||||
<i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
|
||||
{{form.phone(col=3,value=bloc.phone,
|
||||
class="form-control form-control-lg text-center")}}
|
||||
</div>
|
||||
<div class="col-lg-4 mr-auto text-center">
|
||||
<i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
|
||||
|
||||
{{form.email(col=5,value=bloc.email,
|
||||
class="form-control obfuscate form-control-lg text-center")}}
|
||||
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<br/> <br/>
|
||||
<label> {{ form.address.label }} </label>
|
||||
<p class="mb-2"> {{ form.address(col=5, value=bloc.address,
|
||||
class="form-control form-control-lg text-center") }} </p>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 ml-auto text-center">
|
||||
<label> {{ form.postal_code.label }} </label>
|
||||
{{ form.postal_code( value=bloc.postal_code,
|
||||
class="form-control form-control-lg-3 text-center") }}
|
||||
</div>
|
||||
<div class="col-lg-4 mr-auto text-center">
|
||||
<label> {{ form.city.label }} </label>
|
||||
{{ form.city( value=bloc.city,
|
||||
class="form-control form-control-lg-3 text-center") }}
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
{{ form.submit(class="btn") }}
|
||||
<button class="btn btn-danger" hx-get="/view/{{ bloc.name }}" hx-swap="outerHTML" hx-target="#{{ bloc.name }}" > Annuler </button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
30
app/templates/creative/_contact.html
Normal file
30
app/templates/creative/_contact.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<section id="contact" >
|
||||
<div class="container" id="{{ bloc.name }}">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h2 class="section-heading"> {{ bloc.title }} </h2>
|
||||
<hr class="my-4">
|
||||
<p class="mb-5"> {{ bloc.text }} </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 ml-auto text-center">
|
||||
<i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
|
||||
<p>{{ bloc.phone }}</p>
|
||||
</div>
|
||||
<div class="col-lg-4 mr-auto text-center">
|
||||
<i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
|
||||
<p>
|
||||
<a href="{{ bloc.email }}" class="obfuscate" > {{bloc.email }}</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<br/> <br/>
|
||||
<p class="mb-2"> {{ bloc.address }} </p>
|
||||
<h3 class="section-heading">
|
||||
{{ bloc.postal_code }} - {{ bloc.city }}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
28
app/templates/creative/_external_link-edit.html
Normal file
28
app/templates/creative/_external_link-edit.html
Normal file
@@ -0,0 +1,28 @@
|
||||
|
||||
<div class="container text-center">
|
||||
<form method='POST' action='/edit/{{ bloc.name }}' hx-post='/edit//{{ bloc.name }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}">
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<h2 class="mb-4"> Titre du lien </h2>
|
||||
{{ form.title(value=bloc.title,
|
||||
class="form-control form-control-lg text-center") }}
|
||||
<h3> Description du lien </h3>
|
||||
{{ form.text(value=bloc.text,
|
||||
class="form-control text-center") }}
|
||||
<h3> Votre lien (https://exemple.com) </h3>
|
||||
{{ form.link(value=bloc.link, class="form-control text-center") }}
|
||||
<br />
|
||||
<div class="col-lg-4 form-group mx-auto">
|
||||
{{ form.text_button(value=bloc.text_button,
|
||||
class="form-control text-center") }}
|
||||
{% for error in form.text_button.errors %}
|
||||
<span style="color: red;">
|
||||
{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{{ form.submit(class="btn") }}
|
||||
<button class="btn btn-danger" hx-get="/view/{{ bloc.name }}" hx-swap="outerHTML" hx-target="#{{ bloc.name }}" > Annuler </button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
10
app/templates/creative/_external_link.html
Normal file
10
app/templates/creative/_external_link.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<section class="bg-dark text-white" id="{{ bloc.name }}" hx-swap-oob="true" >
|
||||
<div class="container text-center">
|
||||
<h2 class="mb-4">{{ bloc.title }}</h2>
|
||||
<p> {{ bloc.text }} </p>
|
||||
<a class="btn btn-light btn-xl sr-button" href="{{ bloc.link }}">
|
||||
{{ bloc.text_button }}
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
37
app/templates/creative/_gallery-edit.html
Normal file
37
app/templates/creative/_gallery-edit.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<section class="p-0" id="{{ bloc.name }}">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row no-gutters ">
|
||||
{% for image in bloc.values() %}
|
||||
{% if image.file %}
|
||||
<div class="col-lg-4 col-sm-6 text-center">
|
||||
<a class="portfolio-box">
|
||||
<img class="img-fluid" src="/static/img/portfolio/thumbnails/{{ image.file }}" alt="{{ image.description }}">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
{{ image.subtitle }}
|
||||
</div>
|
||||
<div class="project-name">
|
||||
{{ image.title }}
|
||||
<br/><br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" class="btn btn-success m-4"
|
||||
hx-get="/edit/images/{{ bloc.name }}/{{ image.file }}"
|
||||
hx-target="#{{bloc.name}}"
|
||||
hw-swap="none">
|
||||
<i class="fa fa-pencil-square-o"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
27
app/templates/creative/_gallery.html
Normal file
27
app/templates/creative/_gallery.html
Normal file
@@ -0,0 +1,27 @@
|
||||
|
||||
<section class="p-0" id="{{ bloc.name }}">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row no-gutters popup-gallery">
|
||||
{% for image in bloc.values() %}
|
||||
{% if image.file %}
|
||||
<div class="col-lg-4 col-sm-6 text-center">
|
||||
<a class="portfolio-box" href="/static/img/portfolio/fullsize/{{ image.file }}" alt="{{ image.description }}">
|
||||
<img class="img-fluid" src="/static/img/portfolio/thumbnails/{{ image.file }}" alt="{{ image.description }}">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
{{ image.subtitle }}
|
||||
</div>
|
||||
<div class="project-name">
|
||||
{{ image.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
19
app/templates/creative/_head.html
Normal file
19
app/templates/creative/_head.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="{{ config.siteDescription }}">
|
||||
<meta name="author" content=" {{config.siteAuthor}} ">
|
||||
|
||||
<title> {{ config.siteTitle }} </title>
|
||||
|
||||
{% block css %} {% endblock %}
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/static/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="/static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="/static/css/fontes-creative.css">
|
||||
<!-- Plugin CSS -->
|
||||
<link href="/static/vendors/magnific-popup/magnific-popup.css" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="/static/css/creative.css" rel="stylesheet">
|
||||
|
||||
|
||||
41
app/templates/creative/_header-edit.html
Normal file
41
app/templates/creative/_header-edit.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<header class="masthead text-center text-white d-flex" style="background-image: url('/static/img/{{ bloc.bg_img }}');">
|
||||
<div class="container my-auto">
|
||||
<form method='POST' action='/edit/accueil' enctype="multipart/form-data">
|
||||
{{ form.csrf_token }}
|
||||
<div class="row">
|
||||
<div class="col-lg-10 form-group mx-auto">
|
||||
{{ form.titre(value=bloc.title,
|
||||
class="form-control form-control-lg text-center text-uppercase")
|
||||
}}
|
||||
{% for error in form.titre.errors %}
|
||||
<span style="color: red;">{{ error }}</span>
|
||||
{% endfor %}
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-8 form-group mx-auto">
|
||||
{% set f = form.presentation.process_data(bloc.text) %}
|
||||
{{ form.presentation(
|
||||
class="form-control text-center",
|
||||
rows="7")
|
||||
}}
|
||||
{% for error in form.presentation.errors %}
|
||||
<span style="color: red;">{{ error }}</span>
|
||||
{% endfor %}
|
||||
<br/>
|
||||
<div class="col-lg-4 form-group mx-auto">
|
||||
{{ form.texte_boutton(value=bloc.text_button,
|
||||
class="form-control text-center") }}
|
||||
{% for error in form.texte_boutton.errors %}
|
||||
<span style="color: red;">
|
||||
{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="col-lg-3 form-group mx-auto">
|
||||
{{ form.image(class="form-control" ) }}
|
||||
</div>
|
||||
{{ form.submit() }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
16
app/templates/creative/_header.html
Normal file
16
app/templates/creative/_header.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<header class="masthead text-center text-white d-flex" style="background-image: url('/static/img/{{ mesinfos.presentation.bg_img }}');" >
|
||||
<div class="container my-auto">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
<h1 class="text-uppercase">
|
||||
<strong> {{ mesinfos.presentation.title }} </strong>
|
||||
</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<p class="text-faded mb-5"> {{ mesinfos.presentation.text }} </p>
|
||||
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">{{ mesinfos.presentation.text_button }} </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
34
app/templates/creative/_image-edit.html
Normal file
34
app/templates/creative/_image-edit.html
Normal file
@@ -0,0 +1,34 @@
|
||||
|
||||
<div class="container-fluid p-0">
|
||||
<form method='POST' action='/edit/images/{{ bloc.name }}/{{ image.file }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}">
|
||||
{{ form.csrf_token }}
|
||||
<div class="row">
|
||||
<div class="col-lg-2 mx-auto my-4 text-center">
|
||||
<img class="img-fluid" src="/static/img/portfolio/thumbnails/{{ image.file }}" alt="{{ image.description }}">
|
||||
</div>
|
||||
<div class="col-lg-4 mx-auto my-4 text-center">
|
||||
<h3> Titre </h3>
|
||||
{{ form.title(value=image.title,
|
||||
class="form-control form-control-lg text-center") }}
|
||||
<hr class="light my-4">
|
||||
<h3>Sous-titre</h3>
|
||||
{{ form.subtitle(value=image.subtitle, class="form-control text-center") }}
|
||||
<br/>
|
||||
<h3> Catégorie </h3>
|
||||
{{ form.category(value=image.category, class="form-control text-center") }}
|
||||
<hr class="light my-4">
|
||||
<h3> Description de votre image </h3>
|
||||
<p> Une description de l'image est utile pour les personnes mal-voyantes et au référecement de votre site </p>
|
||||
{{ form.description(value=image.description, class="form-control text-center") }}
|
||||
<br/>
|
||||
<button class="btn btn-success" type="submit" data-dismiss="modal"
|
||||
hx-post="/edit/images/{{ bloc.name }}/{{ image.file }}"
|
||||
hx-swap="outerHTML"
|
||||
hx-target="#{{ bloc.name }}"> Valider </button>
|
||||
<a class="btn btn-danger mx-auto" href="/edit/images/del/{{ image.nom_fichier }}">Supprimer l'image</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
19
app/templates/creative/_layout.html
Normal file
19
app/templates/creative/_layout.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{# creative/_layout.html #}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<!-- Style CSS -->
|
||||
{% include 'creative/_head.html' %}
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
{% block body %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
</body>
|
||||
{% include 'creative/javascript.html' %}
|
||||
</html>
|
||||
31
app/templates/creative/_nav.html
Normal file
31
app/templates/creative/_nav.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top">{{ siteTitle }}</a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
{% for item in menu.keys() %}
|
||||
{% if menu[item] is mapping %}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="{{ item }}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ item }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="{{ item }}">
|
||||
{% for subitem in menu[item].keys() %}
|
||||
<a class="dropdown-item" href="{{item[subitem]}}">{{ subitem }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link js-scroll-trigger" href="{{ menu[item] }}"> {{ item }} </a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
61
app/templates/creative/_navtool.html
Normal file
61
app/templates/creative/_navtool.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light fixed-bottom navbar-skrink" id="toolNav">
|
||||
<div class="container">
|
||||
<button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#parameters" > Paramètres de mon site </button>
|
||||
<a class="btn btn-warning nav-brand js-scroll-trigger" href="/edit/save"> Publier mes modifications </a>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="modal" id="parameters">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Paramètres </h4>
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal body -->
|
||||
<div class="modal-body">
|
||||
<ul class="nav nav-pills nav-justified">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="pill" href="#menu">Menu</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="pill" href="#options"> Options </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="pill" href="#publication">Publication</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane container text-center active" id="menu">
|
||||
<br/>
|
||||
<h4> Organiser mes pages </h4>
|
||||
|
||||
{% include 'admin/_menu-edit.html' %}
|
||||
|
||||
</div>
|
||||
<div class="tab-pane container text-center fade" id="options">
|
||||
<br/>
|
||||
<h4> Mes réseaux sociaux </h4>
|
||||
</div>
|
||||
<div class="tab-pane container fade text-center" id="publication">
|
||||
<br/>
|
||||
<h4> Serveur(s) où publier mon site </h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal footer -->
|
||||
<div class="modal-footer mx-auto">
|
||||
<button class="btn btn-success">Enregistrer </button>
|
||||
<a class="btn btn-danger" href="/edit" > Annuler </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
42
app/templates/creative/_presentation-edit.html
Normal file
42
app/templates/creative/_presentation-edit.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<div class="container my-auto">
|
||||
<form method='POST' action='/edit/{{ bloc.name }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}" enctype="multipart/form-data">
|
||||
{{ form.csrf_token }}
|
||||
<div class="row">
|
||||
<div class="col-lg-10 form-group mx-auto">
|
||||
{{ form.title(value=bloc.title,
|
||||
class="form-control form-control-lg text-center text-uppercase")
|
||||
}}
|
||||
{% for error in form.title.errors %}
|
||||
<span style="color: red;">{{ error }}</span>
|
||||
{% endfor %}
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-8 form-group mx-auto">
|
||||
{% set f = form.text.process_data(bloc.text) %}
|
||||
<textarea class="form-control text-center" id="text" name="text"> {{ bloc.text }} </textarea>
|
||||
{% for error in form.text.errors %}
|
||||
<span style="color: red;">{{ error }}</span>
|
||||
{% endfor %}
|
||||
<br/>
|
||||
<div class="col-lg-4 form-group mx-auto">
|
||||
{{ form.text_button(value=bloc.text_button,
|
||||
class="form-control text-center") }}
|
||||
{% for error in form.text_button.errors %}
|
||||
<span style="color: red;">
|
||||
{{ error }}</span>
|
||||
{% endfor %}
|
||||
<h4> cible du bouton </h4>
|
||||
{{ form.link(value=bloc.link, class="form-control text-center") }}
|
||||
<br />
|
||||
</div>
|
||||
<div class="col-lg-3 form-group mx-auto">
|
||||
{{ form.image(class="form-control" ) }}
|
||||
</div>
|
||||
{{ form.submit(class="btn") }}
|
||||
<button class="btn btn-danger" hx-get="/view/{{ bloc.name }}" hx-swap="outerHTML" hx-target="#{{ bloc.name }}" > Annuler </button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
16
app/templates/creative/_presentation.html
Normal file
16
app/templates/creative/_presentation.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<header class="masthead text-center text-white d-flex" style="background-image: url('/static/img/{{ bloc.bg_img }}');" id="{{ bloc.name }}" >
|
||||
<div class="container my-auto">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
<h1 class="text-uppercase">
|
||||
<strong> {{ bloc.title }} </strong>
|
||||
</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<p class="text-faded mb-5"> {{ bloc.text }} </p>
|
||||
<a class="btn btn-primary btn-xl js-scroll-trigger" href="{{bloc.link}}">{{ bloc.text_button }} </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
19
app/templates/creative/_text-edit.html
Normal file
19
app/templates/creative/_text-edit.html
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
<div class="container">
|
||||
<form method='POST' action='/edit//{{ bloc.name }}' hx-post='/edit//{{ bloc.name }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}">
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
{{ form.title(col=5,value=bloc.title,
|
||||
class="form-control form-control-lg text-center") }}
|
||||
<hr class="light my-4">
|
||||
<textarea class="form-control text-center" id="text" name="text"> {{ bloc.text }} </textarea>
|
||||
<br/>
|
||||
{{ form.submit(class="btn") }}
|
||||
<button class="btn btn-danger" hx-get="/view/{{ bloc.name }}" hx-swap="outerHTML" hx-target="#{{ bloc.name }}" > Annuler </button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
12
app/templates/creative/_text.html
Normal file
12
app/templates/creative/_text.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<section class="bg-primary" id="{{ bloc.name }}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h2 class="section-heading text-white">{{ bloc.title }}</h2>
|
||||
<hr class="light my-4">
|
||||
<p class="text-faded mb-4"> {{ bloc.text }} </p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
30
app/templates/creative/edit.html
Normal file
30
app/templates/creative/edit.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{% extends 'creative/_layout.html' %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
{% include 'creative/_nav.html' %}
|
||||
{% include 'creative/_navtool.html' %}
|
||||
|
||||
|
||||
{% for bloc in myblocs.values() %}
|
||||
|
||||
{% if blocEdit == bloc.name %}
|
||||
{% include 'creative/_'+bloc.type+'-edit.html' %}
|
||||
{% else %}
|
||||
|
||||
{% include 'creative/_'+bloc.type+'.html' %}
|
||||
|
||||
<button class="btn btn-success btn-xl pull-right"
|
||||
style="margin-top:-7rem; margin-right:1rem;"
|
||||
hx-get="/edit/{{ bloc.name }}"
|
||||
hx-target="#{{bloc.name}}"
|
||||
hw-swap="none"
|
||||
> Éditer </button>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
15
app/templates/creative/index.html
Normal file
15
app/templates/creative/index.html
Normal file
@@ -0,0 +1,15 @@
|
||||
{% extends "creative/layout.html" %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<!-- Navigation -->
|
||||
{% include 'creative/_nav.html' %}
|
||||
|
||||
{% for bloc in myblocs.values() %}
|
||||
|
||||
{% include 'creative/_'+bloc.type+'.html' %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
15
app/templates/creative/index.html.tpl
Normal file
15
app/templates/creative/index.html.tpl
Normal file
@@ -0,0 +1,15 @@
|
||||
{% extends "creative/layout.html" %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<!-- Navigation -->
|
||||
{% include 'creative/_nav.html' %}
|
||||
|
||||
{% for bloc in myblocs.values() %}
|
||||
|
||||
{% include 'creative/_'+bloc.type+'.html' %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
16
app/templates/creative/javascript.html
Normal file
16
app/templates/creative/javascript.html
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="/static/vendors/jquery/jquery.min.js"></script>
|
||||
<script src="/static/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- Plugin JavaScript -->
|
||||
<script src="/static/vendors/jquery-easing/jquery.easing.min.js"></script>
|
||||
<script src="/static/vendors/scrollreveal/scrollreveal.min.js"></script>
|
||||
<script src="/static/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
<script src="/static/vendors/htmx/htmx.min.js"></script>
|
||||
|
||||
<!-- Custom scripts for this template -->
|
||||
<script src="/static/js/creative.js"></script>
|
||||
|
||||
{% block js %} {% endblock %}
|
||||
19
app/templates/creative/layout.html
Normal file
19
app/templates/creative/layout.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{# creative/layout.html #}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<!-- Style CSS -->
|
||||
{% include 'creative/_head.html' %}
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
{% block body %}
|
||||
|
||||
{% endblock %}
|
||||
</body>
|
||||
|
||||
{% include 'creative/javascript.html' %}
|
||||
|
||||
</html>
|
||||
13
app/templates/creative/login.html
Normal file
13
app/templates/creative/login.html
Normal file
@@ -0,0 +1,13 @@
|
||||
|
||||
<div class="container text-center">
|
||||
<form method='POST' action='/login'>
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<h2 class="mb-4"> Entrez votre mot de passe : </h2>
|
||||
{{ form.passwd(col=5, class="form-control form-control-lg text-center" ) }}
|
||||
<br />
|
||||
{{ form.submit() }}
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user