GithubHelp home page GithubHelp logo

pylover / adia-live Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 2.0 1.65 MB

Demo page for https://github.com/pylover/adia.

License: MIT License

Makefile 1.68% HTML 16.79% JavaScript 19.51% Python 1.24% Svelte 53.48% Sass 7.31%

adia-live's Introduction

ADia live demo

Deploy

This is live demo implementation for the ADia project and deployed at https://pylover.github.io/adia.

Contribution

Get started

Install the dependencies.

You need the nodejs, python3 and pip3 to install the yhttp which required by the server.py.

make env

...then start the development server.

make lint
make serve

Contribution rules

  • Lint before commit
  • Maximum line width: 79 characters.
  • Single qoute for string literals: ' ('foo')

adia-live's People

Contributors

pylover avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

adia-live's Issues

Copy function

A button to copy the right textarea content into the cripboard.

Analytics

https://clicky.com/ seems promising.

Fullscreen

A fullscreen button to make the ADia component fullscreen.

VIM hotkeys

Popular VIM hotkeys should be implemented:

h j k l o y p x d

Readme

  • About
  • Install
  • Contributing

The color palete

GUI

$bg-verydark: #1f1f1f
$bg-dark: #2d2d2d
$bg-light: #393939
$fg: #e7e8eb
$jingool: #4c4359
$mangool: #5a9e70

Syntax Highlight

$hl-keyword: #1e90ff
$hl-comment: #008b8b
$hl-attr: #4682b4
$hl-op: #ff69b4
$hl-text: #d3d3d3
$hl-module: #e9967a
$hl-return: #a9a9a9

Show the message when browser is IE and or Edge

For example:

Oh Sorry!

We're not taking care of the Microsoft browsers. So, you have two options:

  1. Make your own ASCII diagram service for your environment.
  2. Use Google Chrome, Firefox etc...

We strongly recommend the second option.

Web worker

How about move the ADia process into a web worker?

Persistency

It would be great if the data inside the left (editable) text area became persistent (storing in local storage, etc...) and restored after a refresh or every time the page opened on the same browser and the same machine.

It helps users to not lose data accidentally.

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.