All Projects → leoncvlt → imml

leoncvlt / imml

Licence: other
⚡ Create minimalist, blazing fast no-javascript websites from a single, portable plain text file

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to imml

kirby-highlight
Themeable server-side syntax highlighting for Kirby
Stars: ✭ 14 (-90.07%)
Mutual labels:  no-javascript
Minimal-Blog
Tailwind CSS Starter Template - Minimal Blog
Stars: ✭ 100 (-29.08%)
Mutual labels:  minimalist
blog-nojs-fingerprint-demo
A demo for the no-JavaScript fingerprinting article
Stars: ✭ 443 (+214.18%)
Mutual labels:  no-javascript
microne
A tiny, minimalistic JS music player
Stars: ✭ 33 (-76.6%)
Mutual labels:  minimalist
hugo-documentation-theme
📖 Project Docs / Knowledge Base template for Hugo Website Builder. 创建项目文档
Stars: ✭ 101 (-28.37%)
Mutual labels:  site-generator
SimpleFox
🦊 A Userstyle theme for Firefox minimalist and Keyboard centered.
Stars: ✭ 1,403 (+895.04%)
Mutual labels:  minimalist
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (-66.67%)
Mutual labels:  no-javascript
Launcher
🚀 A distraction-free minimal homescreen for Android.
Stars: ✭ 116 (-17.73%)
Mutual labels:  minimalist
Boston-Icons
Boston is an exclusive icon theme inspired by functionalist design and a touch of early computer icons. The project is focused on elemental properties, basic shapes, a reduced color palette and visual hierarchy.
Stars: ✭ 106 (-24.82%)
Mutual labels:  minimalist
book-mdpc
Il cinema tra le righe... di codice!
Stars: ✭ 59 (-58.16%)
Mutual labels:  minimalist
tomloprodModal
tomloprodModal is a configurable pure javascript library to create responsive and minimalist modal windows with no dependencies.
Stars: ✭ 17 (-87.94%)
Mutual labels:  minimalist
SlimTracin
Software ray tracer written from scratch in C that can run on CPU or GPU with emphasis on ease of use and trivial setup
Stars: ✭ 49 (-65.25%)
Mutual labels:  minimalist
ugly-todo
Just an Ugly To-Do app that I wanted to develop.
Stars: ✭ 35 (-75.18%)
Mutual labels:  minimalist
lambda-zero
A minimalist pure lazy functional programming language
Stars: ✭ 65 (-53.9%)
Mutual labels:  minimalist
portfolio-jekyll-theme
A minimalist Jekyll theme for building a personal portfolio site powered by Jekyll and GitHub Pages
Stars: ✭ 168 (+19.15%)
Mutual labels:  minimalist
Asgar
A two-column, clean and minimalist theme for @TryGhost
Stars: ✭ 22 (-84.4%)
Mutual labels:  minimalist
blueface
A minimalist Jekyll theme.
Stars: ✭ 26 (-81.56%)
Mutual labels:  minimalist
hyper-rose-pine-next
Hyper Theme - which supports your System Preferences
Stars: ✭ 28 (-80.14%)
Mutual labels:  minimalist
nginx-errors
A set of custom minimalist 4xx and 5xx error pages for Nginx.
Stars: ✭ 34 (-75.89%)
Mutual labels:  minimalist
components
Example Components (Built with Tonic)
Stars: ✭ 62 (-56.03%)
Mutual labels:  minimalist

imml

imml (indented markdown markup language) is a markup language and static site generator whose purpose is to create minimalist, blazing fast no-javascript websites from a single, portable plain text file.

The project was born from the desire to have a process to build a personal website which doesn't get more complicated than editing a single text file and calling it a day. Could be the perfect choice for your blog, public brain dump, recipe list, no-fuss portfolio, low-fi zine, or anything you can think of.

features

  • your whole website is a single, portable, offline, private plain text file
  • blazing fast to load and build
  • no javascript
  • it's a better motherfucking website
  • makes you understand that perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away

using imml

Visit https://leoncvlt.github.io/imml/ for a web-based imml editor. Write in the editor on the left side and it will be parsed in real-time into the results shown on the right. The web-based editor saves to localstorage, so feel free to come back to it later on - or you can manually save and load a file by using the toolbar buttons on the top left. The export button exports your site as a single .html file.

Alternatively, write a file locally on your machine and then, with node.js installed, run npx imml <path to your text file> to generate a minified html file. Run npx imml --help or click here to find out more about the command line tool.

writing guide

Wrap text between [square brackets] to create a page and a link to it, then indent and write markdown to create the content for that page. The first page in the imml document is your home. Nest pages to create a site structure. For more advanced usage, check the detailed writing guide in the wiki.

using as a library

import { parse, render } from "imml";

// import the default style, or make your own
import "imml/lib/style.css"; 

const text = `
[home]
    Hello World!
    [foo]
        bar
`

const data = parse(text);
render(data, window.document);

Support Buy me a coffee

If this tool has proven useful to you, consider buying me a coffee to support development of this and many other projects.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].