Reset project
This commit is contained in:
82
web/templates/base.html
Normal file
82
web/templates/base.html
Normal file
@@ -0,0 +1,82 @@
|
||||
{{define "base"}}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta
|
||||
name="description"
|
||||
content="DyeForYarn GmbH. Color your lace - High Quality Yarn in vivid colors"
|
||||
/>
|
||||
<meta name="author" content="LIKWID Software" />
|
||||
|
||||
<title>{{.Title}}</title>
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||
<link href="/static/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="/static/css/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link href="/static/css/app.css" rel="stylesheet" />
|
||||
{{block "stylesheets" .}} {{end}}
|
||||
</head>
|
||||
<body>
|
||||
<nav
|
||||
id="navbar-main"
|
||||
class="navbar navbar-expand-lg fixed-top navbar-light bg-white"
|
||||
role="navigation"
|
||||
>
|
||||
<a class="navbar-brand page-scroll" href="#page-top">
|
||||
<img alt="Brand" src="/static/img/logo-small.png" />
|
||||
DyeForYarn
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-toggle="collapse"
|
||||
data-target="#navbarNav"
|
||||
aria-controls="navbarNav"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
{{block "navigation" .}} {{end}}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{{block "header" .}} {{end}}
|
||||
|
||||
<main>
|
||||
<div class="container">{{block "content" .}} {{end}}</div>
|
||||
</main>
|
||||
|
||||
{{block "footer" .}}
|
||||
<footer class="site-footer bg-light">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">Copyright © DyeForYarn</li>
|
||||
<li class="footer-list-item">
|
||||
<a
|
||||
class="link-secondary fs-5"
|
||||
href="/imprint"
|
||||
title="Imprint"
|
||||
rel="nofollow"
|
||||
>Imprint</a
|
||||
>
|
||||
</li>
|
||||
<li class="footer-list-item">
|
||||
<a
|
||||
class="link-secondary fs-5"
|
||||
href="/privacy"
|
||||
title="Privacy Policy"
|
||||
rel="nofollow"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
{{end}} {{block "javascript" .}}
|
||||
<script src="/static/js/bootstrap.min.js"></script>
|
||||
{{end}}
|
||||
</body>
|
||||
</html>
|
||||
{{end}}
|
||||
@@ -1,7 +1,422 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-screen">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>{{.Title}}</title>
|
||||
<!-- ... -->
|
||||
{{define "header"}}
|
||||
<header class="intro">
|
||||
<div class="intro-body">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col">
|
||||
<div class="center-block">
|
||||
<img
|
||||
src="/static/img/logo.png"
|
||||
alt="DyeForYarn Logo"
|
||||
class="rounded-circle"
|
||||
/>
|
||||
</div>
|
||||
<a href="#about" class="btn btn-circle page-scroll">
|
||||
<i class="bi bi-caret-down animated"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{end}} {{define "navigation"}}
|
||||
<ul class="navbar-nav mr-auto pl-5">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link page-scroll" href="#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
href="#newsmodal"
|
||||
data-toggle="modal"
|
||||
data-target="#newsmodal"
|
||||
>News</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/anniversary-en">10 Years DyeForYarn</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle"
|
||||
data-toggle="dropdown"
|
||||
role="button"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false"
|
||||
>
|
||||
Info
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item page-scroll" href="#owners">Owners</a>
|
||||
<a class="dropdown-item page-scroll" href="#production">Production</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle"
|
||||
data-toggle="dropdown"
|
||||
role="button"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false"
|
||||
>
|
||||
Where to buy
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item page-scroll" href="#etsy">Online at Etsy</a>
|
||||
<a class="dropdown-item page-scroll" href="#shop">Shop in Fuerth</a>
|
||||
<a class="dropdown-item page-scroll" href="#stockists"
|
||||
>Stockists worldwide</a
|
||||
>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link page-scroll" href="#patterns">Free Patterns</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle"
|
||||
data-toggle="dropdown"
|
||||
role="button"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i class="fas fa-flag"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" id="langSelect">
|
||||
<a class="dropdown-item" href="/lang/en">en</a>
|
||||
<a class="dropdown-item" href="/lang/de">de</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{end}} {{define "content"}}
|
||||
{{/* About Section */}}
|
||||
<section id="about" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>About DyeForYarn</h2>
|
||||
<p class="text-justify">
|
||||
DyeForYarn stands for hand dyed yarns of highest quality in
|
||||
unique color ways. We dye small lots of no more than six
|
||||
skeins, which are often one of a kind. Our Yarns are mostly
|
||||
lace weight yarns, suited for elegant shawls and stoles,
|
||||
fine cardigans and light sweaters. Our yarns will
|
||||
glamorize all your projects!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Dyeing Yarn Section */}}
|
||||
<section id="production" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Dyeing yarn</h2>
|
||||
<p class="text-justify">
|
||||
All our yarns are hand dyed by ourselves in our Dyeing
|
||||
lab in Fuerth. We use natural yarns, e.g. silk, merino,
|
||||
alpaca or cashmere, all of highest quality. We buy our
|
||||
yarns in the UK, Italy and China and use dyes from
|
||||
Ashford.
|
||||
</p>
|
||||
|
||||
<h3 class="mt-3">The raw yarns</h3>
|
||||
<div class="row">
|
||||
<div class="col-5">
|
||||
<img class="img-fluid rounded float-left" src="/static/img/wolle.jpg" alt="Raw wool cone">
|
||||
</div>
|
||||
<div class="col">
|
||||
<p class="text-justify">
|
||||
We get our yarns on cones or already skeined in 100g hanks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="mt-3">Skeining</h3>
|
||||
<div class="row">
|
||||
<div class="col-5">
|
||||
<img class="img-fluid rounded float-left" src="/static/img/wickeln.jpg" alt="Skein production">
|
||||
</div>
|
||||
<div class="col">
|
||||
<p class="text-justify">
|
||||
For dyeing purposes only skeins can be used, so we skein the cone
|
||||
yarn bases first (mostly in 100g hanks).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="mt-3">Mixing the colors</h3>
|
||||
<div class="row">
|
||||
<div class="col-5">
|
||||
<img class="img-fluid rounded float-left" src="/static/img/waage.jpg" alt="Weighing">
|
||||
</div>
|
||||
<div class="col">
|
||||
<p class="text-justify">
|
||||
Ashford provides 12 dyes which we use to get
|
||||
the whole spectrum of our color range. Many of
|
||||
our colors are one of a kind, but we also have
|
||||
some recipes to reproduce certain color ways.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="mt-3">Dyeing our yarns</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="text-justify">
|
||||
Our dye lots are small, mostly three to six
|
||||
skeins per lot. We use white vinegar to fixate
|
||||
the colors. After the dyeing process we wash
|
||||
the yarns thoroughly in wool/silk washing
|
||||
detergent.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded mx-auto d-block" src="/static/img/action.jpg" alt="Dying the wool">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* About us */}}
|
||||
<section id="owners" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>The owners: Nicole and Cordula</h2>
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<p class="text-justify">
|
||||
In our "old life" we were scientists for biology and
|
||||
molecular medicine at University Erlangen-Nuremberg.
|
||||
As science itself is a rather unsatisfying business we
|
||||
started knitting lace shawls in our free time, which
|
||||
soon lead to a need for lighter weight yarns. At that
|
||||
time we weren't able to find lace yarns in Germany so
|
||||
we decided to try dying them on our own. A new hobby
|
||||
was born that soon became a passion.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded float-right" src="/static/img/niggi.jpg" alt="Nicole">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded float-left" src="/static/img/cordula.jpg" alt="Cordula">
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<p class="text-justify">
|
||||
After a while we were producing so many new skeins
|
||||
that we thought of selling them on etsy. In the
|
||||
beginning of 2010 Cordula opened the first etsy
|
||||
shop DyeForYarn, where we still sell our silky yarn
|
||||
bases. In October 2010 Nicole opened the second
|
||||
etsy shop, DyeForWool, where you can find our
|
||||
woolly yarn bases. In the first year both of our
|
||||
shops grew and we added many new yarn bases. After
|
||||
18 months of hard work and a lot of fun the scope
|
||||
of production became so large that we decided to
|
||||
quit our day job and start our own business with
|
||||
a brick and mortar shop.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<p class="text-justify">
|
||||
On 26th of November 2011 we opened our
|
||||
brick and mortar shop in Fuerth, near
|
||||
Nuremberg, where we dye and sell our
|
||||
yarns.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Pattern Section */}}
|
||||
<section id="patterns" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Knitting Patterns</h2>
|
||||
<p class="text-justify">
|
||||
Here you can download knitting patterns from us free of charge. Click on images for pdf files.
|
||||
</p>
|
||||
|
||||
<h3 class="mt-3">Tree of Light</h3>
|
||||
<a href="docs/tree-of-light-en.pdf">
|
||||
<img class="img-fluid rounded" src="/static/img/TreeOfLight.jpg" alt="Tree of Light Pattern">
|
||||
</a>
|
||||
|
||||
<h3 class="mt-5">Bromeliad</h3>
|
||||
<a href="docs/bromeliad-shawl-en.pdf">
|
||||
<img class="img-fluid rounded" src="/static/img/Bromeliad.jpg" alt="Bromeliad Pattern">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Shop Section */}}
|
||||
<section id="shop" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Our brick and mortar shop</h2>
|
||||
<img class="img-fluid rounded" src="/static/img/laden.jpg" alt="Shop">
|
||||
|
||||
<p class="mt-3">
|
||||
<address>
|
||||
<strong>DyeForYarn GmbH</strong><br>
|
||||
Hirschenstr. 31<br>
|
||||
90762 Fürth<br>
|
||||
Germany<br>
|
||||
</address>
|
||||
</div>
|
||||
|
||||
<h3 class="mt-3">Opening hours</h3>
|
||||
|
||||
<div style="color:blue;">
|
||||
<strong>Currently no regular opening hours please check our <a href="#newsmodal" data-toggle="modal" data-target="#newsmodal">News</a>. </strong>
|
||||
<p>
|
||||
and by appointment (Fon +49 911 - 97 79 16 93)
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For planned holidays, wool fairs and short-term closures please check our
|
||||
<a href="#newsmodal" data-toggle="modal" data-target="#newsmodal">News</a>.
|
||||
</p>
|
||||
|
||||
<h3 class="mt-3">How you can find us:</h3>
|
||||
|
||||
<p class="text-left">
|
||||
<strong>Railway:</strong>
|
||||
Main railway station Fuerth, walking distance to our shop 10min
|
||||
</p>
|
||||
<p class="text-left">
|
||||
<strong>Underground:</strong>
|
||||
Starting at main railway station Nuremberg, go by Linie 1, Station Rathaus (Exit City-Center), walking distance to our shop 3min
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 mt-3">
|
||||
<h3>What we offer:</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-4 col-md-5">
|
||||
<p class="text-left"><strong>Lace weight yarns</strong></p>
|
||||
<ul>
|
||||
<li>Tussah silk</li>
|
||||
<li>Mulberry silk</li>
|
||||
<li>Silk/cashmere</li>
|
||||
<li>Babyalpaca/silk 70/30</li>
|
||||
<li>Merino/silk/cashmere 70/20/10</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-5">
|
||||
<p class="text-left"><strong>Fingering weight yarn</strong></p>
|
||||
<ul>
|
||||
<li>Tussah silk</li>
|
||||
<li>Mulberry silk</li>
|
||||
<li>Merino/Babycamel</li>
|
||||
<li>BFL sock superwash</li>
|
||||
<li>Merino/silk sock superwash 75/25</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-4 col-md-5">
|
||||
<p class="text-left"><strong>Miscellaneous</strong></p>
|
||||
<ul>
|
||||
<li>Knitting patterns for shawls and gloves</li>
|
||||
<li>SOAK washing detergent</li>
|
||||
<li>Ceramic yarn bowls</li>
|
||||
<li>Knit-Pro knitting needles</li>
|
||||
<li>Stitch markers and project bags </li>
|
||||
<li>Hand made wire-wrapping jewelery</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-5">
|
||||
<p class="text-left"><strong>DK weight yarn</strong></p>
|
||||
<ul>
|
||||
<li>Silk/Merino superwash 50/50</li>
|
||||
<li>Merino (RosyGreenWool) Superwash</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Etsy Section */}}
|
||||
<section id="etsy" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Our Etsy online shops</h2>
|
||||
|
||||
<p>
|
||||
To get to our Etsy shops please click the links below.
|
||||
</p>
|
||||
|
||||
<h3><a href="http://www.etsy.com/shop/DyeForYarn">DyeForYarn Shop</a></h3>
|
||||
|
||||
<h3><a href="http://www.etsy.com/shop/DyeForWool">DyeForWool Shop</a></h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Stockists Section */}}
|
||||
<section id="stockists" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Stockists selling DyeForYarn</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/* Contact Section */}}
|
||||
<section id="contact" class="container content-section">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2>Contact DyeForYarn</h2>
|
||||
<address>
|
||||
<strong>DyeForYarn GmbH</strong><br>
|
||||
Hirschenstr. 31<br>
|
||||
90762 Fürth<br>
|
||||
Germany<br>
|
||||
Phone: +49 911 9779 1693<br>
|
||||
Fax: +49 911 9779 1692
|
||||
</address>
|
||||
<p><a href="mailto:dyeforyarn@googlemail.com">dyeforyarn@googlemail.com</a>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="https://facebook.com/pages/DyeForYarn-GmbH/279214498944257" class="btn btn-outline-primary btn-lg" role="button">
|
||||
<i class="fab fa-facebook"></i>
|
||||
<span class="network-name">Facebook</span>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/dyeforyarn_gmbh/" class="btn btn-outline-primary btn-lg" role="button">
|
||||
<i class="fab fa-instagram"></i>
|
||||
<span class="network-name">Instagram</span>
|
||||
</a>
|
||||
<a href="https://twitter.com/dyeforyarn" class="btn btn-outline-primary btn-lg" role="button">
|
||||
<i class="fab fa-twitter"></i>
|
||||
<span class="network-name">Twitter</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
DyeForYarn group on ravelry:
|
||||
<br>
|
||||
<a href="http://www.ravelry.com/groups/dyeforyarn">www.ravelry.com/groups/dyeforyarn</a>
|
||||
<br>
|
||||
Ravelry-Username Cordula: Haramis17
|
||||
<br>
|
||||
Ravelry-Username Nicole: Kalessin
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
|
||||
Reference in New Issue
Block a user