Giter Club home page Giter Club logo

Comments (9)

tlienart avatar tlienart commented on June 11, 2024 1

PS: of course we could just have both types (side navbar and top navbar) and let the users choose. As long as both options are polished and nice and don't differ too much so that we don't make our life miserable to maintain it 😹

from pkgpage.jl.

tlienart avatar tlienart commented on June 11, 2024 1

right yeah I think for now these would be linked to, I think the scope of this project would (at least now to begin with) to only have a "landing page" that gathers links to e.g. documents :)

(e.g.: https://binarybuilder.org with options)

from pkgpage.jl.

zlatanvasovic avatar zlatanvasovic commented on June 11, 2024

It is a bit problematic because it isn't supported by all browsers. See https://caniuse.com/#feat=css-sticky.

Wouldn't a simple side navbar like on https://getbootstrap.com/docs/4.5/getting-started/introduction/ work better? In any case, I'd not focus on this now, since this is useful only for very long pages.

from pkgpage.jl.

tlienart avatar tlienart commented on June 11, 2024

Ok so the only thing I've added thus far is the "smooth" scroll; I've not added the rest maybe have a look and let me know? I think it's cool to highlight which section you're on 🤷‍♂️

I do think the top navbar is nice for a landing page but open to suggestions!

from pkgpage.jl.

tlienart avatar tlienart commented on June 11, 2024

ha it's the sticky topnav that you say is not fully supported... hmm, well I'll let you have a go and we can see :D

Edit: it seems supported by most browsers though? (IE11 and opera mini can be ignored...)

from pkgpage.jl.

tlienart avatar tlienart commented on June 11, 2024

this: https://github.com/cferdinandi/gumshoe#accounting-for-fixed-headers looks like a simple way to highlight nav items based on scrolling.

from pkgpage.jl.

zlatanvasovic avatar zlatanvasovic commented on June 11, 2024

That is good, just like in https://getbootstrap.com/docs/4.5/components/scrollspy/.

My initial idea is to work on the front-page only (which can be done without JavaScript), then move on to more complex things. But this issue stays as part of working on those more complex things.

from pkgpage.jl.

tlienart avatar tlienart commented on June 11, 2024

ha nice scroll spy is great, I assumed it always required jQuery.

and yes definitely, front page only. great if it's js-free! I think the key points of what we would like are:

  • single page
  • looks good
  • limited cruft & responsive
  • simple standard entry points so that a nice page can be set up in < 10 minutes by a dev who doesn't want to touch CSS or HTML if s/he can avoid it.

what more complex things are you thinking about?

from pkgpage.jl.

zlatanvasovic avatar zlatanvasovic commented on June 11, 2024

@tlienart Docs and other custom pages, that's what I meant by complex.

from pkgpage.jl.

Related Issues (20)

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.