diff --git a/.gitignore b/.gitignore index 24f06e4..9b0acda 100644 --- a/.gitignore +++ b/.gitignore @@ -28,3 +28,4 @@ build/Release # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git node_modules +dist diff --git a/README.md b/README.md index d64534c..2ba98f0 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,13 @@ # open-pod-draft-site +Install [Parceljs](https://parceljs.org/) + +`npm install -g parcel-bundler` + +Install dependencies + +`npm install` + +Run dev + +`npm run start` diff --git a/_variables.scss b/_variables.scss new file mode 100644 index 0000000..6e682d5 --- /dev/null +++ b/_variables.scss @@ -0,0 +1,5 @@ +$theme-colors: ( + "danger": #f24400, +); + +$link-color: map-get($theme-colors, "danger"); diff --git a/howto.html b/howto.html new file mode 100644 index 0000000..1f530a5 --- /dev/null +++ b/howto.html @@ -0,0 +1,249 @@ + + + + + + + + + + + +
+
+
+
+
+ OpenPod +
+
+
+
+
+
+

+ Come caricare correttamente il tuo podcast su archive.org? +

+
+
+
+
+

01.

+
+
+

+ Esportare la/le traccia/tracce in formato .mp3 dal tuo editor + audio preferito (es: + Audacity) + aggiungendo i seguenti tag iD3: +

+
    +
  • title -> il titolo dell'episodio
    • +
  • creator -> l'autore dell'episodio/podcast
    • +
  • album -> il nome del podcast
    • +
  • track -> il numero di puntata nome del file
    • +
+

+ Un consiglio su come nominare i files: + titolo_podcast-##-titolo_puntata.mp3 (es: + fuori_fase-01-diritto_alla_città.mp3) +

+
+
+
+
+

02.

+
+
+

+ Crea un account su + archive.org, è + gratuito e non sfruttano commercialmente i tuoi dati + +

+
+
+
+
+

03.

+
+
+

+ Crea un nuovo + item e carica una + o più tracce audio + + Una volta terminato l'upload ti verrà chiesto di inserire i + metadati che OpenPod interpretà nel sequente modo +

+
    +
  • Page title -> titolo del podcast
    • +
  • + Page url -> i link al tuo podcast (quello da dare in pasto ad + OpenpPod), possibilemente senza spazi e/o caratteri speciali + (accenti, simboli, etc). NON si può modificare in seguito +
    • +
  • Description -> una descrizione del podcast
    • +
  • + Subject tags -> delle parole chiave che identificano il + contenuto del podcast +
    • +
  • Creator -> l'autore del podcast
    • +
  • Collection -> community audio (default)
    • +
  • Language -> la lingua del podcast
    • +
  • License -> la licenza del podcast
    • +
+ +

+ Successivamente clicca su Add Additional Meta e aggiungi le + seguenti key:value: +

+
    +
  • op_link -> il sito di riferimento del podcast (opzionale)
    • +
  • + op_category -> massimo 3 categorie (vedi elenco in fondo alla + pagina) separate da punto e virgola +
    • +
  • + op_explicit -> nel caso tu voglia esplicitare che il contenuto + del tuo podcast tratta contenuti sensibili inserire + yes contrariamente inserire no +
    • +
+ +

+ 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 Upload and create your item +

+ +
+
+
+
+

04.

+
+
+

+ 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 +

+
+
+
+
+

05.

+
+
+

+ Per modificare e aggiornare il tuo podcast clicca su edit nella + pagina dell'item: +

+ +

+ se vuoi aggiungere un nuovo episodio al podcast: +

+
    +
  • cliccare su edit nella pagina dell'item
    • +
  • cliccare su change the files
    • +
  • cliccare su add a file
    • +
  • + aggiungere uno o più file e cliccare su + add files to existing item +
    • +
+ +

+ se non viene riconusciuta l'immagine come copertina: +

+
    +
  • cliccare edit nella pagina dell'item
    • +
  • + cliccare su change the information scorrere verso il + basso fino ad individuare il file dell'immagine +
    • +
  • in format selezionare Item image>
    • +
  • cliccare su submit in fondo alla pagina
    • +
+ +

+ se vuoi cambiare le infomazioni precedentemente inserite: +

+
    +
  • cliccare su edit nella pagina dell'item
    • +
  • cliccare su change the information
    • +
  • + fare le modifiche desiderate e cliccare su submit in + fondo alla pagina +
    • +
+ +
+
+
+
+

06.

+
+
+

+ Elenco delle categorie. Devono essere solo ed esclusivamente + queste elencate. Devono essere mantenute anche le maiuscole. +

+
    +
  • Arts
    • +
  • Business
    • +
  • Comedy
    • +
  • Education
    • +
  • Fiction
    • +
  • Government
    • +
  • History
    • +
  • Health & Fitness
    • +
  • Kids & Family
    • +
  • Leisure
    • +
  • Music
    • +
  • News
    • +
  • Religion & Spirituality
    • +
  • Science
    • +
  • Society & Culture
    • +
  • Sports
    • +
  • Technology
    • +
  • True Crime
    • +
  • TV & Film
    • +
+
+
+
+
+

+ Una produzione dalla galassia + Off Topica / ospitati dal + Collettivo Unit / + codice sorgente su + git.lattuga.net/offtopic/open-pod +

+
+
+
+
+ + diff --git a/imgs/.DS_Store b/imgs/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/imgs/.DS_Store differ diff --git a/imgs/additional.png b/imgs/additional.png new file mode 100644 index 0000000..f098084 Binary files /dev/null and b/imgs/additional.png differ diff --git a/imgs/correggi.png b/imgs/correggi.png new file mode 100644 index 0000000..e777746 Binary files /dev/null and b/imgs/correggi.png differ diff --git a/imgs/cover.png b/imgs/cover.png new file mode 100644 index 0000000..463d5b2 Binary files /dev/null and b/imgs/cover.png differ diff --git a/imgs/create.png b/imgs/create.png new file mode 100644 index 0000000..7460f4b Binary files /dev/null and b/imgs/create.png differ diff --git a/imgs/edit.png b/imgs/edit.png new file mode 100644 index 0000000..f6cb253 Binary files /dev/null and b/imgs/edit.png differ diff --git a/imgs/final.png b/imgs/final.png new file mode 100644 index 0000000..f933638 Binary files /dev/null and b/imgs/final.png differ diff --git a/imgs/metadata.png b/imgs/metadata.png new file mode 100644 index 0000000..f2e1561 Binary files /dev/null and b/imgs/metadata.png differ diff --git a/imgs/nuovo.png b/imgs/nuovo.png new file mode 100644 index 0000000..19ef2c4 Binary files /dev/null and b/imgs/nuovo.png differ diff --git a/imgs/upload.png b/imgs/upload.png new file mode 100644 index 0000000..32f3730 Binary files /dev/null and b/imgs/upload.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..fce71f7 --- /dev/null +++ b/index.html @@ -0,0 +1,124 @@ + + + + + + + + + + + +
+
+
+
+
+ OpenPod +
+
+
+
+
+ 🤓 +
+
+
+

+ OpenPod è il tentativo di + restituire al podcasting la dimensione libera e conviviale che + lo caratterizza sin dai suoi esordi. Siamo un gruppo di persone + che registrano, ascoltano, producono contenuti audio. Ci + piacerebbe condividere soluzioni per farlo con hosting gratuito, + banda illimitata e software libero, senza far ricorso ad + account, profilazione, abbonamenti, pubblicità e + monetizzazione.
+ Com'è possibile? Combinando + l'hosting di archive.org, alcune buone pratiche per la + produzione dei vostri contenuti e un pizzico di codice.
+ Perché? Per liberarci dalla + logica prestazione e commerciale che caratterizza il business + model dominante, anche nelle nuove forme di fruizione sonora ma + specialmente per generare comunità. Un progetto aperto e + abilitante, che punta a mettere a fattor comune saperi + comunitari. +

+
+
+
+
+
+ 🤔 +
+
+

+ Come caricare correttamente il tuo podcast su archive.org? +

+
+
+
+
+ 🥳 +
+
+
+
+ + + +
+
+ +
+ +
+
+
+
+
+
+
+

+ Una produzione dalla galassia + Off Topica / ospitati dal + Collettivo Unit / + codice sorgente su + git.lattuga.net/offtopic/open-pod +

+
+
+
+
+ + diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..6a2e314 --- /dev/null +++ b/logo.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..485c466 --- /dev/null +++ b/package.json @@ -0,0 +1,11 @@ +{ + "dependencies": { + "bootstrap": "^4.5.0" + }, + "devDependencies": { + "sass": "^1.26.9" + }, + "scripts": { + "start": "parcel index.html howto.html" + } +} diff --git a/style.scss b/style.scss new file mode 100644 index 0000000..f9bfb49 --- /dev/null +++ b/style.scss @@ -0,0 +1,107 @@ +@import "variables"; +@import "~bootstrap/scss/bootstrap"; +@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@515&family=Fira+Code:wght@515&display=swap"); + +:root { + --openpod-red: #f24400; + --openpod-grey: #ccc; + --openpod-red-dark: #732100; + --border: 2px; +} +body, +html { + font-family: "Fira Code", monospace; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Comfortaa", cursive; + font-variation-settings: "wght" 700; +} + +.homeBodyHtml { + height: unset; + overflow: auto; +} + +.wrapper { + height: 100%; + background: var(--openpod-grey); + // border: var(--border) solid var(--openpod-red); +} + +.border-right-red { + border-right: none; +} + +#desc { + height: 100%; +} + +#desc p { + // color: transparent; + // background: linear-gradient(90deg, var(--openpod-red), black); + // -webkit-background-clip: text; + // background-clip: text; + text-align: left; +} + +.row-central { + height: 100%; + flex: unset; + min-height: 0; +} + +.row-border-red { + border-bottom: var(--border) solid var(--openpod-red); +} + +.emoji { + font-size: 2rem; +} + +@media (min-width: 576px) { +} + +@media (min-width: 768px) { + .homeBodyHtml { + height: 100%; + overflow: hidden; + } + + .emoji { + font-family: "Comfortaa", cursive; + font-size: 3rem; + } + + .border-right-red { + border-right: var(--border) solid var(--openpod-red); + } + + #desc { + column-count: 2; + column-fill: auto; + column-gap: 30px; + } + + #desc p { + text-align: justify; + hyphens: auto; + } +} + +@media (min-width: 992px) { +} + +@media (min-width: 1200px) { +} + +@media (min-width: 1400px) { + #desc { + column-count: 3; + } +} diff --git a/yarn.lock b/yarn.lock new file mode 100644 index 0000000..d28f122 --- /dev/null +++ b/yarn.lock @@ -0,0 +1,117 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +anymatch@~3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142" + integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg== + dependencies: + normalize-path "^3.0.0" + picomatch "^2.0.4" + +binary-extensions@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9" + integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ== + +bootstrap@^4.5.0: + version "4.5.0" + resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.5.0.tgz#97d9dbcb5a8972f8722c9962483543b907d9b9ec" + integrity sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA== + +braces@~3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107" + integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A== + dependencies: + fill-range "^7.0.1" + +"chokidar@>=2.0.0 <4.0.0": + version "3.4.0" + resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.0.tgz#b30611423ce376357c765b9b8f904b9fba3c0be8" + integrity sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ== + dependencies: + anymatch "~3.1.1" + braces "~3.0.2" + glob-parent "~5.1.0" + is-binary-path "~2.1.0" + is-glob "~4.0.1" + normalize-path "~3.0.0" + readdirp "~3.4.0" + optionalDependencies: + fsevents "~2.1.2" + +fill-range@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40" + integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ== + dependencies: + to-regex-range "^5.0.1" + +fsevents@~2.1.2: + version "2.1.3" + resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e" + integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ== + +glob-parent@~5.1.0: + version "5.1.1" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229" + integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ== + dependencies: + is-glob "^4.0.1" + +is-binary-path@~2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09" + integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw== + dependencies: + binary-extensions "^2.0.0" + +is-extglob@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2" + integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI= + +is-glob@^4.0.1, is-glob@~4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc" + integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg== + dependencies: + is-extglob "^2.1.1" + +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + +normalize-path@^3.0.0, normalize-path@~3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" + integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== + +picomatch@^2.0.4, picomatch@^2.2.1: + version "2.2.2" + resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad" + integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg== + +readdirp@~3.4.0: + version "3.4.0" + resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada" + integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ== + dependencies: + picomatch "^2.2.1" + +sass@^1.26.9: + version "1.26.9" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.26.9.tgz#73c10cbb88c12b22a9e0107725bfd62296f4978f" + integrity sha512-t8AkRVi+xvba4yZiLWkJdgJHBFCB3Dh4johniQkPy9ywkgFHNasXFEFP+RG/F6LhQ+aoE4aX+IorIWQjS0esVw== + dependencies: + chokidar ">=2.0.0 <4.0.0" + +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0"