← Back to Home

Ving Documentation

Complete guide to Ving programming language

Installation

Build from Source

  1. Clone the repository or download source code
  2. Install GCC compiler:
    # Arch Linux / Manjaro sudo pacman -S gcc # Ubuntu / Debian sudo apt install gcc # macOS brew install gcc
  3. Compile the compiler:
    make
  4. Done! Executable file vingc is created

Using Pre-built Binaries

Download ready-to-use executable for your system:

Quick Start

  1. Create example.ving file:
    style:black title: My First Website text(bold,big): Hello, World! button(st1,link:https://example.com):Click Me
  2. Compile to HTML:
    ./vingc example.ving output.html
  3. Open output.html in browser!

Directives

style: - Theme Setting

Sets the page color scheme:

title: - Page Title

Sets the title displayed in browser tab:

title: My Website

Elements

Button

Creates a button with various parameters:

button() # Simple button button(st1) # Button with style button(link:https://example.com):Click # Button with link button(st1,link:https://example.com):Click # Style and link

Text

Creates a text block with formatting:

text(): Plain text text(bold): Bold text text(italic): Italic text text(bold,italic): Bold and italic text(big): Large text

Image

Inserts an image on the page:

img(): photo.png # Regular image img(big): photo.png # Large image

Video

Inserts video on the page:

video(controls):video.mp4 video(autoplay,loop,muted):video.mp4 video(controls,width:800,height:450):video.mp4

Parameters: controls, autoplay, loop, muted, width:value, height:value

Audio

Inserts audio player:

audio(controls):audio.mp3 audio(controls,autoplay):audio.mp3 audio(controls,loop):audio.mp3

Parameters: controls, autoplay, loop, muted

Iframe

Embeds external page or video:

iframe(src:https://example.com) iframe(allowfullscreen,width:560,height:315):https://youtube.com/embed/...

Parameters: allowfullscreen, width:value, height:value

Examples

Simple Website

style:black title: My Website text(bold,big): Welcome! text(): This is my first Ving website button(st1,link:https://example.com):Go

Website with Media

style:black title: Media Site text(bold): Video video(controls):video.mp4 text(bold): Audio audio(controls):audio.mp3 text(bold): YouTube iframe(allowfullscreen,width:560,height:315):https://youtube.com/embed/...

Compilation

Basic Usage

./vingc input.ving output.html

Parameters

Home Quick Reference