{{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&uuml;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&uuml;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}}
