index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html class="homeBodyHtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <title></title>
  7. <meta name="description" content="" />
  8. <meta name="viewport" content="width=device-width" />
  9. <link rel="stylesheet" href="./style.scss" />
  10. </head>
  11. <body class="homeBodyHtml">
  12. <div class="wrapper">
  13. <div class="container-fluid d-flex flex-column h-100">
  14. <div class="row row-border-red">
  15. <div class="col-12 col-md-4 border-right-red py-3 px-4">
  16. <div class="d-flex align-item-center h-100">
  17. <img src="./logo.svg" width="100%" height="auto" alt="OpenPod" />
  18. </div>
  19. </div>
  20. </div>
  21. <div class="row row-border-red row-central">
  22. <div
  23. class="col-12 col-md-4 border-right-red d-flex align-items-center justify-content-center"
  24. >
  25. <span class="emoji">🤓</span>
  26. </div>
  27. <div class="col-12 col-md-8 h-100 overflow-auto">
  28. <div id="desc" class="pt-md-3 pt-0">
  29. <p class="m-0 pb-3 pb-md-0" lang="it">
  30. <span class="text-danger">OpenPod</span> è il tentativo di
  31. restituire al podcasting la dimensione libera e conviviale che
  32. lo caratterizza sin dai suoi esordi. Siamo un gruppo di persone
  33. che registrano, ascoltano, producono contenuti audio. Ci
  34. piacerebbe condividere soluzioni per farlo con hosting gratuito,
  35. banda illimitata e software libero, senza far ricorso ad
  36. account, profilazione, abbonamenti, pubblicità e
  37. monetizzazione.<br />
  38. <span class="text-danger">Com'è possibile?</span> Combinando
  39. l'hosting di archive.org, alcune buone pratiche per la
  40. produzione dei vostri contenuti e un pizzico di codice.<br />
  41. <span class="text-danger">Perché?</span> Per liberarci dalla
  42. logica prestazione e commerciale che caratterizza il business
  43. model dominante, anche nelle nuove forme di fruizione sonora ma
  44. specialmente per generare comunità. Un progetto aperto e
  45. abilitante, che punta a mettere a fattor comune saperi
  46. comunitari.
  47. </p>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="row row-border-red">
  52. <div
  53. class="col-12 col-md-4 border-right-red d-flex align-items-center justify-content-center"
  54. >
  55. <span class="emoji">🤔</span>
  56. </div>
  57. <div class="col-12 col-md-8 d-flex align-items-center">
  58. <h3 class="my-md-3 my-0 pb-3 pb-md-0 text-center">
  59. <a href="./howto.html"
  60. >Come caricare correttamente il tuo podcast su archive.org?</a
  61. >
  62. </h3>
  63. </div>
  64. </div>
  65. <div class="row row-border-red">
  66. <div
  67. class="col-md-4 col-12 border-right-red d-flex align-items-center justify-content-center"
  68. >
  69. <span class="emoji">🥳</span>
  70. </div>
  71. <div class="col-md-8 col-12 py-3">
  72. <form>
  73. <div class="form-group m-0">
  74. <label for="exampleInputEmail1">
  75. <span class="text-danger"
  76. >Genera il feed RSS del tuo podcast</span
  77. >
  78. pronto per la distribuzione su tutti i servizi e app di
  79. podcasting! Incolla qui sotto il link al tuo <i>item</i> su
  80. <a href="https://archive.org" target="_blank">archive.org</a>
  81. </label>
  82. <input
  83. class="form-control mb-3"
  84. id="exampleInputEmail1"
  85. placeholder="es: https://archive.org/details/il-mio-podcast"
  86. />
  87. <div class="input-group">
  88. <div class="input-group-prepend">
  89. <button
  90. class="btn btn-danger btn-rss text-uppercase"
  91. type="button"
  92. >
  93. copia rss
  94. </button>
  95. </div>
  96. <input
  97. type="text"
  98. class="form-control"
  99. disabled
  100. value="https://openpod.abbiamoundominio.org/podcast/il-mio-podcast"
  101. />
  102. </div>
  103. </div>
  104. </form>
  105. </div>
  106. </div>
  107. <div class="row">
  108. <div class="col-12 d-flex align-items-center">
  109. <p class="my-2">
  110. Una produzione dalla galassia
  111. <a href="https://offtopiclab.org">Off Topica</a> / ospitati dal
  112. <a href="https://unit.abbiamoundominio.org/">Collettivo Unit</a> /
  113. codice sorgente su
  114. <a href="https://git.lattuga.net/offtopic/open-pod"
  115. >git.lattuga.net/offtopic/open-pod</a
  116. >
  117. </p>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </body>
  123. </html>