Converthtml NPM

enter image description here

Converthtml help you convert your original html into a colorful one, which is useful for html-style tutorial/demo pages. Converthtml is designed with many colorful themes for you to choose.

Quick start Converthtml

Clone the repo: git clone git@github.com:crazychicken/converthtml.git
Install with npm: npm install --save-dev converthtml
Install with npm: npm install --save-dev crazychicken/converthtml
Or download the latest release

Home

https://converthtml.amptype.com/

Demo

https://converthtml.amptype.com/demo.html

Documentation

https://converthtml.amptype.com/documents.html

How to use

Include CSS files into your HTML head:

<link type="text/css" rel="stylesheet" href="./public/theme/css/convert-all-theme.css">

If you don't like using all theme. You can using only theme:

<link type="text/css" rel="stylesheet" href="./public/theme/css/convert-theme-default.css">
<link type="text/css" rel="stylesheet" href="./public/theme/css/convert-theme-dark.css">

You can @import file with Sass:

@import '../sass/convert-all-theme.scss';
@import '../sass/convert-theme-default.scss';
@import '../sass/convert-theme-dark.scss';

Options

convert-theme-default
convert-theme-dark

Tree

public/
  └── theme/
      └── css/
      	  └── convert-all-theme.css
          └── convert-theme-default.css
          └── convert-theme-dark.css
sass/
  ├── // All Folders Sass Files
  └── convert-all-theme.scss // @import 'path sass file your project';
  └── convert-theme-default.scss
  └── convert-theme-dark.scss

Template full feature list

Semantically Correct / Valid HTML Code
HTML5, CSS3
Full project and seed project (build with: Gulp, Sass, Javascript, Npm)
Cross browser compatible ( Internet Explorer 10+, Firefox, Safari, Opera, Chrome etc. )
W3C Valid source code, properly formatted and commented