Copy environment

Coming Soon 

<div class="notification-list"></div>
<div class="cursor-gradient">

</div>
<main class="main  ">
    <div class="coming-soon  ">
        <header class="coming-soon__header">

            <div class="logo  coming-soon__logo">
                <a href="#" class="logo__content logo__link">
                    <figure class="image  logo__image">
                        <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="../../inc/logo/logo.svg" data-sizes="auto" alt="letters-logo" class="image__img lazyload">

                    </figure>

                </a>
            </div>
            <div class="theme-switcher  coming-soon__theme-switcher">
                <button data-theme="theme-beige" class="theme-switcher__button theme-switcher__button--beige">
                    <span class="theme-switcher__icon-cross"></span>
                </button>
                <button data-theme="theme-gray" class="theme-switcher__button theme-switcher__button--gray">
                    <span class="theme-switcher__icon-cross"></span>
                </button>
                <button data-theme="theme-yellow" class="theme-switcher__button theme-switcher__button--yellow">
                    <span class="theme-switcher__icon-cross"></span>
                </button>
                <button data-theme="theme-green" class="theme-switcher__button theme-switcher__button--green">
                    <span class="theme-switcher__icon-cross"></span>
                </button>
                <button data-theme="theme-dark" class="theme-switcher__button theme-switcher__button--dark">
                    <span class="theme-switcher__icon-cross"></span>
                </button>
            </div>
        </header>
        <div class="coming-soon__lines">
            <div class="coming-soon__text-line">
                Coming
            </div>
            <div class="coming-soon__text-line">
                Soon
            </div>
        </div>
        <div class="coming-soon__newsletter-wrapper">
            <div class="coming-soon__message">
                Subscribe to our Newsletter and don’t miss out on latest Letters from Tartu news!
            </div>
            <form class="newsletter  coming-soon__newsletter js-static-newsletter ">
                <div class="newsletter__textfield-container">
                    <input type="text" name="name" value="" class="newsletter__textfield-static">

                    <div class="textfield textfield--label-hidden textfield--border-hidden newsletter__textfield">
                        <div class="textfield__inner">
                            <input class="textfield__input" type="text" id="subscribe" name="subscribe" placeholder="Enter your email here">
                            <label class="textfield__label text-button " for="subscribe">
                                email
                            </label>
                        </div>
                    </div>

                    <button type="submit" class="button  newsletter__button ">

                        <span class="button__inner" data-text="subscribe">
                            <span class="button__text">
                                subscribe

                            </span>
                        </span>
                    </button>

                    <button type="submit" class="button button--icon newsletter__button newsletter__button--mobile ">
                        <span class="button__pseudo-icon">
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-enter-bold"></use>
                            </svg>

                        </span>

                        <span class="button__inner" data-text="">
                            <span class="button__text">

                                <svg class="icon  button__icon">
                                    <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-enter-bold"></use>
                                </svg>

                            </span>
                        </span>
                    </button>
                </div>
                <span class="newsletter__error-message"></span>
            </form>
        </div>
    </div>

</main>
 
{% extends '@view-base' %}

{% block page %}
    {% include '@coming-soon' with {data: data.comingSoon} %}
{% endblock %}

{
  "language": "en-US",
  "data": {
    "comingSoon": {
      "logo": {
        "image": {
          "alt": "letters-logo",
          "srcset": "../../inc/logo/logo.svg"
        },
        "link": "#"
      },
      "themeSwitcher": {
        "palettes": [
          {
            "class": "beige"
          },
          {
            "class": "gray"
          },
          {
            "class": "yellow"
          },
          {
            "class": "green"
          },
          {
            "class": "dark"
          }
        ]
      },
      "lines": [
        {
          "text": "Coming"
        },
        {
          "text": "Soon"
        }
      ],
      "newsletterMessage": "Subscribe to our Newsletter and don’t miss out on latest Letters from Tartu news!",
      "newsletter": {
        "static": true,
        "textfield": {
          "label": "email",
          "id": "subscribe",
          "name": "subscribe",
          "placeholder": "Enter your email here"
        },
        "button": {
          "text": "subscribe"
        },
        "buttonMobile": {
          "icon": "arrow-enter-bold"
        }
      }
    }
  }
}