Skip to content

R3V1Z3/emphases

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Emphases

A simple word study and highlighting tool. Emphases renders Markdown-formatted content in a sleek, interactive interface that's printable and shareable.

Explore

Emphases provides an open canvas for exploring documents. Interaction is easy:

  • Click and drag any blank area to navigate this document.
  • Click and drag to move sections around.
  • Zoom in and out with your mousewheel.

Arrange sections to your liking and print.

Create your own documents

Creating documents like this is simple. It might help to see how the this document is formatted first. Click here to check it out.


To create your own:

  • Create a document for free at GitHub Gist
  • Get the document’s ID
  • Paste it in the Gist box in the Navigation panel.

Emphases 🅑-nav

Word study and highlight tool

ⓘ The code below designates a list of content sources the user will be able to select from in the app.

content 🅑-datalist

Appearance 🅑-collapsible

css 🅑-datalist

🅑-theme-variables

Effects 🅑-collapsible

vignette-blend 🅑-select

vignette 🅑-slider="0.25,0,1,0.025"

svg-filter 🅑-select

  • *None

brightness 🅑-slider="1,0,3,0.05" contrast 🅑-slider="100%,0,300,1,%" grayscale 🅑-slider="0%,0,100,1,%" hue-rotate 🅑-slider="0deg,0,360,1,deg" invert 🅑-slider="0%,0,100,1,%" saturate 🅑-slider="100%,0,300,1,%" sepia 🅑-slider="0%,0,100,1,%" blur 🅑-slider="0px,0,20,1,px"

Perspective 🅑-collapsible

scale 🅑-slider="0,1,5,0.1" perspective 🅑-slider="1500px,0,2000,1,px" originx 🅑-slider="50%,0,100,1,%" originy 🅑-slider="50%,0,100,1,%" rotatex 🅑-slider="0deg,0,360,1,deg" rotatey 🅑-slider="0deg,0,360,1,deg" scalez 🅑-slider="0,1,5,0.1" rotatez 🅑-slider="0deg,0,360,1,deg" translatez 🅑-slider="0px,-500,500,1,px"

Dimensions 🅑-collapsible

width 🅑-slider="960px,4,4000,1,px" height 🅑-slider="400px,4,2000,1,px" padding 🅑-slider="10px,0,500,1,px" inner-space 🅑-slider="100px,0,300,1,px" outer-space 🅑-slider="0px,0,300,1,px" offsetx 🅑-slider="0px,-4000,4000,1,px" offsety 🅑-slider="0px,-4000,4000,1,px"

Contents 🅑-collapsible

🅑-toc

Help 🅑-group

🅑-help 🅑-hide