idea

barbajekyll è un nuovo tema jeckyll con download click to tweet,

Esempi espansioni

Pack di animazioni hentai famosi Transizioni da una pagina all’altra Modal di apertura bottoni, plugin, temi, Con modello pagamento ricorrente per tema premium offrire molti blocchi pre costruiti plugin di ecommerce con stripe e integrazione email marketing (cercare piattaforma di email marketing per reseller) e soluzione buy white label come prodotto night tiket

• perfezionamento logica del sito, eliminazione file superflui, pulizia javascript
• creare documentazione basata sulla logica usata nel config.yaml

Barbajekyll tema free tweet + espansioni grafiche a pagamento

Esempi espansioni

Pack di animazioni hentai famosi Transizioni da una pagina all’altra Modal di apertura bottoni, plugin, temi, modello pagamento ricorrente per tema premium con molti blocchi pre costruiti e integrazione email marketing (cercare piattaforma di email marketing per reseller) e soluzione buy white label come prodotto night tiket

TO DO

• integrare PayPal e stripe
• Aggiungere simpleform https://getsimpleform.com/ o https://formspree.io/ o http://blog.plataformatec.com.br/tag/simple_form/
• Capire come integrare google forms per i sondaggi
• Provare a mettere in privata la repository del sito in modo che non possa essere copiato
• in scss/main.scss -> .transition { position: fixed; /* crea il problema della scrollbar in homepage quando faccio mousover da una lettera all'altra del logo barbajs
• creazione logica per scegliere l'icona social
• creare logica per sfruttare config.yml come configurazione voci di menu, navigazione docs, titoli seo delle pagine, caricamento dinamico CSS nelle pagine
• capire bene il problema dei titoli delle pagine che rimane jekyllil
• sviluppare pulsante deploy to Heroku netlify e cloud cannon e forestly
• creare logica per caricamento dinamico templates, css e javascript
• creazione logica di visualizzazione dinamica menu dal config.yaml
• controllo dinamico documentazione dell'albero dei docs
  1. https://stackoverflow.com/questions/33613712/how-may-i-manually-sort-jekyll-pages-using-yaml
  2. impostare menu ed elenchi da https://github.com/barbajekyll/barbajekyll.github.io/tree/master/_data
• Modificare il destinatarion del form di inserimento nella pagina /showcase/
  1. il file js è in /theme/barba/components/showcase/Form.js e anche in file simili allinterno della cartella
• implementare documentazione
• implementare blog
• implementa ecommerce
• implementa pagamenti in stripe
• implementa wordpress in background su jekyll

TO DO SEO

• Aggiungere tutti i titoli e descrizioni
• Escludere tutte le pagine inutili dall'indicizzazione

CODICE DA SVILUPPARE

Creare logica per sfruttare config.yml come configurazione voci di menu, navigazione docs, titoli, descrizioni seo delle pagine, caricamento dinamico CSS nelle pagine

• controllare bene analytics e google tag manager provare a collegarlo
• configurazione webpack
• creazione logica per scegliere l'icona social
• Pagina download del tema, dopo il tweet, un redirect alla pagina di download, e deploying su githubpages cloudcaanon ntlify e heroku
• Logica per associare le animazioni ad altri file sgv

## DONE TO DO

• Capire come modificare la label della la transizione basica (mostra sempre il testo home dovunque si navighi)
  1. https://www.google.com/search?sxsrf=ALeKk00xVUojTXeCuqN9b3ngzR_Sdwv4wg%3A1594490987838&ei=awAKX7nuMvLKrgSC_L-QBQ&q=javascript+ehide+scroll+bar&oq=javascript+ehide+scroll+bar&gs_lcp=CgZwc3ktYWIQAzIECAAQEzIECAAQEzIECAAQEzIECAAQEzIICAAQDRAeEBMyCAgAEA0QHhATMgoIABANEAUQHhATMgoIABAIEA0QHhATMgoIABAIEA0QHhATMgoIABAIEA0QHhATOgcIABBHELADUMEZWM4cYIkeaAFwAHgAgAF5iAG4A5IBAzAuNJgBAKABAaoBB2d3cy13aXo&sclient=psy-ab&ved=0ahUKEwj5z7Xn5cXqAhVypYsKHQL-D1IQ4dUDCAw&uact=5
  2. https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp
  3. In /theme/barba/source/js/transitions/default.js -->_ viene applicata la label per il layouts/default.html -->_ .transition sotto il footer, altri js in causa: route.js e ../app.js potrebbe anche derivare dal layouts/jsbarbahead.html -->_
     • Attributi chiamati in causa
     • container.dataset.barbaNamespace
     • document.querySelector('.transition__title')
     • querySelector
     • transitionTitle.innerHTML = next.container.dataset.barbaNamespace
     • barbajs/barba#515
     • https://www.youtube.com/watch?v=ZPzFxm7DA7A&feature=youtu.be
• Capire come far funzionare jekyll-seo-tag-plugin per far popolare le pagine con titolo descrizione titolo twitter cards descrizione twitter cards e immagine con quelli della pagina 0. soluzione utilizzare in config.yml -->_ title: "titolo" e nelle pagine title: "titolo pagina" usando le virgolette
  1. https://stackoverflow.com/questions/53638446/jekyll-seo-tag-doesnt-work-within-github-pages
  2. https://jekyllrb.com/docs/step-by-step/03-front-matter/
  3. https://stackoverflow.com/questions/27386169/change-site-url-to-localhost-during-jekyll-local-development/
  4. https://stackoverflow.com/questions/31130120/defining-variable-configuration-in-config-yml-in-jekyll-powered-website

REPO DA FORKARE PER E-COMMERCE

https://github.com/avillafiorita/jekyll-csv_read

https://github.com/CloudCannon/bakery-store-jekyll-template

https://github.com/jekyll-store/microservice

https://github.com/jekyll-store/jekyll-store.github.io

https://github.com/snipcart/cloudcannon-jekyll-ecommerce

https://github.com/nortbotics/jekyll-ecommerce-theme

https://github.com/commercelayer/contentful-commerce

https://github.com/vassilis/jekyll-ecommerce-template

https://github.com/msimmer/kosmas-systems

https://github.com/mcin0244/jekyll-ecommerce-website

LINK UTILI

Emoji utili

https://emojipedia.org/

⭐ 🤔 🤩 😎 ⛔ ❗ ✅ ❌

## Tool Jekyll

1. https://github.com/jekyll

## Tutorials

• https://jekyllrb.com/docs/configuration/front-matter-defaults/
• https://jekyllrb.com/docs/collections/
• https://learn-the-web.algonquindesign.ca/topics/jekyll/
• jekyll/jekyll#881
• https://stackoverflow.com/questions/53923035/jekyll-check-if-page-belongs-to-a-collection
• https://developer.akamai.com/blog/2017/11/02/automatic-purge-your-static-website

Tutorials su plugin e strumenti

1. https://blog.mastykarz.nl/improve-jekyll-seo/

• https://github.com/waldekmastykarz/blog.mastykarz.nl-jekyll-config/blob/99886c02ce250a47437b1f5b9bf9f375c3a7aa5f/_config.yml

1. http://jekyll.github.io/jekyll-seo-tag/advanced-usage/

Strumenti utili al repository

1. https://azure.microsoft.com/it-it/pricing/details/search/
2. Jekyll Liquid Cheatsheet https://gist.github.com/antoniotrento/9a78b69c727e8c63498508098ec736b7

Organizzazioni utenti girhub rilevanti per jekyll e tecnologie intorno

1. https://github.com/jekyll
2. [ ]
3. [ ]
4. [ ]
5. [ ]
6. [ ]
7. [ ]
8. https://github.com/sourcelevel
9. https://github.com/georgeguimaraes
10. https://github.com/hugobarauna
11. https://github.com/rafaelozaki
12. https://github.com/josevalim
13. https://github.com/plataformatec
14. [ ]
15. [ ]
16. https://github.com/sourcelevel

ERRORI

GOOGLE CHROME DEVELOPER TOOLS HINTS

• https://www.google.com/search?q=chrome+web+developer+show+the+attributes+of+a+javascript+class&oq=chrome+web+developer+show+the+attributes+of+a+javascript+class&aqs=chrome..69i57.21595j0j7&sourceid=chrome&ie=UTF-8
• https://www.google.com/search?q=javascript+chrome+consol+show+list+of+objects&oq=javascript+chrome+consol+show+list+of+objects&aqs=chrome..69i57.13302j0j7&sourceid=chrome&ie=UTF-8
• https://developers.google.com/web/tools/chrome-devtools/dom
• https://developers.google.com/web/tools/chrome-devtools/javascript
• https://stackoverflow.com/questions/2934787/view-list-of-all-javascript-variables-in-google-chrome-console#:~:text=In%20Firebug%2C%20the%20DOM%20tab,object%20you%20want%20to%20explore.
• https://www.google.com/search?sxsrf=ALeKk014b6F2Pb_SfUXZhXZZosMwKnDzwQ%3A1594495979827&ei=6xMKX9-NMr2BhbIPrc66sAY&q=show+address+where+javascript+take+a+vaue&oq=show+address+where+javascript+take+a+vaue&gs_lcp=CgZwc3ktYWIQAzIHCCEQChCgATIECCEQFToHCAAQRxCwAzoLCC4QsQMQgwEQkwI6CAgAELEDEIMBOggILhCxAxCDAToFCAAQsQM6BAgAEEM6AggAOgQIIxAnOgcILhAUEIcCOgUILhCxAzoHCAAQsQMQQzoCCC46BwgAEBQQhwI6BwguEAoQywE6BQgAEMsBOgUILhDLAToICC4QywEQkwI6BggAEBYQHjoICAAQFhAKEB46CAghEBYQHRAeOgUIIRCgAVD7iS5Y3tEvYPzTL2gCcAB4BoAB2xSIAbuNAZIBEDEuMjcuMy40LjIuMy45LTSYAQCgAQGqAQdnd3Mtd2l6&sclient=psy-ab&ved=0ahUKEwifr-Sz-MXqAhW9QEEAHS2nDmYQ4dUDCAw&uact=5
• https://javascript.info/keys-values-entries
• https://www.shabaniddrisu.com
• http://www.luckybeard.com/ (https://www.wpthemedetector.com)
• https://themeforest.net/item/uncode-creative-multiuse-wordpress-theme/13373220?s_rank=1

GSAP ANIMAZIONI JAVASCRIPT

• https://greensock.com/forums/topic/22491-gsap3-target-object-not-found/
• https://codepen.io/GreenSock/pens
• https://greensock.com/get-started
• https://patrickheng.com/ inspiration stiky element

WEBPACK UNDERSTANDING

• https://www.google.com/search?q=show+address+where+webpack+take+data&oq=show+address+where+webpack+take+data&aqs=chrome..69i57j33.24133j0j7&sourceid=chrome&ie=UTF-8
• https://webpack.js.org/concepts/entry-points/
• https://stackoverflow.com/questions/28846814/what-does-publicpath-in-webpack-do
• https://webpack.js.org/guides/public-path/

Useful resources

• https://jekyllrb.com/docs/configuration/default/
• https://github.com/jekyllresources/webpack-require-from
• https://webpack.js.org/guides/public-path/
• https://github.com/webpack/docs/wiki/configuration#outputpublicpath
• https://michaelmovsesov.com/articles/jekyll-es6-workflow

Jekyll docs site

This directory contains the code for the Jekyll docs site, jekyllrb.com.

Contributing

For information about contributing, see the Contributing page.

Running locally

You can preview your contributions before opening a pull request by running from within the directory:

1. bundle install --without test test_legacy benchmark
2. bundle exec rake site:preview

It's just a jekyll site, afterall! 😉

Updating Font Awesome

1. Go to https://icomoon.io/app/
2. Choose Import Icons and load icomoon-selection.json
3. Choose Generate Font → Download
4. Copy the font files and adapt the CSS to the paths we use in Jekyll