++ 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
|
||||
|
||||
[fields.title]
|
||||
label = Product Name
|
||||
label = Title of the product
|
||||
type = string
|
||||
size = large
|
||||
|
||||
[fields.subtitle]
|
||||
label = subtitle
|
||||
label = Subtitle
|
||||
type = string
|
||||
|
||||
[fields.description]
|
||||
label = Description
|
||||
type = markdown
|
||||
|
||||
[fields.link]
|
||||
label = Link
|
||||
type = url
|
||||
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">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</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>
|
||||
<form class="form-inline my-2 my-lg-0"
|
||||
action="https://search.ungleich.ch/yacysearch.html" method="get">
|
||||
|
|
@ -52,7 +38,6 @@
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<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">
|
||||
<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>
|
||||
|
||||
<div class="container">
|
||||
<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>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer class="footer mt-auto py-3">
|
||||
<div class="container">
|
||||
|
|
@ -150,7 +57,5 @@
|
|||
<a class=footer-link href="https://ungleich.ch">ungleich</a>.</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,32 +1,81 @@
|
|||
{% extends "layout-2020.html" %}
|
||||
{% block title %}{{ this.title }}{% 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="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
||||
<div class="site-heading">
|
||||
<h1>ungleich store</h1>
|
||||
<hr class="small">
|
||||
<span class="subheading"></span>
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-4">
|
||||
<h3 class="font-weight-normal">{{ this.feature1_title }}</h3>
|
||||
<p class="font-weight-normal">{{ this.feature1_text }}</p>
|
||||
</div>
|
||||
<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>
|
||||
</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 class="row mb-3">
|
||||
<div class="col-md-7">
|
||||
{{ this.content1_text }}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{{this.description}}
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue