Code Monkey home page Code Monkey logo

component-compiler's Introduction

Web Component Compiler

A NodeJS Based web component maker that takes a simple input script and outputs full HTML documents

  

  

Write Input Script

  • Location: /build/input.odd

Assets

  • Logo: /build/logo.svg
  • Hero Graphic: /build/hero.svg
  • Info Graphic: /build/info.svg

Output

  • Directory: /dist

Usage

  • Compile: node index.js

Dependencies

  • NodeJS

Layout Syntax

  • No indentation
  • Element = Content
  • Multiple inputs separated by commas

Supported Components

  1. title = My Page Title
  2. banner = Banner Text
  3. nav = item1, item2, item3, item4, (Button Text)
  4. hero = Intro Text, (Button Text)
  5. info = Info Headline, Info Subheadline
  6. description = Info Text
  7. footer = Contact Email

Sample input script

Location: /build/index.odd

title = Folo Robots

banner = 7 JANUARY 2020: 25% OFF On All Likes & Followers For A Limited Time!
nav = Home, About, Services, Contact Us, (Free Trial)

hero = Meet Real Robot Friends, (Get Started)

info = Find high quality robot friends from us, A new update coming soon!
description = Backfold manganoisation glossocyte cheirest viceard palladiophil pantacade megistic tetristic. Aurplasm centlepry adrenomancy gigamire icosaode thiodromous synsepalous.

footer = [email protected]

component-compiler's People

Stargazers

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.