Coder Social home page Coder Social logo

paradoc's People

Contributors

jordwalke avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

paradoc's Issues

Render current page while loading the other pages

Since Paradoc loads documents in a waterfall order, it takes around 5 seconds to render locally (using file:// protocol) or 30 seconds remotely.
The project contains 46 pages.

I would suggest displaying the current page first then load the rest of the pages later.

After digging into the codebase, I would suggest a change to page configuration.

  • Root page (usually README.html or index.html) would has a new yaml header called pages that would list all pages in order.
  • Child pages only need to define rootPage.

Benefits of this procedure :

  • This allows easily move files around and re-ordering pages
  • Deterministic sticky page headers order.
  • Load pages in parallel

Make sticky page headers more accessible

When there are a lot of pages, sticky page headers could be scrolled horizontally but there aren't any indications at all about it. We need to:

  • Show indications that users could scroll horizontally(left arrow and right arrow when neccessary).
  • Allow drag to scroll with mouse.

<continueRight /> is very confusing

I can't understand what <continueRight /> is doing by reading the docs. And the name is honestly very confusing after talking to @jordwalke to know exactly what it does

To understand <continueRight />, let's look at a normal render when content is moved to the right side:

A  B
A  B
A  B
   B
C
C
C  

By adding <continueRight />, the vertical space between A and C is removed like this:

A  B
A  B
A  B
C  B
C
C  

File ORIGINS.md is not yet present

Maybe the README.html points to the wrong file for recognition and origin information or the origin info file is still in the making. This is a young repo, so, just wanted to point that out ๐Ÿ˜‰

This is an interesting idea and am curious how that repo will develop. Thanks for sharing.

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.