Welcome to ImageJ.net.
A navigation sidebar can be added by including the sidebar
element and providing the anchor names as the content.
Note: There are a couple things to note about the sidebar
element:
- Separate multiple entries with a comma.
- To include a break/seperator line use
|
. - The title will be rendered as bold text and will not be a link.
- The sidebar links and anchor links must be the same, otherwise they will not link properly.
- The sidebar is always rendered on the right side of the page.
- You should always place the sidebar at the top of the page, before your content.
To setup the sidebar use the following syntax:
{% include sidebar title="Demo" content="Introduction, |, Left image, Right image, Center image, Fit image" %}
To setup the anchors use the following syntax:
{% include anchor content="Introduction" %}
To add an info-box to your page, specifiy the icon you wish to use and include the info-box content:
{% include info-box icon_path="/images/icons/40px-Information-sign.png" content="Hey this is the info box!
- item 1
- item 2
If you want to learn more about how to create an info box, view the source of this page!" %}
- Math support via Mathjax.
- UX bread crumbs (top of page)
- Code syntax highlighting
- Add infobox elements
- Add brief description to front matter.
- Add Lazy loading to images
- Seperate info-box into (author should not specifiy icon path):
- Information
- Tech
- Warning
- Add userbox (https://imagej.net/Template:Userbox)
- Add component box (https://imagej.net/Template:Component)
- Table of contents heirachy
- Remove "category indexes" from search
- Create wide table style
- Add link support for the info-box
- Fix footer -- does not stick to bottom
- Fix h2 header --> normal/bold should be #585858
- Fix tables (too wide) -- set to
width: 50%;
- Fix infob0x (add bullet points support and better icon centering)
- Change table style -- needs lines
- Fix Figure center - width issues
- Convert all links to use relative_url (safely prepend links to the domain root and allows for moving to different
baseurl
if necessary) - Add Sidebox element
- Add Edit and view source links to page template
- Add page/post type to categories
- Add supporting pages
- Getting started (/learn.md)
- Architecture (/learn/architecture.md)
- Change base url for "View source" page info from jekyll-protoype branch
Photon by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
A simple (gradient-heavy) single pager that revisits a style I messed with on two previous designs (Tessellate and Telephasic). Fully responsive, built on Sass, and, as usual, loaded with an assortment of pre-styled elements. Have fun! :)
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images you can use for pretty much whatever.
(* = Not included)
Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)
AJ aj@lkn.io | @ajlkn
Credits:
Demo Images:
Unsplash (unsplash.com)
Icons:
Font Awesome (fontawesome.io)
Other:
jQuery (jquery.com)
Responsive Tools (github.com/ajlkn/responsive-tools)