++ product stuff

This commit is contained in:
Nico Schottelius 2019-12-30 23:54:13 +01:00
parent ef8e147a9c
commit 615dc56d16
7 changed files with 228 additions and 136 deletions

5
assets/u/static/js/popper.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View 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

View 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
---

View file

@ -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

View file

@ -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

View file

@ -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 Apples 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 Apples 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 Apples 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>

View file

@ -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 %}