Edit This Page ⓘClicking 'Edit This Page' opens this page on github.com. You can edit, and save changes, if you are a contributor to the repository. Close the edit page to return to this one.
Pure.css Side Menu Theme
This is an alpha / in-development theme.
It currently lives in the this-wiki-themes/purecss-side-menu directory of the Massive Wiki Developer Wiki.
It uses Pure.css.
It was initially created by Peter Kaminski, by lightly adapting the Pure "side menu" layout.
Comments, contributions, or forks are welcome.
Wishes and Issues
BUG: The bounding box for links in the sidebar is too tall, which means it's easy to for a click to go to the wrong link for links that are stacked right on top of one another.
Needs a "home page" template (which would need support in MWB).
Sidebar is very narrow for typical Sidebar.md content; perhaps it should be wider.
Should there be a topbar on every page template for branding?
Needs examples of doing color theming / branding. Pure says, "We believe that it's much easier to add new CSS rules than to overwrite existing rules. By adding a few lines of CSS, you can customize Pure's appearance to work with your web project." It then links to Extend - build on top of Pure.
There should be better integration with Pure.css (some of which may require additional features in MWB):
- Use the Pure.css menu/navigation classes in the sidebar.
- Responsive images - "Add the
.pure-imgclass name to an<img>element to make it scale with the viewport." - See if we can be clever and use Grids, Forms, Buttons, Tables.
Resources
- Pure.css home page
- Pure.CSS Tutorial - TutorialsPoint
- Purelog: for Writers by Brennan Brown - a Jekyll theme built with Pure, might be a good example for some Pure things.