Coder Social home page Coder Social logo

pouyakary / pageman Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 107 KB

HTML, Markdown and Legend mixer that Loves Jekyll and Kary Comments.

TypeScript 68.74% JavaScript 31.26%
kary-comments jekyll html legend markup markup-language karyfoundation pageman

pageman's Introduction

Pageman

screen shot 2016-08-09 at 4 23 08 pm

At Kary Foundation we use a very rich stack to build web. We use higher languages like TypeScript and Less. And templating via Jekyll. However when it comes to writing content it gets hard. We use Markdown for normal content and Legend for side commenting.

When it comes to having markdown, html and legend fixed together it really gets hard. Also HTML comments are horrible. As the foundation with most prestige on code management via commenting we need to have a C-family style of commenting so that we can bring Kary Comments into our document files.

In order to have all the said factors we developed Pageman. A base that lets you mixup all these languages with kary comments. This is a file made possible with pageman's preprocess:

Installing

Simply install the pageman with npm

% npm install -g pageman

Editor support

Kary Foundation provides a Pageman Language Support Extension for Visual Studio Code that you can use to highlight Pageman code.

Usage

If you specify any file it will build just the said files

% pageman yourfile.kfml something.kfml

However you can also build the the whole directory by just typing

% pageman

And you can run a watching server with

% pageman -w

Configuration

If you're using legend commentings in your website please make sure you have these CSS classes defined.


pageman's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

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.