Emmaboshi 2019 Styleguide

Form 

<form class="" action="">
    <fieldset class="">
        <label>First name<span>*</span></label>
        <input type="text" name="firstname" value="Mickey Mouse" placeholder="First">
    </fieldset>

    <fieldset class="">
        <label>Last name</label>
        <input type="text" name="lastname" placeholder="Last">
    </fieldset>

    <fieldset class="">
        <label>Password</label>
        <input type="password">
    </fieldset>

    <fieldset class="">
        <label>Phone</label>
        <input type="tel">
    </fieldset>

    <fieldset class="">
        <input type="radio" id="radio1" name="radiogroup" value="radio1">
        <label for="radio1">Radio 1</label>

        <input type="radio" id="radio2" name="radiogroup" value="radio2">
        <label for="radio2">Radio 2</label>
    </fieldset>

    <fieldset class="">
        <input type="checkbox" id="check1">
        <label for="check1">Check 1</label>

        <input type="checkbox" id="check2">
        <label for="check2">Check 2</label>

        <input type="checkbox" id="check3">
        <label for="check3">Check 3</label>
    </fieldset>

    <fieldset class="">
        <input type="number" name="quantity" min="1" max="5">
        <input type="month" name="bdaymonth">
        <input type="datetime-local" name="bdaytime">
        <input type="date" name="bday">
        <textarea name="textarea" form="usrform" placeholder="Place text here..."></textarea>
    </fieldset>

    <input class="c-button" type="submit" value="Send">
</form>
 
<form class="{{ styleModifier }}" action="">
  <fieldset class="">
    <label>First name<span>*</span></label>
    <input type="text" name="firstname" value="Mickey Mouse" placeholder="First">
  </fieldset>

  <fieldset class="">
    <label>Last name</label>
    <input type="text" name="lastname" placeholder="Last">
  </fieldset>

  <fieldset class="">
    <label>Password</label>
    <input type="password">
  </fieldset>

  <fieldset class="">
    <label>Phone</label>
    <input type="tel">
  </fieldset>

  <fieldset class="">
      <input type="radio" id="radio1" name="radiogroup" value="radio1">
      <label for="radio1">Radio 1</label>

      <input type="radio" id="radio2" name="radiogroup" value="radio2">
      <label for="radio2">Radio 2</label>
  </fieldset>

  <fieldset class="">
      <input type="checkbox" id="check1">
      <label for="check1">Check 1</label>

      <input type="checkbox" id="check2">
      <label for="check2">Check 2</label>

      <input type="checkbox" id="check3">
      <label for="check3">Check 3</label>
  </fieldset>

  <fieldset class="">
    <input type="number" name="quantity" min="1" max="5">
    <input type="month" name="bdaymonth">
    <input type="datetime-local" name="bdaytime">
    <input type="date" name="bday">
    <textarea name="textarea" form="usrform" placeholder="Place text here..."></textarea>
  </fieldset>

  <input class="c-button" type="submit" value="Send">
</form>
 
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview"
}

There are no notes for this item.