Giter Club home page Giter Club logo

crowdfavorite / wp-capsule-ui Goto Github PK

View Code? Open in Web Editor NEW
19.0 54.0 16.0 12.42 MB

The developer's code journal (built on WordPress) UI Component

Home Page: https://crowdfavorite.com/capsule/

License: GNU General Public License v2.0

CoffeeScript 0.01% CSS 0.48% JavaScript 94.51% PHP 1.61% Makefile 0.02% HTML 3.33% Haxe 0.01% Nix 0.01% ABAP 0.01% ActionScript 0.01% Ada 0.01% Assembly 0.01% AutoHotkey 0.01% Batchfile 0.01% C++ 0.01% Cirru 0.01% Clojure 0.01% COBOL 0.01% ColdFusion 0.01% C# 0.01%
wordpress capsule developer-tools

wp-capsule-ui's Introduction

Capsule UI

The shared interface code for Capsule and Capsule Server.

Building for distribution

  • Make sure node.js and npm are installed (tested with node.js 0.10.5).
  • Run npm install from the top level directory (containing package.json) to install required node modules.
  • Run npm run-script build to minify and concatenate resources

wp-capsule-ui's People

Contributors

abackstrom avatar al-esc avatar alexkingorg avatar amuscalu avatar cristirusu avatar dependabot[bot] avatar devinclark avatar ejdanderson avatar harlet avatar mbucurcf avatar mzaweb avatar ramseyp avatar stevenkword avatar ziz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wp-capsule-ui's Issues

Add title attributes to sidebar navigation

It's not obvious what some of the icons in the sidebar are for until you click them. Adding title attributes to the anchor tags will allow the user to see tooltips when the hover their mouse over the icons.

cc @cristirusu

Add dependencies via Composer

Add external link icon to server list

The list of capsule servers just displays links to the servers home page. Adding an external link icon before the server name would make it clear that you're just opening a link to the server URL itself.

cc @cristirusu

Add default styles for footnotes

GitHub Flavored Markdown supports footnotes (super-script number link to anchor at bottom of content):

This is an example of a footnote[1]

[1]: Here is the actual note

This is an example of a footnote[1]

[1]: Here is the actual note

Right now UI inconsistently parses/renders the footnote markup (eg, it works in some formatted blocks, but not in a default paragraph). In the cases it does outputs, it shows the linked "1" next to 'footnote' but the link goes to a 404 (and actual note doesn't output at bottom of entry) like capsule.dev/Here is the actual note

Investigate CodeMirror editor's live Markdown formatting

Prose uses CodeMirror to provide live Markdown syntax formatting (resized headers and so forth), which is kind of neat. Possibly it would be neat and not inconvenient to do so here too, and possibly Ace can style things that way.

Another possibility is that CodeMirror would make a better / easier / more entertaining editor for Capsule versus Ace.

Identify all the submodules

Identify all the submodules and the functionality used from submodules.
Check:

  • if the submodules are at the latest version - OK
  • if there is a develop branch with updated code (CF submodule) - if code is old try to update the master from develop and update to current coding standards
  • if the submodules are unmaintained forks of external repos - update the project to use the external repo

In the end the submodules will be removed, code from submodules will be included in main project repo or will be included via Composer.

Add default styles for tables

GitHub Flavored Markdown supports tables:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Some better table styles could probably be added.

Better support for unrecognized languages

Fenced in code blocks of unrecognized languages don't get treated the same way as default code blocks in the non edit view. They're stripped of most formatting and no line numbers are present.

image

image

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.