Coder Social home page Coder Social logo

Comments (4)

icougil avatar icougil commented on July 21, 2024

After a while, I had time to work on this issue.

If you have a look at this branch you can see an idea of pagination:
https://github.com/World-Wide-JUGs/GlobalWWJugs/tree/feature/paginate-jugs

And this is how it looks like (near the footer you can see links with the number of pages and the Prev 1 2 Next links to navigate through):

image

It is based on this plugin

The thing is as I found, it is NOT supported by Github pages (as it is stated here). But nowadays I don't know if there is a better alternative for Jekyll and paginate content

The bad news is that it seems that because of this, this approach is working in local, but not when we publish in github 😞
(we can see it if we change the branch used for publishing GitHub pages / Settings > Github pages)

image

Also, based on this question in SO, one of the options is to build & deploy the site manually (we can do it automatically when pushing/merging into a particular branch via GitHub actions, for example, like this) instead of letting Github doing it -as we are doing right now- or use another hosting provider like Netifly.

So, what do you think? 😣

from globalwwjugs.

cesarhernandezgt avatar cesarhernandezgt commented on July 21, 2024

Hi @icougil

Thank you for the work and context provided.

I vote -1 to depend on a manual build approach. Back in 2020, I opened #5 to basically: Have a collapsable rendering in alphabetical order.

References: https://gist.github.com/joyrexus/16041f2426450e73f5df9391f7f7ae5f
https://github.community/t/collapsible-markdown-inside-details-summary-summary-details-fails-to-render/10489

I think this approach will have a max of 27 rows. It doesn't resolve the other feature you mention about search but it fulfills the expectation of not having a busy index page and keeps the automation on deployments.

from globalwwjugs.

icougil avatar icougil commented on July 21, 2024

I think I haven't explained very well 😅, my fault @cesarhernandezgt

I never recommend deploying anything manually ever. What I was suggesting is, instead of letting Github directly recognize that we are using Jekyll (and therefore build the site and deploy the files generated by it), just generate the files (as Jekyll does, note the contents of your ignored _site folder) and then publish this automatically generated content (via github action) so that it is what is displayed on the web.

TBH, I don't see that your approach could work in the medium to long term (I hope we have a lot of JUGs on this page, of course), and that approach

In summary: no worries, give me please some time, I will work on that approach of generating the files and deploying them automatically 😉

from globalwwjugs.

icougil avatar icougil commented on July 21, 2024

Yeah, after a while, I got it ! 😃👌👏 @cesarhernandezgt

You can see it, deployed from the branch I was using as a test:
https://world-wide-jugs.github.io/GlobalWWJugs/

Here we have the PR that provides the functionality to paginate all the JUGs on the homepage and looks exactly as I shared in my previous comment 😉

from globalwwjugs.

Related Issues (11)

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.