flifloo/cyberplanificateur
Archived
1
0
Fork 0
Code Activity

Correct indentation

Browse source
This commit is contained in:
Ethanell 2019-04-28 14:02:08 +02:00
parent b3d68828b4
commit bdc901d518
3 changed files with 437 additions and 437 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

612
templates/elements.html
View file

@ -1,323 +1,323 @@
{% extends "template.html" %} {% extends "template.html" %}
{% block content %} {% block content %}
<!-- Main --> <!-- Main -->
<article id="main"> <article id="main">
<header> <header>
<h2>Elements</h2> <h2>Elements</h2>
<p>Aliquam ut ex ut interdum donec amet imperdiet eleifend</p> <p>Aliquam ut ex ut interdum donec amet imperdiet eleifend</p>
</header> </header>
<section class="wrapper style5"> <section class="wrapper style5">
<div class="inner"> <div class="inner">
<section> <section>
<h4>Text</h4> <h4>Text</h4>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>. <p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text. This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p> This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr /> <hr />
<header> <header>
<h4>Heading with a Subtitle</h4> <h4>Heading with a Subtitle</h4>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p> <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p> <p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<header> <header>
<h5>Heading with a Subtitle</h5> <h5>Heading with a Subtitle</h5>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p> <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p> <p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<hr /> <hr />
<h2>Heading Level 2</h2> <h2>Heading Level 2</h2>
<h3>Heading Level 3</h3> <h3>Heading Level 3</h3>
<h4>Heading Level 4</h4> <h4>Heading Level 4</h4>
<h5>Heading Level 5</h5> <h5>Heading Level 5</h5>
<h6>Heading Level 6</h6> <h6>Heading Level 6</h6>
<hr /> <hr />
<h5>Blockquote</h5> <h5>Blockquote</h5>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote> <blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
<h5>Preformatted</h5> <h5>Preformatted</h5>
<pre><code>i = 0; <pre><code>i = 0;
while (!deck.isInOrder()) { while (!deck.isInOrder()) {
print 'Iteration ' + i; print 'Iteration ' + i;
deck.shuffle(); deck.shuffle();
i++; i++;
} }
print 'It took ' + i + ' iterations to sort the deck.';</code></pre> print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
</section> </section>
<section> <section>
<h4>Lists</h4> <h4>Lists</h4>
<div class="row"> <div class="row">
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<h5>Unordered</h5> <h5>Unordered</h5>
<ul> <ul>
<li>Dolor pulvinar etiam.</li> <li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li> <li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li> <li>Felis enim feugiat.</li>
</ul> </ul>
<h5>Alternate</h5> <h5>Alternate</h5>
<ul class="alt"> <ul class="alt">
<li>Dolor pulvinar etiam.</li> <li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li> <li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li> <li>Felis enim feugiat.</li>
</ul> </ul>
</div> </div>
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<h5>Ordered</h5> <h5>Ordered</h5>
<ol> <ol>
<li>Dolor pulvinar etiam.</li> <li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis viverra.</li> <li>Etiam vel felis viverra.</li>
<li>Felis enim feugiat.</li> <li>Felis enim feugiat.</li>
<li>Dolor pulvinar etiam.</li> <li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis lorem.</li> <li>Etiam vel felis lorem.</li>
<li>Felis enim et feugiat.</li> <li>Felis enim et feugiat.</li>
</ol> </ol>
<h5>Icons</h5> <h5>Icons</h5>
<ul class="icons"> <ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
</ul> </ul>
</div> </div>
</div> </div>
<h5>Actions</h5> <h5>Actions</h5>
<div class="row"> <div class="row">
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<ul class="actions"> <ul class="actions">
<li><a href="#" class="button primary">Default</a></li> <li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li> <li><a href="#" class="button">Default</a></li>
</ul> </ul>
<ul class="actions small"> <ul class="actions small">
<li><a href="#" class="button primary small">Small</a></li> <li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li> <li><a href="#" class="button small">Small</a></li>
</ul> </ul>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button primary">Default</a></li> <li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li> <li><a href="#" class="button">Default</a></li>
</ul> </ul>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button primary small">Small</a></li> <li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li> <li><a href="#" class="button small">Small</a></li>
</ul> </ul>
</div> </div>
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button primary fit">Default</a></li> <li><a href="#" class="button primary fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li> <li><a href="#" class="button fit">Default</a></li>
</ul> </ul>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button primary small fit">Small</a></li> <li><a href="#" class="button primary small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li> <li><a href="#" class="button small fit">Small</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section> <section>
<h4>Table</h4> <h4>Table</h4>
<h5>Default</h5> <h5>Default</h5>
<div class="table-wrapper"> <div class="table-wrapper">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Description</th> <th>Description</th>
<th>Price</th> <th>Price</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Item One</td> <td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td> <td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Two</td> <td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td> <td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td> <td>19.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Three</td> <td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td> <td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Four</td> <td>Item Four</td>
<td>Vitae integer tempus condimentum.</td> <td>Vitae integer tempus condimentum.</td>
<td>19.99</td> <td>19.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Five</td> <td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td> <td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
<tr> <tr>
<td colspan="2"></td> <td colspan="2"></td>
<td>100.00</td> <td>100.00</td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
</div> </div>
<h5>Alternate</h5> <h5>Alternate</h5>
<div class="table-wrapper"> <div class="table-wrapper">
<table class="alt"> <table class="alt">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Description</th> <th>Description</th>
<th>Price</th> <th>Price</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Item One</td> <td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td> <td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Two</td> <td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td> <td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td> <td>19.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Three</td> <td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td> <td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Four</td> <td>Item Four</td>
<td>Vitae integer tempus condimentum.</td> <td>Vitae integer tempus condimentum.</td>
<td>19.99</td> <td>19.99</td>
</tr> </tr>
<tr> <tr>
<td>Item Five</td> <td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td> <td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td> <td>29.99</td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
<tr> <tr>
<td colspan="2"></td> <td colspan="2"></td>
<td>100.00</td> <td>100.00</td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
</div> </div>
</section> </section>
<section> <section>
<h4>Buttons</h4> <h4>Buttons</h4>
<ul class="actions"> <ul class="actions">
<li><a href="#" class="button primary">Primary</a></li> <li><a href="#" class="button primary">Primary</a></li>
<li><a href="#" class="button">Default</a></li> <li><a href="#" class="button">Default</a></li>
</ul> </ul>
<ul class="actions"> <ul class="actions">
<li><a href="#" class="button large">Large</a></li> <li><a href="#" class="button large">Large</a></li>
<li><a href="#" class="button">Default</a></li> <li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button small">Small</a></li> <li><a href="#" class="button small">Small</a></li>
</ul> </ul>
<ul class="actions fit"> <ul class="actions fit">
<li><a href="#" class="button fit">Fit</a></li> <li><a href="#" class="button fit">Fit</a></li>
<li><a href="#" class="button primary fit">Fit</a></li> <li><a href="#" class="button primary fit">Fit</a></li>
<li><a href="#" class="button fit">Fit</a></li> <li><a href="#" class="button fit">Fit</a></li>
</ul> </ul>
<ul class="actions fit small"> <ul class="actions fit small">
<li><a href="#" class="button primary fit small">Fit + Small</a></li> <li><a href="#" class="button primary fit small">Fit + Small</a></li>
<li><a href="#" class="button fit small">Fit + Small</a></li> <li><a href="#" class="button fit small">Fit + Small</a></li>
<li><a href="#" class="button primary fit small">Fit + Small</a></li> <li><a href="#" class="button primary fit small">Fit + Small</a></li>
</ul> </ul>
<ul class="actions"> <ul class="actions">
<li><a href="#" class="button primary icon fa-download">Icon</a></li> <li><a href="#" class="button primary icon fa-download">Icon</a></li>
<li><a href="#" class="button icon fa-download">Icon</a></li> <li><a href="#" class="button icon fa-download">Icon</a></li>
</ul> </ul>
<ul class="actions"> <ul class="actions">
<li><span class="button primary disabled">Disabled</span></li> <li><span class="button primary disabled">Disabled</span></li>
<li><span class="button disabled">Disabled</span></li> <li><span class="button disabled">Disabled</span></li>
</ul> </ul>
</section> </section>
<section>
<h4>Form</h4>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
</div>
<div class="col-6 col-12-xsmall">
<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
</div>
<div class="col-12">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">Not a robot</label>
</div>
<div class="col-12">
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
<section>
<h4>Image</h4>
<h5>Fit</h5>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/banner.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left &amp; Right</h5>
<p><span class="image left"><img src="images/pic04.jpg" alt="" /></span>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.</p>
</section>
<section>
<h4>Form</h4>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
</div> </div>
</section> <div class="col-6 col-12-xsmall">
</article> <input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
</div>
<div class="col-12">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">Not a robot</label>
</div>
<div class="col-12">
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
<section>
<h4>Image</h4>
<h5>Fit</h5>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/banner.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left &amp; Right</h5>
<p><span class="image left"><img src="images/pic04.jpg" alt="" /></span>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.</p>
</section>
</div>
</section>
</article>
{% endblock %} {% endblock %}

208
templates/index.html
View file

@ -1,113 +1,113 @@
{% extends "template.html" %} {% extends "template.html" %}
{% block content %} {% block content %}
<!-- Banner --> <!-- Banner -->
<section id="banner"> <section id="banner">
<div class="inner"> <div class="inner">
<h2>Cyberplanificateur</h2> <h2>Cyberplanificateur</h2>
<p>Manage your commissions was never so easy with with the Cyberplanificateur</p> <p>Manage your commissions was never so easy with with the Cyberplanificateur</p>
<ul class="actions special"> <ul class="actions special">
{% if login %} {% if login %}
<li><a href="#" class="button primary">Dashboard</a></li> <li><a href="#" class="button primary">Dashboard</a></li>
{% else %} {% else %}
<li><a href="{{ url_for('twlogin')}}" class="button primary">Login !</a></li> <li><a href="{{ url_for('twlogin')}}" class="button primary">Login !</a></li>
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
<a href="#one" class="more scrolly">Learn More</a> <a href="#one" class="more scrolly">Learn More</a>
</section> </section>
<!-- One --> <!-- One -->
<section id="one" class="wrapper style1 special"> <section id="one" class="wrapper style1 special">
<div class="inner"> <div class="inner">
<header class="major"> <header class="major">
<h2>Arcu aliquet vel lobortis ata nisl<br /> <h2>Arcu aliquet vel lobortis ata nisl<br />
eget augue amet aliquet nisl cep donec</h2> eget augue amet aliquet nisl cep donec</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br /> <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p> fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
</header> </header>
<ul class="icons major"> <ul class="icons major">
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span></li> <li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li> <li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li> <li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
</ul> </ul>
</div> </div>
</section> </section>
<!-- Two --> <!-- Two -->
<section id="two" class="wrapper alt style2"> <section id="two" class="wrapper alt style2">
<section class="spotlight"> <section class="spotlight">
<div class="image"><img src="{{ url_for('static', filename='images/pic01.jpg') }}" alt="" /></div><div class="content"> <div class="image"><img src="{{ url_for('static', filename='images/pic01.jpg') }}" alt="" /></div><div class="content">
<h2>Magna primis lobortis<br /> <h2>Magna primis lobortis<br />
sed ullamcorper</h2> sed ullamcorper</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p> <p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div> </div>
</section> </section>
<section class="spotlight"> <section class="spotlight">
<div class="image"><img src="{{ url_for('static', filename='images/pic02.jpg') }}" alt="" /></div><div class="content"> <div class="image"><img src="{{ url_for('static', filename='images/pic02.jpg') }}" alt="" /></div><div class="content">
<h2>Tortor dolore feugiat<br /> <h2>Tortor dolore feugiat<br />
elementum magna</h2> elementum magna</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p> <p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div> </div>
</section> </section>
<section class="spotlight"> <section class="spotlight">
<div class="image"><img src="{{ url_for('static', filename='images/pic03.jpg') }}" alt="" /></div><div class="content"> <div class="image"><img src="{{ url_for('static', filename='images/pic03.jpg') }}" alt="" /></div><div class="content">
<h2>Augue eleifend aliquet<br /> <h2>Augue eleifend aliquet<br />
sed condimentum</h2> sed condimentum</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p> <p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div> </div>
</section> </section>
</section> </section>
<!-- Three --> <!-- Three -->
<section id="three" class="wrapper style3 special"> <section id="three" class="wrapper style3 special">
<div class="inner"> <div class="inner">
<header class="major"> <header class="major">
<h2>Accumsan mus tortor nunc aliquet</h2> <h2>Accumsan mus tortor nunc aliquet</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br /> <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p> fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
</header> </header>
<ul class="features"> <ul class="features">
<li class="icon fa-paper-plane-o"> <li class="icon fa-paper-plane-o">
<h3>Arcu accumsan</h3> <h3>Arcu accumsan</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
<li class="icon fa-laptop"> <li class="icon fa-laptop">
<h3>Ac Augue Eget</h3> <h3>Ac Augue Eget</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
<li class="icon fa-code"> <li class="icon fa-code">
<h3>Mus Scelerisque</h3> <h3>Mus Scelerisque</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
<li class="icon fa-headphones"> <li class="icon fa-headphones">
<h3>Mauris Imperdiet</h3> <h3>Mauris Imperdiet</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
<li class="icon fa-heart-o"> <li class="icon fa-heart-o">
<h3>Aenean Primis</h3> <h3>Aenean Primis</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
<li class="icon fa-flag-o"> <li class="icon fa-flag-o">
<h3>Tortor Ut</h3> <h3>Tortor Ut</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p> <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li> </li>
</ul> </ul>
</div> </div>
</section> </section>
<!-- CTA --> <!-- CTA -->
<section id="cta" class="wrapper style4"> <section id="cta" class="wrapper style4">
<div class="inner"> <div class="inner">
<header> <header>
<h2>Arcue ut vel commodo</h2> <h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p> <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header> </header>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button fit primary">Activate</a></li> <li><a href="#" class="button fit primary">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li> <li><a href="#" class="button fit">Learn More</a></li>
</ul> </ul>
</div> </div>
</section> </section>
{% endblock %} {% endblock %}

54
templates/settings.html
View file

@ -1,34 +1,34 @@
{% extends "template.html" %} {% extends "template.html" %}
{% block content %} {% block content %}
<!-- Main --> <!-- Main -->
<article id="main"> <article id="main">
<header> <header>
<h2>Settings</h2> <h2>Settings</h2>
<p>Aliquam ut ex ut interdum donec amet imperdiet eleifend</p> <p>Aliquam ut ex ut interdum donec amet imperdiet eleifend</p>
</header> </header>
<section class="wrapper style5"> <section class="wrapper style5">
<div class="inner"> <div class="inner">
<h3>Connexions</h3> <h3>Connexions</h3>
{% if trloginfail and not trlogin %} {% if trloginfail and not trlogin %}
<h4><font color="red">Invalid Trello token !</font></h4> <h4><font color="red">Invalid Trello token !</font></h4>
{% endif %} {% endif %}
<p>Trello : <p>Trello :
{% if trlogin %} {% if trlogin %}
<font color="green">Connected</font></p> <font color="green">Connected</font></p>
<a href="{{ url_for('trlogout')}}" class="button">Disconnect</a> <a href="{{ url_for('trlogout')}}" class="button">Disconnect</a>
{% else %} {% else %}
<font color="red">Disconnected</font></p> <font color="red">Disconnected</font></p>
<p><a href="https://trello.com/1/authorize?expiration=never&name=Cyberplanificateur&scope=read,write&response_type=token&key=4b9aa97a8ec693574d819aeaf9e0eefa&return_url=https://cyberplanificateur.flifloo.fr/settings">Click here</a> and give the token bellow</p> <p><a href="https://trello.com/1/authorize?expiration=never&name=Cyberplanificateur&scope=read,write&response_type=token&key=4b9aa97a8ec693574d819aeaf9e0eefa&return_url=https://cyberplanificateur.flifloo.fr/settings">Click here</a> and give the token bellow</p>
<form action = "https://cyberplanificateur.flifloo.fr/settings" method = "POST"> <form action = "https://cyberplanificateur.flifloo.fr/settings" method = "POST">
<input type="text" name="trtoken" placeholder="Trello token" /> <input type="text" name="trtoken" placeholder="Trello token" />
<input type="submit" value="Connect" class="button primary"> <input type="submit" value="Connect" class="button primary">
</form> </form>
{% endif %} {% endif %}
</div> </div>
</section> </section>
</article> </article>
{% endblock %} {% endblock %}