<body>
    <div class="wrapper"><div class="container-fluid">
      <div class="row row-border-red">
        <div class="col-12 col-md-2 border-right-red py-3 px-4">
          <div class="d-flex align-item-center flex-column h-100">
            <a href="/">
              <img src="<%= Routes.static_path(@conn, "/images/logo.svg") %>" width="100%" height="auto" alt="OpenPod" />
            </a>
          </div>
        </div>
      </div>
      <div class="row row-border-red row-central">
        <div class="col-12 col-md-2 border-right-red d-flex justify-content-center"></div>
        <div class="col-12 col-md-8">
          <h3 class="my-md-3 my-0 py-3 py-md-0">
            Come caricare correttamente il tuo podcast su archive.org?
          </h3>
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">01.</h4>
        </div>
        <div class="col-12 col-md-8 pt-3">
          <p>
            Esportare la/le traccia/tracce in formato .mp3 dal tuo editor
            audio preferito (es:
            <a href="https://www.audacityteam.org/download/">Audacity</a>)
            aggiungendo i seguenti tag iD3:
          </p>
          <ul>
            <li><i>title</i> -> il titolo dell'episodio</li>
            <li><i>creator</i> -> l'autore dell'episodio/podcast</li>
            <li><i>album</i> -> il nome del podcast</li>
            <li><i>track</i> -> il numero di puntata nome del file</li>
          </ul>
          <p>
            Un consiglio su come nominare i files:
            titolo_podcast-##-titolo_puntata.mp3 (es:
            fuori_fase-01-diritto_alla_città.mp3)
          </p>
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">02.</h4>
        </div>
        <div class="col-md-8 col-12 pt-3">
          <p>
            Crea un account su
            <a href="https://archive.org/account/signup">archive.org</a>, è
            gratuito e non sfruttano commercialmente i tuoi dati
            <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/create.png") %>" />
          </p>
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">03.</h4>
        </div>
        <div class="col-md-8 col-12 pt-3">
          <p>
            Crea un nuovo
            <a href="https://archive.org/create/"><i>item</i></a> e carica una
            o più tracce audio
            <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/upload.png") %>" />
            Una volta terminato l'upload ti verrà chiesto di inserire i
            metadati che OpenPod interpretà nel sequente modo
          </p>
          <ul>
            <li>Page title -> titolo del podcast</li>
            <li>
              Page url -> i link al tuo podcast (quello da dare in pasto ad
              OpenpPod), possibilemente senza spazi e/o caratteri speciali
              (accenti, simboli, etc). <b>NON</b> si può modificare in seguito
            </li>
            <li>Description -> una descrizione del podcast</li>
            <li>
              Subject tags -> delle parole chiave che identificano il
              contenuto del podcast
            </li>
            <li>Creator -> l'autore del podcast</li>
            <li>Collection -> community audio (default)</li>
            <li>Language -> la lingua del podcast</li>
            <li>License -> la licenza del podcast</li>
          </ul>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/metadata.png") %>" />
          <p>
            Successivamente clicca su <i>Add Additional Meta</i> e aggiungi le
            seguenti <i>key:value</i>:
          </p>
          <ul>
            <li>op_link -> il sito di riferimento del podcast (opzionale)</li>
            <li>
              op_category -> massimo 3 categorie (vedi elenco in fondo alla
              pagina) separate da punto e virgola
            </li>
            <li>
              op_explicit -> nel caso tu voglia esplicitare che il contenuto
              del tuo podcast tratta contenuti sensibili inserire
              <i>yes</i> contrariamente inserire <i>no</i>
            </li>
          </ul>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/additional.png") %>" />
          <p>
            A questo punto carica l'immagine di copertina podcast: l'immagine
            deve essere del formato .jpg o .png. La dimensione consigliata è
            3000x3000 pixels, minimo 1300x1300 pixels. Per terminare cliccate
            sul pulsante <i>Upload and create your item</i>
          </p>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/final.png") %>" />
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">04.</h4>
        </div>
        <div class="col-12 col-md-8 pt-3">
          <p class="text-danger">
            Tutti i passaggi e le informazioni richieste fino ad ora sono
            obbligatorie, se ci sono delle mancanze il tuo feed RSS potrebbe
            non risulatare valido per alcune piattaforme di distribuzione
          </p>
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">05.</h4>
        </div>
        <div class="col-12 col-md-8 pt-3">
          <p>
            Per modificare e aggiornare il tuo podcast clicca su edit nella
            pagina dell'item:
          </p>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/edit.png") %>" />
          <p>
            se vuoi aggiungere un nuovo episodio al podcast:
          </p>
          <ul>
            <li>cliccare su <i>edit</i> nella pagina dell'<i>item</i></li>
            <li>cliccare su <i>change the files</i></li>
            <li>cliccare su <i>add a file</i></li>
            <li>
              aggiungere uno o più file e cliccare su
              <i>add files to existing item</i>
            </li>
            <li><b>se il tuo feed non si aggiorna puoi forzarlo aggiungendo <code>?reload</code> in fondo all'url</b></li>
          </ul>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/nuovo.png") %>" />
          <p>
            se non viene riconusciuta l'immagine come copertina:
          </p>
          <ul>
            <li>cliccare <i>edit</i> nella pagina dell'<i>item</i></li>
            <li>
              cliccare su <i>change the information</i> scorrere verso il
              basso fino ad individuare il file dell'immagine
            </li>
            <li>in <i>format</i> selezionare <i>Item image</i>></li>
            <li>cliccare su <i>submit</i> in fondo alla pagina</li>
          </ul>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/cover.png") %>" />
          <p>
            se vuoi cambiare le infomazioni precedentemente inserite:
          </p>
          <ul>
            <li>cliccare su <i>edit</i> nella pagina dell'item</li>
            <li>cliccare su <i>change the information</i></li>
            <li>
              fare le modifiche desiderate e cliccare su <i>submit</i> in
              fondo alla pagina
            </li>
          </ul>
          <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/correggi.png") %>" />
        </div>
      </div>
      <div class="row row-border-red">
        <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
          <h4 class="m-0 pt-3">06.</h4>
        </div>
        <div class="col-12 col-md-8 pt-3">
          <p>
            Elenco delle categorie. Devono essere solo ed esclusivamente
            queste elencate. Devono essere mantenute anche le maiuscole.
          </p>
          <ul>
            <li>Arts</li>
            <li>Business</li>
            <li>Comedy</li>
            <li>Education</li>
            <li>Fiction</li>
            <li>Government</li>
            <li>History</li>
            <li>Health & Fitness</li>
            <li>Kids & Family</li>
            <li>Leisure</li>
            <li>Music</li>
            <li>News</li>
            <li>Religion & Spirituality</li>
            <li>Science</li>
            <li>Society & Culture</li>
            <li>Sports</li>
            <li>Technology</li>
            <li>True Crime</li>
            <li>TV & Film</li>
          </ul>
        </div>
      </div>
      <div class="row">
        <div class="col-12 d-flex align-items-center">
          <p class="my-2">
            Una produzione dalla galassia
            <a href="https://offtopiclab.org">Off Topica</a> / ospitati dal
            <a href="https://unit.abbiamoundominio.org/">Collettivo Unit</a> /
            codice sorgente su
            <a href="https://git.lattuga.net/offtopic/open-pod">git.lattuga.net/offtopic/open-pod</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</body>
