Mercurial > piecrust2

comparison docs/templates/splash.html @ 1053:94d7d5e38571

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
docs: Upgrade to Bootstrap 4 and Sass.
author Ludovic Chabant <ludovic@chabant.com>
date Sun, 28 Jan 2018 21:22:03 -0800
parents f8601540caff
children
comparison
equal deleted inserted replaced
1052:f8572df0756e 1053:94d7d5e38571
1 {% set header_class = 'pc-documentation' %}
1 {% extends "default.html" %} 2 {% extends "default.html" %}
2 3
3 {% block header %} 4 {% block header %}
4 <header class="splash"> 5 <h1 class="sr-only">{{page.title}}</h1>
5 <h1>PieCurst</h1> 6 <div class="pc-splash-logo"></div>
6 <div class="splash-logo"> 7 <div class="pc-splash-main">
7 </div> 8 {{main|safe}}
8 <div class="splash-main"> 9 </div>
9 {{main|safe}}
10 </div>
11 </header>
12 {% endblock %} 10 {% endblock %}
13 11
14 {% block content %} 12 {% block content %}
15 <section class="splash splash-chalkboard"> 13 <section class="pc-splash pc-splash-chalkboard">
16 <div class="container"> 14 <div class="container">
17 <h2>Chef's Features</h2> 15 <h2>Chef's Features</h2>
18 <div class="row"> 16 <div class="row">
19 <div class="col-sm-6 col-md-4"> 17 <div class="col-sm-6 col-md-4">
20 <img class="splash-icon" src="{{site.root}}img/cake-white.png" /> 18 <img class="splash-icon" src="{{site.root}}img/cake-white.png" />
21 {{simple|safe}} 19 {{simple|safe}}
22 </div> 20 </div>
23 <div class="col-sm-6 col-md-4"> 21 <div class="col-sm-6 col-md-4">
24 <img class="splash-icon hidden-xs" src="{{site.root}}img/chef-hat-white.png" /> 22 <img class="splash-icon d-none d-sm-block" src="{{site.root}}img/chef-hat-white.png" />
25 {{bake|safe}} 23 {{bake|safe}}
26 </div> 24 </div>
27 <div class="clearfix visible-sm-block"></div> 25 <div class="clearfix d-none d-sm-block"></div>
28 <div class="col-sm-6 col-md-4"> 26 <div class="col-sm-6 col-md-4">
29 <img class="splash-icon hidden-sm" src="{{site.root}}img/whisk-white.png" /> 27 <img class="splash-icon d-sm-none d-md-block" src="{{site.root}}img/whisk-white.png" />
30 {{ingr|safe}} 28 {{ingr|safe}}
31 </div> 29 </div>
32 <div class="clearfix visible-md-block visible-lg-block"></div> 30 <div class="clearfix d-none d-md-block"></div>
33 <div class="col-sm-6 col-md-4"> 31 <div class="col-sm-6 col-md-4">
34 {{oven|safe}} 32 {{oven|safe}}
35 </div> 33 </div>
36 <div class="clearfix visible-sm-block"></div> 34 <div class="clearfix d-none d-sm-block"></div>
37 <div class="col-sm-6 col-md-4"> 35 <div class="col-sm-6 col-md-4">
38 <img class="splash-icon visible-xs" src="{{site.root}}img/chef-hat-white.png" /> 36 <img class="splash-icon d-sm-none" src="{{site.root}}img/chef-hat-white.png" />
39 {{fast|safe}} 37 {{fast|safe}}
40 </div> 38 </div>
41 <div class="col-sm-6 col-md-4"> 39 <div class="col-sm-6 col-md-4">
42 {{carte|safe}} 40 {{carte|safe}}
43 </div> 41 </div>
44 </div> 42 </div>
45 </div> 43 </div>
46 </section> 44 </section>
47 <section class="splash splash-board"> 45 <section class="pc-splash pc-splash-board">
48 <div class="container"> 46 <div class="container">
49 <div class="row"> 47 <div class="row">
50 <div class="col-xs-12 col-md-8 col-md-offset-2"> 48 <div class="col-xs-12 col-md-9 offset-md-1 col-lg-8 offset-lg-2">
51 {{startnow|safe}} 49 {{startnow|safe}}
52 </div> 50 </div>
53 </div> 51 </div>
54 </div> 52 </div>
55 </section> 53 </section>