++ product stuff
This commit is contained in:
Nico Schottelius
parent
ef8e147a9c
commit
615dc56d16
7 changed files with 228 additions and 136 deletions
5
assets/u/static/js/popper.min.js
vendored
Normal file
5
assets/u/static/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
66
content/u/products/test-desc/contents.lr
Normal file
66
content/u/products/test-desc/contents.lr
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
_discoverable: yes
|
||||||
|
---
|
||||||
|
_hidden: no
|
||||||
|
---
|
||||||
|
_model: testproduct
|
||||||
|
---
|
||||||
|
title: IPv6 VPN
|
||||||
|
---
|
||||||
|
subtitle: The IPv6 VPN allows you to reach the IPv6 Internet from everywhere!
|
||||||
|
---
|
||||||
|
link: http://ungleich.ch
|
||||||
|
---
|
||||||
|
feature1_title: title of feature
|
||||||
|
---
|
||||||
|
feature1_text: text of feature
|
||||||
|
---
|
||||||
|
feature3_title: title of feature
|
||||||
|
---
|
||||||
|
feature3_text: text of feature
|
||||||
|
---
|
||||||
|
offer1_title: title of offer
|
||||||
|
---
|
||||||
|
offer1_text: text of offer
|
||||||
|
---
|
||||||
|
offer1_link: text of offer
|
||||||
|
---
|
||||||
|
offer2_title: title of offer
|
||||||
|
---
|
||||||
|
offer2_text: text of offer
|
||||||
|
---
|
||||||
|
offer2_link: link of offer
|
||||||
|
---
|
||||||
|
offer3_title: title of offer
|
||||||
|
---
|
||||||
|
offer3_text: text of offer
|
||||||
|
---
|
||||||
|
offer3_link: link of offer
|
||||||
|
---
|
||||||
|
upper_content: upper content
|
||||||
|
---
|
||||||
|
lower_content: lower content
|
||||||
|
---
|
||||||
|
content1_text: Text of the first content block
|
||||||
|
---
|
||||||
|
content1_image: https://hack4glarus.ch/static/ungleich_page/img/logo_black.svg
|
||||||
|
---
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
description:
|
||||||
|
|
||||||
|
Something about the product
|
||||||
|
|
||||||
|
## Feature 1
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
## Feature 2
|
||||||
|
|
||||||
|
Something else
|
||||||
|
|
||||||
|
## Feature 3
|
||||||
|
|
||||||
|
and so on
|
||||||
|
|
||||||
|
so on
|
||||||
46
content/u/products/test-nondesc/contents.lr
Normal file
46
content/u/products/test-nondesc/contents.lr
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
_discoverable: yes
|
||||||
|
---
|
||||||
|
_hidden: no
|
||||||
|
---
|
||||||
|
_model: testproduct
|
||||||
|
---
|
||||||
|
title: IPv6 VPN
|
||||||
|
---
|
||||||
|
subtitle: The IPv6 VPN allows you to reach the IPv6 Internet from everywhere!
|
||||||
|
---
|
||||||
|
link: http://ungleich.ch
|
||||||
|
---
|
||||||
|
feature1_title: title of feature
|
||||||
|
---
|
||||||
|
feature1_text: text of feature
|
||||||
|
---
|
||||||
|
feature2_title: title of feature
|
||||||
|
---
|
||||||
|
feature2_text: text of feature
|
||||||
|
---
|
||||||
|
feature3_title: title of feature
|
||||||
|
---
|
||||||
|
feature3_text: text of feature
|
||||||
|
---
|
||||||
|
offer1_title: title of offer
|
||||||
|
---
|
||||||
|
offer1_text: text of offer
|
||||||
|
---
|
||||||
|
offer1_link: text of offer
|
||||||
|
---
|
||||||
|
offer2_title: title of offer
|
||||||
|
---
|
||||||
|
offer2_text: text of offer
|
||||||
|
---
|
||||||
|
offer2_link: link of offer
|
||||||
|
---
|
||||||
|
offer3_title: title of offer
|
||||||
|
---
|
||||||
|
offer3_text: text of offer
|
||||||
|
---
|
||||||
|
offer3_link: link of offer
|
||||||
|
---
|
||||||
|
upper_content: upper content
|
||||||
|
---
|
||||||
|
lower_content: lower content
|
||||||
|
---
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
_discoverable: yes
|
|
||||||
---
|
|
||||||
_hidden: no
|
|
||||||
---
|
|
||||||
_model: testproduct
|
|
||||||
---
|
|
||||||
title: IPv6 VPN
|
|
||||||
---
|
|
||||||
subtitle: The IPv6 VPN allows you to reach the IPv6 Internet from everywhere!
|
|
||||||
---
|
|
||||||
link: http://ungleich.ch
|
|
||||||
---
|
|
||||||
description: This is description
|
|
||||||
---
|
|
||||||
teaser: This is teaser
|
|
||||||
|
|
@ -4,15 +4,51 @@ label = {{ this.title }}
|
||||||
hidden = yes
|
hidden = yes
|
||||||
|
|
||||||
[fields.title]
|
[fields.title]
|
||||||
label = Product Name
|
label = Title of the product
|
||||||
type = string
|
type = string
|
||||||
size = large
|
size = large
|
||||||
|
|
||||||
[fields.subtitle]
|
[fields.subtitle]
|
||||||
label = subtitle
|
label = Subtitle
|
||||||
type = string
|
type = string
|
||||||
|
|
||||||
|
[fields.description]
|
||||||
|
label = Description
|
||||||
|
type = markdown
|
||||||
|
|
||||||
[fields.link]
|
[fields.link]
|
||||||
label = Link
|
label = Link
|
||||||
type = url
|
type = url
|
||||||
width = 1/4
|
width = 1/4
|
||||||
|
|
||||||
|
[fields.feature1_title]
|
||||||
|
label = Feature1 Title
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.feature2_title]
|
||||||
|
label = Feature2 Title
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.feature3_title]
|
||||||
|
label = Feature3 Title
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.feature1_text]
|
||||||
|
label = Feature1 Text
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.feature2_text]
|
||||||
|
label = Feature2 Text
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.feature3_text]
|
||||||
|
label = Feature3 Text
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.content1_text]
|
||||||
|
label = Content1 Text
|
||||||
|
type = string
|
||||||
|
|
||||||
|
[fields.content1_image]
|
||||||
|
label = Content1 Image
|
||||||
|
type = url
|
||||||
|
|
|
||||||
|
|
@ -28,20 +28,6 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#">Link</a>
|
<a class="nav-link" href="#">Link</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
||||||
Dropdown
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
||||||
<a class="dropdown-item" href="#">Action</a>
|
|
||||||
<a class="dropdown-item" href="#">Another action</a>
|
|
||||||
<div class="dropdown-divider"></div>
|
|
||||||
<a class="dropdown-item" href="#">Something else here</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
<form class="form-inline my-2 my-lg-0"
|
<form class="form-inline my-2 my-lg-0"
|
||||||
action="https://search.ungleich.ch/yacysearch.html" method="get">
|
action="https://search.ungleich.ch/yacysearch.html" method="get">
|
||||||
|
|
@ -52,7 +38,6 @@
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
|
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
|
||||||
<div class="col-md-5 p-lg-5 mx-auto my-5">
|
<div class="col-md-5 p-lg-5 mx-auto my-5">
|
||||||
<h1 class="display-4 font-weight-normal">{{ self.title() }}</h1>
|
<h1 class="display-4 font-weight-normal">{{ self.title() }}</h1>
|
||||||
|
|
@ -64,85 +49,7 @@
|
||||||
<div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
|
<div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
{% block content %}{% endblock %}
|
||||||
<div class="row mb-5">
|
|
||||||
<div class="col-md-4">
|
|
||||||
<h3 class="font-weight-normal">Feature1</h3>
|
|
||||||
<p class="font-weight-normal">And an even wittier subheading
|
|
||||||
to boot. Jumpstart your marketing efforts with this example based
|
|
||||||
on Apple’s marketing pages.</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<h3 class="font-weight-normal">feature2</h3>
|
|
||||||
<p class="font-weight-normal">And an even wittier subheading
|
|
||||||
to boot. Jumpstart your marketing efforts with this example based
|
|
||||||
on Apple’s marketing pages.</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<h3 class="font-weight-normal">feature3</h3>
|
|
||||||
<p class="font-weight-normal">And an even wittier subheading
|
|
||||||
to boot. Jumpstart your marketing efforts with this example based
|
|
||||||
on Apple’s marketing pages.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row mb-3">
|
|
||||||
<div class="col-md-7">
|
|
||||||
UPPER-CONTENT non caps!
|
|
||||||
</div>
|
|
||||||
<div class="col-md-5">
|
|
||||||
<img src="https://hack4glarus.ch/static/ungleich_page/img/logo_black.svg" class="img-fluid">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row mb-3">
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">Offer 1</h5>
|
|
||||||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
||||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">Offer 2</h5>
|
|
||||||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
||||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">Offer 3</h5>
|
|
||||||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
||||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr/>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row mb-3">
|
|
||||||
<div class="col-md-7">
|
|
||||||
LOWER-CONTENT
|
|
||||||
</div>
|
|
||||||
<div class="col-md-5">
|
|
||||||
<img src="https://hack4glarus.ch/static/ungleich_page/img/logo_black.svg" class="img-fluid">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<footer class="footer mt-auto py-3">
|
<footer class="footer mt-auto py-3">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
@ -150,7 +57,5 @@
|
||||||
<a class=footer-link href="https://ungleich.ch">ungleich</a>.</span>
|
<a class=footer-link href="https://ungleich.ch">ungleich</a>.</span>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,33 +1,82 @@
|
||||||
{% extends "layout-2020.html" %}
|
{% extends "layout-2020.html" %}
|
||||||
{% block title %}{{ this.title }}{% endblock %}
|
{% block title %}{{ this.title }}{% endblock %}
|
||||||
{% block subtitle %}{{ this.subtitle }}{% endblock %}
|
{% block subtitle %}{{ this.subtitle }}{% endblock %}
|
||||||
{% block body %}
|
|
||||||
<header class="intro-header" style="background-image: url('/u/static/images/home-bg.jpg');">
|
{% block content %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row mb-5">
|
||||||
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
<div class="col-md-4">
|
||||||
<div class="site-heading">
|
<h3 class="font-weight-normal">{{ this.feature1_title }}</h3>
|
||||||
<h1>ungleich store</h1>
|
<p class="font-weight-normal">{{ this.feature1_text }}</p>
|
||||||
<hr class="small">
|
</div>
|
||||||
<span class="subheading"></span>
|
<div class="col-md-4">
|
||||||
|
<h3 class="font-weight-normal">{{ this.feature2_title }}</h3>
|
||||||
|
<p class="font-weight-normal">{{ this.feature2_text }}</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<h3 class="font-weight-normal">{{ this.feature3_title }}</h3>
|
||||||
|
<p class="font-weight-normal">{{ this.feature3_text }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-7">
|
||||||
|
{{ this.content1_text }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-5">
|
||||||
|
{% if this.content1_image %}
|
||||||
|
<img src="{{ this.content1_image }}" class="img-fluid">
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Offer 1</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Offer 2</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Offer 3</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="panel panel-primary">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title">{{this.name}}</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
{{this.description}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-7">
|
||||||
|
{{ this.content2_text }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-5">
|
||||||
|
{% if this.content2_image %}
|
||||||
|
<img src="{{ this.content2_image }}" class="img-fluid">
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue