From 7c48cfdd282353b19895e0bb892b55acd12f13e1 Mon Sep 17 00:00:00 2001 From: Hauke D Date: Wed, 10 Oct 2018 19:58:43 +0200 Subject: [PATCH] Copied "web/democode" from 'master' Only changes were to get webperl.js from CDN and rename "demo.html" to "index.html". --- democode/index.html | 166 ++++++++++++++ democode/perleditor.css | 83 +++++++ democode/perleditor.html | 470 +++++++++++++++++++++++++++++++++++++++ democode/perlrunner.html | 177 +++++++++++++++ 4 files changed, 896 insertions(+) create mode 100644 democode/index.html create mode 100644 democode/perleditor.css create mode 100644 democode/perleditor.html create mode 100644 democode/perlrunner.html diff --git a/democode/index.html b/democode/index.html new file mode 100644 index 0000000..bc3f95a --- /dev/null +++ b/democode/index.html @@ -0,0 +1,166 @@ + + + + +WebPerl Code Demo + + + + + + + + +

+This page demonstrates the embeddable +🕸️🐪 WebPerl +Code Demo Editor, which can be embedded using <iframe> elements, including +sandboxing. +The documentation is contained in the source of this page, please use +the "View Source" function of your browser to view it, or have a look at +the project sources on GitHub. +

+ + + + + +

This is a simple example of running a oneliner:

+ + + + + + +

This example includes several files:

+ + + + + + + + diff --git a/democode/perleditor.css b/democode/perleditor.css new file mode 100644 index 0000000..62f566c --- /dev/null +++ b/democode/perleditor.css @@ -0,0 +1,83 @@ + +body { + margin: 0.4em; +} +.text { + font-family: Calibri, Ubuntu, "Droid Sans", Tahoma, Arial, Helvetica, sans-serif; + font-size: 0.9em; +} +pre,textarea,code,.code,.filename,.CodeMirror { + font-family: Consolas, "Ubuntu Mono", "Droid Sans Mono", "Lucida Console", "Courier New", Courier, monospace; +} +pre { + margin: 0; +} +a { + text-decoration: none; +} + +.CodeMirror { + border: 1px solid lightgrey; + height: auto; +} +.CodeMirror-scroll { + max-height: 12em; +} + +.codewithfn { + margin-top: 0.4em; +} +.fnfuncs { + cursor: default; +} +.filename { + display: inline-block; + border: 0; + padding: 1px; + min-width: 1em; + cursor: auto; +} +.filefuncs { + display: inline-block; + padding-top: 2px; + position: absolute; + right: 0.2em; +} +.fakelink { + color: darkblue; + cursor: pointer; +} +.badfilename { + background-color: rgba(255,200,200,255); + /* also has a placeholder text */ + min-width: 10em; +} + +#perlctrl { + margin-top: 0.3em; +} + +#misctools { + display: inline-block; + border: 1px solid grey; + padding: 1px 0.8em 1px 0.5em; + margin-top: 0.5em; +} +#runnerstate { + margin-top: 0.2em; + margin-bottom: 0.3em; +} +#runnererrors { + background-color: rgba(255,200,200,255); + margin-top: 0.3em; + margin-bottom: 0.3em; + padding: 0.1em 0.2em; +} + +#inputhere, #outputhere { + text-align: right; +} + +#footer { + margin-top: 0.5em; +} diff --git a/democode/perleditor.html b/democode/perleditor.html new file mode 100644 index 0000000..9f7de49 --- /dev/null +++ b/democode/perleditor.html @@ -0,0 +1,470 @@ + + + + +WebPerl Perl Editor + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ Loading... +
+ + + + + + + + + +
+ +
+ Tools +   + +   + Add Input File +   + Add Output File +   + Copy Frame URL +
+
+ + +
+ Powered by 🕸️🐪 WebPerl (beta) + +   http://webperl.zero-g.net/ +
+ + + diff --git a/democode/perlrunner.html b/democode/perlrunner.html new file mode 100644 index 0000000..b92d3f7 --- /dev/null +++ b/democode/perlrunner.html @@ -0,0 +1,177 @@ + + + + +WebPerl Perl Runner + + + + + + + + + + + + +