phuoc/cao_sunyata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added more images in carousel

Browse Source
This commit is contained in:
Phuoc
2022-04-27 18:14:55 +02:00
parent 1bced4ee54
commit 42d7d9af49
16 changed files with 110 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
cao_blogr/templates/home.jinja2
View File

@@ -1,5 +1,68 @@
{% extends "layout.jinja2" %}
{% block carousel %}
<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>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
<li data-target="#myCarousel" data-slide-to="6"></li>
<li data-target="#myCarousel" data-slide-to="7"></li>
<li data-target="#myCarousel" data-slide-to="8"></li>
<li data-target="#myCarousel" data-slide-to="9"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="{{ car_images[0] }}" />
</div>
<div class="item">
<img src="{{ car_images[1] }}" />
</div>
<div class="item">
<img src="{{ car_images[2] }}" />
</div>
<div class="item">
<img src="{{ car_images[3] }}" />
</div>
<div class="item">
<img src="{{ car_images[4] }}" />
</div>
<div class="item">
<img src="{{ car_images[5] }}" />
</div>
<div class="item">
<img src="{{ car_images[6] }}" />
</div>
<div class="item">
<img src="{{ car_images[7] }}" />
</div>
<div class="item">
<img src="{{ car_images[8] }}" />
</div>
<div class="item">
<img src="{{ car_images[9] }}" />
</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>
{% endblock %}
{% block content %}
{% if request.authenticated_userid %}

18
cao_blogr/templates/layout.jinja2
View File

@@ -10,8 +10,7 @@
<title>{{page_title}}</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- Custom styles for this scaffold -->
<link href="{{request.static_url('cao_blogr:static/theme.css')}}" rel="stylesheet">
@@ -32,11 +31,11 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ request.route_url('home') }}">CAO Blogr</a>
</div>
<a class="navbar-brand" class="text-center" href="{{ request.route_url('home') }}" alt="Accueil">
<img src="{{ request.static_url('cao_blogr:static/logo-msp.jpg') }}" class="logo" /></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#band">TAGS</a></li>
<li><a href="{{ request.route_url('blog_search') }}"><span class="glyphicon glyphicon-search"></span></a></li>
<!-- si anonyme, lien pour se connecter -->
{% if request.authenticated_userid %}
@@ -59,6 +58,7 @@
<!-- Container (The Page Template Section) -->
<div class="container">
<br />
<!-- Display Page Title -->
{% if page_title %}
<h1>{{ page_title }}</h1>
@@ -87,7 +87,7 @@
<footer class="text-center">
<div class="row">
<p class="text-center">
&copy; 2017&nbsp;-&nbsp;Phuoc Cao
&copy; 2022&nbsp;-&nbsp;Phuoc Cao
&nbsp|&nbsp<a href="{{ request.route_url('apropos')}}">A propos</a>
{% if request.authenticated_userid == 'admin' %}
@@ -101,7 +101,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>