#!/bin/bash

cat <<PAGE
<style>
  @media screen and (max-width: 600px) {
    .contato-page {
      text-align: center;
    }
  }
</style>

<article class="contato-page container">
  <section>
    <h1>Formas de contato</h1>

    <p>
      Primeiramente, muito obrigado pelo interesse em me contatar! Você pode ver abaixo minhas
      informações de contato, pode me chamar a qualquer hora, mas só respondo em horário
      comercial. Se for algo urgente, escreva "URGENTE" sem aspas no título da mensagem
      que tentarei fazer de tudo para atendê-lo o quanto antes.
    </p>
  </section>

  <section>
    <address>
      Email: <a href="mailto:snhr.jj@gmail.com">snhr.jj@gmail.com</a> <br />
      Linkedin:
        <a href="https://www.linkedin.com/in/jefferson-j%C3%BAlio-56a30b149">
          https://www.linkedin.com/in/jefferson-j%C3%BAlio-56a30b149
        </a>
    </address>
  </section>

  <section>
    <h1>Ou...</h1>

    <p>
      ...mande uma mensagem por aqui mesmo! Prencha o formulário abaixo que sua
      mensagem será publicada. Ela por padrão será postada na área de mensagens abaixo,
      marque a opção "privado" se não quiser que ela seja visível publicamente,
      neste caso apenas a administração do site, eu, poderá ver.
    </p>

    <form method="POST" action="/post" enctype="multipart/form-data">
      <input type="hidden" name="destination" value="/contato/comments" />

      <label for="name">Nome</label>
      <input id="name" type="text" name="name" value="Anônimo" />
      <br/>

      <label for="email">Email</label>
      <input id="email" type="email" name="email" />
      <br/>

      <label for="message">Mensagem *</label>
      <textarea id="message" name="message" required></textarea>
      <small>Campos marcados com asterisco (*) são obrigatórios</small>
      <br />

      <label for="private-message">Mensagem privada
        <input id="private-message" name="is_private" type="checkbox" />
      </label>

      <br />
      <label for="file-attachment">Anexar arquivo</label>
      <input id="file-attachment" type="file" name="attachment" />

      <input type="submit" value="Enviar" />
    </form>
  </section>
</article>
PAGE

# Celular e Whatsapp: +55 (81) 97326-9793 <br />