brainrepo / gitbar-2023 Goto Github PK

View Code? Open in Web Editor NEW

19.0 19.0 8.0 20.03 MB

New release of gitbar website

JavaScript 1.46% Astro 65.87% TypeScript 32.66%

hacktoberfest hacktoberfest2022

gitbar-2023's People

Contributors

Stargazers

Watchers

Forkers

mrkrash samsalvatico markoceri takeno emanuelegurini eomm nino-chimento kandros

gitbar-2023's Issues

Improve serch quality

migliorare il codice del motore di ricerca interno

Speakers page image and Main logo is not shown

The following images are not shown:

Sidebar logo
Speaker picture inside speaker page

Back Button

Il back button copre il titolo delle pagine interne

Parole spezzate nella pagina del podcast

Nella pagina di dettaglio del podcast le parole vengono spezzate sulla destra invece di andare a capo.
Forse bisogna togliere nel div contenitore la classe css break-all (riga 67 del file gitbar-2023/src/pages/episodes/[slug].astro )

Valori non corretti nella lista dei Guest

Nella pagina degli Speakers la lista dei guest include "testo sporco", soprattutto nelle ultime ricorrenze.

Mixed content detected

Solve the mixed content detected error

Although you have enabled HTTPS on your site, we’ve detected some content that’s still being served over an HTTP connection.

DETAILS
In index.html:

link http://localhost:3000/

Hide the yml at the end of the episode desctiption in the episode page and episode list card

In coda alle note dell'episodio viene inserito un pezzo di yml, servira in futuro per rendere ancora piu interattivo il sito. Per ora è sufficiente nasconderlo

Improve lighthouse and performance

Integrate matomo analytics

Luca, only you know which matomo instance to use :D

Search

Search inside episode note using fuse or lyra.
The homepage should have an input field with a dropdown, same style of algolia

Menù in versione mobile copre elementi a fondo pagina

Il menù nella versione mobile passa nella parte inferiore della vista andando a coprire gli elementi a piè pagina.

Links preview

Generate a preview for the "balocchi" section using the opengraph data of the destination page.

There are libraries like https://www.npmjs.com/package/@dhaiwat10/react-link-preview could help.

npm install return ERROR due to microlink dependency

My Setup

MacBook Pro, 14" 2021
Memory: 16 GB
OS: MacOS Ventura 13.0.1
Node: v18.12.1
NPM: 8.19.2

Problem

After cloning the project, npm install does not complete his execution and the error attached is logged.
Same problem happends when I try to run the project inside stackblitz.com

Problems seems coming from @microlink/react": "^5.5.9 dependency.

After serveral attempts I think that I'm not able to solve this problem by myself, but, most important, I don't know if anyone else found this same problem.

emanuelegurini@MBP-di-Emanuele gitbar-2023 % npm install
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   dev react@"^18.2.0" from the root project
npm WARN   5 more (@astrojs/react, @microlink/react, react-dom, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"^17" from [email protected]
npm WARN node_modules/@microlink/react/node_modules/nanoclamp
npm WARN   nanoclamp@"~1.4.1" from @microlink/[email protected]
npm WARN   node_modules/@microlink/react
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN   peer react@"^17" from [email protected]
npm WARN   node_modules/@microlink/react/node_modules/nanoclamp
npm WARN     nanoclamp@"~1.4.1" from @microlink/[email protected]
npm WARN     node_modules/@microlink/react
npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
npm ERR! code 1
npm ERR! path /Users/emanuelegurini/Desktop/gitbar-2023/node_modules/re2
npm ERR! command failed
npm ERR! command sh -c -- install-from-cache --artifact build/Release/re2.node --host-var RE2_DOWNLOAD_MIRROR --skip-path-var RE2_DOWNLOAD_SKIP_PATH --skip-ver-var RE2_DOWNLOAD_SKIP_VER || npm run rebuild
npm ERR! Trying https://github.com/uhop/node-re2/releases/download/1.17.7/darwin-arm64-108.br ...
npm ERR! Trying https://github.com/uhop/node-re2/releases/download/1.17.7/darwin-arm64-108.gz ...
npm ERR! Building locally ...
npm ERR! 
npm ERR! > [email protected] rebuild /Users/emanuelegurini/Desktop/gitbar-2023/node_modules/re2
npm ERR! > node-gyp rebuild
npm ERR! 
npm ERR! 
npm ERR! > [email protected] rebuild /Users/emanuelegurini/Desktop/gitbar-2023/node_modules/re2
npm ERR! > node-gyp rebuild
npm ERR! gyp WARN EACCES current user ("emanuelegurini") does not have permission to access the dev dir "/Users/emanuelegurini/Library/Caches/node-gyp/18.12.1"
npm ERR! gyp WARN EACCES attempting to reinstall using temporary dev dir "/var/folders/9k/2tmktgm57cl5ns3d5bqxj9rh0000gn/T/.node-gyp"
npm ERR! xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
npm ERR! gyp ERR! build error 
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:201:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Darwin 22.1.0
npm ERR! gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd /Users/emanuelegurini/Desktop/gitbar-2023/node_modules/re2
npm ERR! gyp ERR! node -v v18.12.1
npm ERR! gyp ERR! node-gyp -v v9.1.0
npm ERR! gyp ERR! not ok 
npm ERR! npm ERR! code ELIFECYCLE
npm ERR! npm ERR! errno 1
npm ERR! npm ERR! [email protected] rebuild: `node-gyp rebuild`
npm ERR! npm ERR! Exit status 1
npm ERR! npm ERR! 
npm ERR! npm ERR! Failed at the [email protected] rebuild script.
npm ERR! npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! 
npm ERR! npm ERR! A complete log of this run can be found in:
npm ERR! npm ERR!     /Users/emanuelegurini/.npm/_logs/2022-11-20T18_48_22_749Z-debug.log
npm ERR! node:internal/process/promises:288
npm ERR!             triggerUncaughtException(err, true /* fromPromise */);
npm ERR!             ^
npm ERR! 
npm ERR! [UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "1".] {
npm ERR!   code: 'ERR_UNHANDLED_REJECTION'
npm ERR! }
npm ERR! 
npm ERR! Node.js v18.12.1
npm ERR! gyp WARN EACCES current user ("emanuelegurini") does not have permission to access the dev dir "/Users/emanuelegurini/Library/Caches/node-gyp/18.12.1"
npm ERR! gyp WARN EACCES attempting to reinstall using temporary dev dir "/var/folders/9k/2tmktgm57cl5ns3d5bqxj9rh0000gn/T/.node-gyp"
npm ERR! xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
npm ERR! gyp ERR! build error 
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:201:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Darwin 22.1.0
npm ERR! gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd /Users/emanuelegurini/Desktop/gitbar-2023/node_modules/re2
npm ERR! gyp ERR! node -v v18.12.1
npm ERR! gyp ERR! node-gyp -v v9.1.0
npm ERR! gyp ERR! not ok 
npm ERR! npm ERR! code ELIFECYCLE
npm ERR! npm ERR! errno 1
npm ERR! npm ERR! [email protected] rebuild: `node-gyp rebuild`
npm ERR! npm ERR! Exit status 1
npm ERR! npm ERR! 
npm ERR! npm ERR! Failed at the [email protected] rebuild script.
npm ERR! npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! 
npm ERR! npm ERR! A complete log of this run can be found in:
npm ERR! npm ERR!     /Users/emanuelegurini/.npm/_logs/2022-11-20T18_48_23_320Z-debug.log

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/emanuelegurini/.npm/_logs/2022-11-20T18_48_08_761Z-debug-0.log

Home pagination is covered by the footer

When gitbar.it is in mobile version, inside the home page the pagination is covered by the footer.

Pagina donazioni

seguendo il layout della pagina speaker implementare una pagina supportaci con url /support.
I contenuti sono quelli presenti nella pagina donazioni del vecchio sito

Link preview nella pagina episodio

La funzione di link preview sulla pagina dell'episodio viene eseguita a build time, accedere a ogni pagina web linkata nelle note rallenta la build mandando in timeout i worker di netlify

Temporaneamente la feature è stata disattivata.

soluzioni alternative

eseguire il componente client-side (problemi legati al fatto che il link viene renderizzato con il markdown insieme al testo, e vorrei che il testo sia renderizzato server-side)
usare un sistema di cache

Pagina singolo episodio perde layout in versione mobile

Nella pagina dedicata alla visualizzazione del singolo episodio il layout viene perso in versione mobile.

Pulsante Supportaci ora... viene visualizzato sopra menu in versione mobile

In versione mobile, nella pagina Supportaci, il pulsante Supportaci ora usando Paypal viene visualizzato sopra il menù in basso.

SEO optimization

L'homepage deve esporre i tag meta presenti sul vecchio sito
La pagina episodio deve mostrare gli stessi tag meta della pagina episodio del vecchio tipo, naturalmente mostrando le info dell'episodio visualizzato nella pagina
Le pagine speaker avere gli stessi meta tags

Episode list

Set higher z-index for episode card on the onHover state

Brainrepo bio and path rename

we should rename the directory path (speakers route) from /speakers/nickname to /hosts/nickname
we also add a link to brainrepo bio in the sidebar

use a placeholder text

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

Jobs

Jooble