Remove unused files
@ -33,9 +33,6 @@ disableKinds = ["taxonomy", "section"]
|
||||
email = "events@bar-filipo.de"
|
||||
instagram = "https://instagram.com/bar_filipo"
|
||||
|
||||
[Params.asset]
|
||||
fontawesome_css = ["css/fontawesome-all.min.css"]
|
||||
|
||||
[Params.imprint]
|
||||
url = "kontakt"
|
||||
label = "Impressum und Datenschutz"
|
||||
|
||||
18
data/ape.yml
@ -1,18 +0,0 @@
|
||||
####################### Spotlight #########################
|
||||
style: "style1 orient-right content-align-left image-position-right onscroll-image-fade-in"
|
||||
id: "first"
|
||||
title : "Piccolo ma potente"
|
||||
content: |
|
||||
Die Ape Piaggio, oft liebevoll als "die Ape" bezeichnet, ist ein ikonisches italienisches Kultfahrzeug, das seit 1948 produziert wird. Ursprünglich von Enrico Piaggio und dem Flugzeugkonstrukteur Corradino D'Ascanio entwickelt, basiert das dreirädrige Nutzfahrzeug auf der berühmten Vespa-Roller-Plattform. Die Ape Piaggio zeichnet sich durch ihre Vielseitigkeit, Wirtschaftlichkeit und Robustheit aus, was sie besonders in engen städtischen Umgebungen und auf dem Land beliebt macht. Mit ihrem unverwechselbaren Design und ihrer Fähigkeit, in schwer zugänglichen Gebieten zu manövrieren, hat die Ape Piaggio eine treue Fangemeinde gewonnen und sich als Symbol italienischer Ingenieurskunst etabliert.
|
||||
<br/>
|
||||
<br/>
|
||||
<strong>Alternative</strong><br/>
|
||||
<br/>
|
||||
Die Ape Piaggio, eine Ikone der italienischen Mobilität, repräsentiert ein echtes Symbol für Ingenieurskunst und Design. Mit ihren drei Rädern und ihrem kompakten Design bewegt sich die Ape geschickt durch die engen Gassen der italienischen Städte und die malerischen ländlichen Landschaften. Ihre Vielseitigkeit macht sie ideal für eine Vielzahl von Anwendungen, von kleinen gewerblichen Transporten bis hin zum ambulanten Verkauf von Lebensmitteln.
|
||||
Stellen Sie sich vor, eine Ape Piaggio, beladen mit frischem Obst und Gemüse, bahnt sich ihren Weg durch die belebten Märkte von Neapel, oder eine individuell gestaltete Version, die handgemachtes Eis entlang der Küsten Siziliens verkauft. Das Summen des Motors ist ein vertrautes Geräusch auf den italienischen Plätzen, wo die Ape ihre unermüdliche Arbeit mit Anmut und Zuverlässigkeit verrichtet.
|
||||
<br/>
|
||||
Trotz ihrer geringen Größe hat die Ape Piaggio einen enormen Einfluss auf das tägliche Leben in Italien und beweist, dass die besten Dinge manchmal in kleinen Paketen kommen.
|
||||
button:
|
||||
label: "Mehr erfahren"
|
||||
link: "#second"
|
||||
image: "images/riccardo-orlando-lWrgk0AlUCA-unsplash.jpg"
|
||||
@ -1,11 +0,0 @@
|
||||
####################### Spotlight #########################
|
||||
style: "style1 orient-right content-align-left image-position-right onscroll-image-fade-in"
|
||||
id: "third"
|
||||
title : "Monza"
|
||||
content: |
|
||||
Coming soon.<br/>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
button:
|
||||
label: "Mehr erfahren"
|
||||
link: "#forth"
|
||||
image: "images/gabor-papp-ZYAPxdsm_H0-unsplash.jpg"
|
||||
@ -1,11 +0,0 @@
|
||||
####################### Spotlight #########################
|
||||
style: "style1 orient-left content-align-left image-position-right onscroll-image-fade-in"
|
||||
id: "second"
|
||||
title : "Venecia"
|
||||
content: |
|
||||
Die erste Ape.<br/>
|
||||
Bisschen History. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
button:
|
||||
label: "Mehr erfahren"
|
||||
link: "#third"
|
||||
image: "images/joshua-kettle-aeacrl_enII-unsplash.jpg"
|
||||
@ -1,12 +0,0 @@
|
||||
####################### Banner #########################
|
||||
style: "style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right"
|
||||
title : "Bar Filipo"
|
||||
subtitle: |
|
||||
Ein kleines bisschen italienisches Flair für Ihre Veranstalung in und um Oldenburg.
|
||||
content : |
|
||||
Buchen Sie uns für Ihre Hochzeit, Empfang, Party oder als kleine Überraschung.
|
||||
button:
|
||||
label : "Los gehts"
|
||||
link : "#first"
|
||||
image : "images/federico-burgalassi-l--3rQeYvHs-unsplash.jpg"
|
||||
|
||||
@ -1,77 +0,0 @@
|
||||
title: "Impressioni"
|
||||
style: "style2 medium lightbox onscroll-fade-in"
|
||||
content: |
|
||||
Impressionen unserer letzten Veranstalungen.
|
||||
pictures:
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/01.jpg"
|
||||
thumb: "images/gallery/thumbs/01.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/02.jpg"
|
||||
thumb: "images/gallery/thumbs/02.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/03.jpg"
|
||||
thumb: "images/gallery/thumbs/03.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/04.jpg"
|
||||
thumb: "images/gallery/thumbs/04.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/05.jpg"
|
||||
thumb: "images/gallery/thumbs/05.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/06.jpg"
|
||||
thumb: "images/gallery/thumbs/06.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/07.jpg"
|
||||
thumb: "images/gallery/thumbs/07.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/08.jpg"
|
||||
thumb: "images/gallery/thumbs/08.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/09.jpg"
|
||||
thumb: "images/gallery/thumbs/09.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/10.jpg"
|
||||
thumb: "images/gallery/thumbs/10.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/11.jpg"
|
||||
thumb: "images/gallery/thumbs/11.jpg"
|
||||
button: "Details"
|
||||
|
||||
- title: "Title"
|
||||
content: "Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices."
|
||||
image: "images/gallery/fulls/12.jpg"
|
||||
thumb: "images/gallery/thumbs/12.jpg"
|
||||
button: "Details"
|
||||
|
||||
@ -1,20 +0,0 @@
|
||||
title : "Unser Angebot"
|
||||
id: "fifth"
|
||||
content: |
|
||||
Wir bieten verschiedene Leistungen für Ihre Veranstaltung an.
|
||||
style: "style1 medium onscroll-fade-in"
|
||||
items:
|
||||
# feature item loop
|
||||
- name : "Empfang"
|
||||
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit."
|
||||
style : "style2 major fa-gem"
|
||||
|
||||
# feature item loop
|
||||
- name : "Highballs"
|
||||
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit."
|
||||
style : "solid style2 major fa-save"
|
||||
|
||||
# feature item loop
|
||||
- name : "Snacks"
|
||||
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit."
|
||||
style : "solid style2 major fa-chart-bar"
|
||||
@ -1,11 +0,0 @@
|
||||
####################### Spotlight #########################
|
||||
style: "style1 orient-left content-align-left image-position-right onscroll-image-fade-in"
|
||||
id: "forth"
|
||||
title : "Philipp"
|
||||
content: |
|
||||
Eine Ode an Philipp<br/>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
button:
|
||||
label: "Zum Angebot"
|
||||
link: "#fifth"
|
||||
image: "images/joshua-kettle-aeacrl_enII-unsplash.jpg"
|
||||
@ -1,24 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Hugo Story by CaressOfSteel
|
||||
A (modular, highly tweakable) responsive one-page theme for Hugo.
|
||||
Ported from Story by HTML5UP.
|
||||
This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
|
||||
-->
|
||||
<html>
|
||||
|
||||
{{ partial "head" . }}
|
||||
|
||||
<body class="is-preload">
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
{{- block "main" . }}{{- end }}
|
||||
<!-- Wrapper -->
|
||||
</div>
|
||||
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{ partial "scripts" . }}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,14 +0,0 @@
|
||||
<!-- Banner -->
|
||||
<section class="banner {{ .style }}">
|
||||
<div class="content">
|
||||
{{ with .title }}<h1>{{ . }}</h1>{{ end }}
|
||||
{{ with .subtitle }}<p class="major">{{ . | safeHTML }}</p>{{ end }}
|
||||
{{ with .content }}<p>{{ . | safeHTML }}</p>{{ end }}
|
||||
{{ with .button }}<ul class="actions stacked">
|
||||
<li><a href="{{ .link }}" class="button primary large wide smooth-scroll-middle">{{ .label }}</a></li>
|
||||
</ul>{{ end }}
|
||||
</div>
|
||||
{{ with .image }}<div class="image">
|
||||
<img src="{{ absURL . }}" alt="banner" />
|
||||
</div>{{end}}
|
||||
</section>
|
||||
@ -1,472 +0,0 @@
|
||||
<!-- Additional Elements -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<h2>Additional Elements</h2>
|
||||
<p>Finally, here are some additional elements you <em>might</em> find useful (and yup, they look fine with any <span class="demo-controls">appearance</span>).</p>
|
||||
<div class="index align-left">
|
||||
|
||||
<!-- Text -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Text</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<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 <u>underlined</u> and this is code: <code>for (;;) { ... }</code>.
|
||||
Finally, this is a <a href="#">link</a>.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Heading -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Headings</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h1>Heading Level 1</h1>
|
||||
<h2>Heading Level 2</h2>
|
||||
<h3>Heading Level 3</h3>
|
||||
<h4>Heading Level 4</h4>
|
||||
<h5>Heading Level 5</h5>
|
||||
<h6>Heading Level 6</h6>
|
||||
|
||||
<hr />
|
||||
|
||||
<header>
|
||||
<h1>Heading with a Subtitle</h1>
|
||||
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
|
||||
</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>
|
||||
|
||||
<hr />
|
||||
|
||||
<header>
|
||||
<h2>Heading with a Subtitle</h2>
|
||||
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
|
||||
</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>
|
||||
|
||||
<hr />
|
||||
|
||||
<header>
|
||||
<h3>Heading with a Subtitle</h3>
|
||||
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Unordered List -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Unordered List</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h4>Default</h4>
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Interdum adipiscing gravida odio</li>
|
||||
<li>Porttitor sem non integer</li>
|
||||
<li>Non faucibus ornare mi ut ante</li>
|
||||
<li>Sagittis adipiscing eleifend</li>
|
||||
<li>Felis amet dolore viverra</li>
|
||||
</ul>
|
||||
|
||||
<h4>Alternate</h4>
|
||||
<ul class="alt">
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Interdum adipiscing gravida odio</li>
|
||||
<li>Porttitor sem non integer</li>
|
||||
<li>Non faucibus ornare mi ut ante</li>
|
||||
<li>Sagittis adipiscing eleifend</li>
|
||||
<li>Felis amet dolore viverra</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Ordered List -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Ordered List</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Interdum adipiscing gravida odio</li>
|
||||
<li>Porttitor sem non integer</li>
|
||||
<li>Non faucibus ornare mi ut ante</li>
|
||||
<li>Sagittis adipiscing eleifend</li>
|
||||
<li>Felis amet dolore viverra</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Definition List -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Definition List</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<dl>
|
||||
<dt>Interdum adipiscing odio</dt>
|
||||
<dd>
|
||||
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.</p>
|
||||
</dd>
|
||||
<dt>Non faucibus ornare mi ut ante</dt>
|
||||
<dd>
|
||||
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.</p>
|
||||
</dd>
|
||||
<dt>Felis amet dolore viverra</dt>
|
||||
<dd>
|
||||
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.</p>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Blockquote -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Blockquote</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<blockquote>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.</blockquote>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Code -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Code</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<pre><code>i = 0;
|
||||
|
||||
while (!deck.isInOrder()) {
|
||||
print 'Iteration ' + i;
|
||||
deck.shuffle();
|
||||
i++;
|
||||
}
|
||||
|
||||
print 'It took ' + i + ' iterations to sort the deck.';
|
||||
</code></pre>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Icons -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Icons</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h4>Style #1</h4>
|
||||
<ul class="icons">
|
||||
<li><a href="#" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="#" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="#" class="icon brands style1 fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="#" class="icon brands style1 fa-github"><span class="label">Github</span></a></li>
|
||||
<li><a href="#" class="icon brands style1 fa-dribbble"><span class="label">Dribbble</span></a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Style #2</h4>
|
||||
<ul class="icons">
|
||||
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="#" class="icon brands style2 fa-github"><span class="label">Github</span></a></li>
|
||||
<li><a href="#" class="icon brands style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Buttons -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Buttons</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button primary">Primary</a></li>
|
||||
<li><a href="#" class="button">Default</a></li>
|
||||
</ul>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button primary large">Large</a></li>
|
||||
<li><a href="#" class="button">Default</a></li>
|
||||
<li><a href="#" class="button small">Small</a></li>
|
||||
</ul>
|
||||
<ul class="actions fit">
|
||||
<li><a href="#" class="button primary 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 fit">Fit</a></li>
|
||||
</ul>
|
||||
<ul class="actions fit small">
|
||||
<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 primary fit small">Fit + Small</a></li>
|
||||
<li><a href="#" class="button fit small">Fit + Small</a></li>
|
||||
</ul>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button primary icon solid fa-search">Icon</a></li>
|
||||
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
|
||||
</ul>
|
||||
<ul class="actions">
|
||||
<li><span class="button primary disabled">Primary</span></li>
|
||||
<li><span class="button disabled">Default</span></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Actions -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Actions</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h4>Default</h4>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button primary">Default</a></li>
|
||||
<li><a href="#" class="button">Default</a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Small</h4>
|
||||
<ul class="actions small">
|
||||
<li><a href="#" class="button primary small">Small</a></li>
|
||||
<li><a href="#" class="button small">Small</a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Stacked</h4>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#" class="button primary">Default</a></li>
|
||||
<li><a href="#" class="button">Default</a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Stacked + Fit</h4>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#" class="button primary fit">Default</a></li>
|
||||
<li><a href="#" class="button fit">Default</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Form -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Form</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<form method="post" action="#">
|
||||
<div class="fields">
|
||||
<div class="field half">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" name="name" id="name" value="" />
|
||||
</div>
|
||||
<div class="field half">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" name="email" id="email" value="" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="department">Department</label>
|
||||
<select name="department" id="department">
|
||||
<option value="">- Category -</option>
|
||||
<option value="1">Manufacturing</option>
|
||||
<option value="2">Shipping</option>
|
||||
<option value="3">Administration</option>
|
||||
<option value="4">Human Resources</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field third">
|
||||
<input type="radio" id="priority-low" name="priority" checked />
|
||||
<label for="priority-low">Low Priority</label>
|
||||
</div>
|
||||
<div class="field third">
|
||||
<input type="radio" id="priority-normal" name="priority" />
|
||||
<label for="priority-normal">Normal Priority</label>
|
||||
</div>
|
||||
<div class="field third">
|
||||
<input type="radio" id="priority-high" name="priority" />
|
||||
<label for="priority-high">High Priority</label>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="message">Message</label>
|
||||
<textarea name="message" id="message" rows="6"></textarea>
|
||||
</div>
|
||||
<div class="field half">
|
||||
<input type="checkbox" id="copy" name="copy" />
|
||||
<label for="copy">Email me a copy of this message</label>
|
||||
</div>
|
||||
<div class="field half">
|
||||
<input type="checkbox" id="human" name="human" checked />
|
||||
<label for="human">I am a human and not a robot</label>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><input type="submit" name="submit" id="submit" value="Send Message" /></li>
|
||||
</ul>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Table -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Table</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h4>Default</h4>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Description</th>
|
||||
<th>Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Item 1</td>
|
||||
<td>Ante turpis integer aliquet porttitor.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 2</td>
|
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||
<td>19.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 3</td>
|
||||
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 4</td>
|
||||
<td>Vitae integer tempus condimentum.</td>
|
||||
<td>19.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 5</td>
|
||||
<td>Ante turpis integer aliquet porttitor.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="2"></td>
|
||||
<td>100.00</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Alternate</h4>
|
||||
<div class="table-wrapper">
|
||||
<table class="alt">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Description</th>
|
||||
<th>Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Item 1</td>
|
||||
<td>Ante turpis integer aliquet porttitor.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 2</td>
|
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||
<td>19.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 3</td>
|
||||
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 4</td>
|
||||
<td>Vitae integer tempus condimentum.</td>
|
||||
<td>19.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item 5</td>
|
||||
<td>Ante turpis integer aliquet porttitor.</td>
|
||||
<td>29.99</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="2"></td>
|
||||
<td>100.00</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Images -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Images</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<h4>Fit</h4>
|
||||
<span class="image fit"><img src="images/banner.jpg" alt="" /></span>
|
||||
|
||||
<h4>Left</h4>
|
||||
<p><span class="image left"><img src="images/pic01.jpg" alt="" /></span>Lorem ipsum dolor sit 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 eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis volutpat lorem ipsum dolor sit amet dolor consequat.</p>
|
||||
|
||||
<h4>Right</h4>
|
||||
<p><span class="image right"><img src="images/pic02.jpg" alt="" /></span>Lorem ipsum dolor sit 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 eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis volutpat lorem ipsum dolor sit amet dolor consequat.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Box -->
|
||||
<section>
|
||||
<header>
|
||||
<h3>Box</h3>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<div class="box">
|
||||
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@ -1,7 +0,0 @@
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
@ -1,14 +0,0 @@
|
||||
<!-- Gallery -->
|
||||
<section class="wrapper style1 align-center" {{ with .id }} id="{{ . }}"{{ end }}>
|
||||
<div class="inner">
|
||||
<h2>{{ .title }}</h2>
|
||||
<p>{{ .content | safeHTML }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Gallery -->
|
||||
<div class="gallery {{ .style }}">
|
||||
{{ range .pictures }}
|
||||
{{ partial "picture" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
@ -1,32 +0,0 @@
|
||||
<head>
|
||||
<title>{{ .Site.Title }}</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
{{ if .Site.Params.favicon }}
|
||||
{{ partial "favicon" }}
|
||||
{{ end }}
|
||||
|
||||
<!-- CSS -->
|
||||
{{ if .Site.IsServer }}
|
||||
{{ $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "scss/main.scss" . | toCSS (dict "targetPath" "css/main.css" "outputStyle" "compressed" "enableSourceMap" false) }}
|
||||
<link rel="stylesheet" href="{{ ($style).RelPermalink }}">
|
||||
{{ else }}
|
||||
{{ $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "scss/main.scss" . | toCSS (dict "targetPath" "css/main.css" "enableSourceMap" false) }}
|
||||
<link rel="stylesheet" href="{{ ($style | minify).RelPermalink }}">
|
||||
{{ end }}
|
||||
{{ if .Site.IsServer }}
|
||||
{{ $noscript := resources.Get "sass/noscript.scss" | resources.ExecuteAsTemplate "noscript.scss" . | toCSS (dict "targetPath" "css/noscript.css" "enableSourceMap" false) }}
|
||||
<noscript><link rel="stylesheet" href="{{ ($noscript).RelPermalink }}" /></noscript>
|
||||
{{ else }}
|
||||
{{ $noscript := resources.Get "sass/noscript.scss" | resources.ExecuteAsTemplate "noscript.scss" . | toCSS (dict "targetPath" "css/noscript.css" "enableSourceMap" false) }}
|
||||
<noscript><link rel="stylesheet" href="{{ ($noscript | minify).RelPermalink }}" /></noscript>
|
||||
{{end}}
|
||||
|
||||
<!-- FontAwesome CSS -->
|
||||
{{ range .Site.Params.asset.fontawesome_css -}}
|
||||
<link rel="stylesheet" href="{{ . | absURL }}">
|
||||
{{- end }}
|
||||
|
||||
</head>
|
||||
@ -1,5 +0,0 @@
|
||||
<section>
|
||||
<span class="icon {{ .style }}"></span>
|
||||
<h3>{{ .name }}</h3>
|
||||
<p>{{ .content }}</p>
|
||||
</section>
|
||||
@ -1,12 +0,0 @@
|
||||
<!-- Items -->
|
||||
<section class="wrapper style1 align-center"{{ with .id }} id="{{ . }}"{{ end }}>
|
||||
<div class="inner">
|
||||
{{ with .title }}<h2>{{ . }}</h2>{{ end }}
|
||||
{{ with .content }}<p>{{ . | safeHTML }}</p>{{ end }}
|
||||
<div class="items {{ .style }}">
|
||||
{{ range .items }}
|
||||
{{ partial "item" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,12 +0,0 @@
|
||||
<article>
|
||||
<a href="{{ .image }}" class="image">
|
||||
<img src="{{ .thumb }}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>{{ .title }}</h3>
|
||||
<p>{{ .content }}</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="button small">{{ .button }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
@ -1,15 +0,0 @@
|
||||
|
||||
{{ $jQuery := resources.Get "js/jquery.min.js" }}
|
||||
{{ $scrollex := resources.Get "js/jquery.scrollex.min.js" }}
|
||||
{{ $scrolly := resources.Get "js/jquery.scrolly.min.js" }}
|
||||
{{ $browser := resources.Get "js/browser.min.js" }}
|
||||
{{ $breakpoints := resources.Get "js/breakpoints.min.js" }}
|
||||
{{ $util := resources.Get "js/util.js" }}
|
||||
{{ $main := resources.Get "js/main.js" }}
|
||||
{{ $demo := resources.Get "js/demo.js" }}
|
||||
|
||||
{{ $js := slice $jQuery $scrollex $scrolly $browser $breakpoints $util $main $demo | resources.Concat "js/bundle.js" | minify }}
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src='{{ $js.RelPermalink }}'></script>
|
||||
|
||||
@ -1,13 +0,0 @@
|
||||
<!-- Spotlight -->
|
||||
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
|
||||
<div class="content">
|
||||
<h2>Spotlight</h2>
|
||||
<p>This is a <strong>Spotlight</strong> element, and it's generally used – as its name implies – to spotlight a particular feature, subject, or pretty much whatever. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#" class="button">Learn More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/spotlight01.jpg" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
@ -1,13 +0,0 @@
|
||||
<!-- Spotlight 02 Right -->
|
||||
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
|
||||
<div class="content">
|
||||
<h2>Spotlight</h2>
|
||||
<p>This is also a <strong>Spotlight</strong> element, and it's here because this demo would look a bit empty with just one spotlight. Like all spotlights, you can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#" class="button">Learn More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/spotlight02.jpg" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
@ -1,13 +0,0 @@
|
||||
<!-- Spotlight 03 Left -->
|
||||
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
|
||||
<div class="content">
|
||||
<h2>Spotlight</h2>
|
||||
<p>And yes, this is another <strong>Spotlight</strong> element, and it's also here because I need to fill a bit of space. Naturally, like any other spotlight, you can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#" class="button">Learn More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/spotlight03.jpg" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
@ -1,13 +0,0 @@
|
||||
<!-- Spotlight -->
|
||||
<section class="spotlight {{ .style }}"{{ with .id }} id="{{ . }}"{{ end }}>
|
||||
<div class="content">
|
||||
{{ with .title }}<h2>{{ . }}</h2>{{ end }}
|
||||
{{ with .content }}<p>{{ . | safeHTML }}</p>{{ end }}
|
||||
{{ with .button }}<ul class="actions stacked">
|
||||
<li><a href="{{ .link }}" class="button smooth-scroll-middle">{{ .label }}</a></li>
|
||||
</ul>{{ end }}
|
||||
</div>
|
||||
{{ with .image }}<div class="image">
|
||||
<img src="{{ . }}" alt="" />
|
||||
</div>{{ end }}
|
||||
</section>
|
||||
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 477 KiB |
|
Before Width: | Height: | Size: 68 KiB |
@ -1,9 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
6
static/css/fontawesome-all.min.css
vendored
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 488 KiB |
|
Before Width: | Height: | Size: 5.1 MiB |
|
Before Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 166 KiB |
|
Before Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 3.2 MiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 7.8 MiB |
|
Before Width: | Height: | Size: 392 KiB |
|
Before Width: | Height: | Size: 314 KiB |
|
Before Width: | Height: | Size: 505 KiB |
6
static/js/fontawesome-all.min.js
vendored
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 105 KiB |
@ -1,19 +0,0 @@
|
||||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||