Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/crazychicken/converthtml
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.
https://github.com/crazychicken/converthtml
amptype color-theme convert-content convert-sass converthtml covert crazychicken demo-page html-style-tutorial tuds
Last synced: 7 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/crazychicken/converthtml
- Owner: crazychicken
- License: mit
- Created: 2017-11-14T08:15:40.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-12T06:14:58.000Z (over 6 years ago)
- Last Synced: 2024-11-07T04:36:45.618Z (about 2 months ago)
- Topics: amptype, color-theme, convert-content, convert-sass, converthtml, covert, crazychicken, demo-page, html-style-tutorial, tuds
- Language: HTML
- Size: 26.4 KB
- Stars: 7
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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 [email protected]: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](https://github.com/crazychicken/converthtml/archive/master.zip)
## 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:
```html
```
* If you don't like using all theme. You can using only theme:
```html
```
* You can @import file with Sass:
```html
@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
## Creators
#### Tuds - Crazychicken
* website: https://converthtml.amptype.com/
* Github: https://github.com/crazychicken/converthtml
* Facebook: https://www.facebook.com/tudscss/
* Youtube: https://www.youtube.com/channel/UCDACe-7BFGDucQoxTDfPotw
* Twtter: https://twitter.com/mtu_truong
## Copyright and license
Code and documentation copyright 2017, MIT license.