From 6add37d94a12cbcd55d328083fe448b43fb4a558 Mon Sep 17 00:00:00 2001 From: Bernard Teo Date: Wed, 23 Aug 2017 21:40:59 +0800 Subject: [PATCH] download icon and some of help page --- bf.html | 4 +- fonts/Jelly-Icon.svg | 1 + fonts/Jelly-Icon.ttf | Bin 2584 -> 2664 bytes fonts/Jelly-Icon.woff | Bin 2660 -> 2740 bytes help.html | 41 ++++++++++++++++++++ icons/download(backup).svg | 77 +++++++++++++++++++++++++++++++++++++ icons/download.svg | 70 +++++++++++++++++++++++++++++++++ jelly-icon.css | 9 +++-- 8 files changed, 197 insertions(+), 5 deletions(-) create mode 100644 help.html create mode 100644 icons/download(backup).svg create mode 100644 icons/download.svg diff --git a/bf.html b/bf.html index 2cf029b..52ecdf2 100644 --- a/bf.html +++ b/bf.html @@ -5,7 +5,7 @@ Jelly Compiler for Brainfuck - + @@ -30,7 +30,7 @@ Jelly Compiler for Brainfuck
Open
-
file_download
Download
+
Download
Compile
Run
diff --git a/fonts/Jelly-Icon.svg b/fonts/Jelly-Icon.svg index 26f48ca..6d43204 100644 --- a/fonts/Jelly-Icon.svg +++ b/fonts/Jelly-Icon.svg @@ -17,5 +17,6 @@ + \ No newline at end of file diff --git a/fonts/Jelly-Icon.ttf b/fonts/Jelly-Icon.ttf index 4d1e68c6e16df22b51bec74732d99ca9ec355f7f..5442deb54725ea2c7e2ce69714a37635c7ec4ba3 100644 GIT binary patch delta 508 zcmbOs@50V! zKyd*E2Br)k&5@o{nYQHV-f2KSP@L5#BQ-IFZ|UOK3=Hfb{bm_J0ro@87lHgQK)y;w zZb^k11E(cWs|1kmkdvS6n8em^3%HGBvRn zykUrA7Gd@R8pzGSV6G^tC@iQfZmuk-{Dw*6?~S8#KfIVbZ;c<*n}20*-Y|ACFid7< zuaxn5$agxP-{va=H^`F=3|9~9Z->#7XRwg Rp#qF1pyP!%`*WOR1OQ;hd9eTh delta 420 zcmaDMGDD=EfsuiMft#U$ftkU;KUm-B{4SY)K#@H_oRFNGSP(Zmq?>_(Q3i-D(i4jd zfZ_rS3``+Fnj<}@GEKS7Z~>4X!@$5Qk&&91!Z&H%Zw3bT5}>?U22g01lr z`v4uVsvy6(1n5v8;QRrSXJBT&I`Ke$>=K|aK*Ar5&{e$ zhcYls0h7Rxn|y<@lAH0%AqEg;VBp)F!L*rWvOjyNjHDCm?|6QjuMFHECowQw-MQ5s oMo)ggZqCR*S%SlQayW;AU=P@}{0vcG*8_tSXqE8h`5Y%10clcRasU7T diff --git a/fonts/Jelly-Icon.woff b/fonts/Jelly-Icon.woff index a7a7f447211fd7b84b4fca9354b359bdf422898b..5e7960ab8514ce543b41ece7789b1aad7693e5b9 100644 GIT binary patch delta 519 zcmaDNvPD#^+~3WOfsp|SxVA8GgXs(g#>s(P!V@(`>t&gea}x^~7#K5v*aw7dHu~_b3m~`dQN2;P;3ta11nG+tIv|Bd#7cjCZ+(DfYg|QFyGR}uQPyxKrsg( zUj>BO4>4cN$StV=iUHL!fW#fl7&t9+@{~fP4io z7G;RZOUz9LioF0jZWRcB{L{C#AiuZ-=%Fcab<98(GxN>KJdF9SYk=Mb@lAj<3y@v| z#2WSuj!vZh~KA>ZkEew(ih+#nAzFkC&Xza2(Te!_0fC@@)u!yp+ z`6?jHeu()(Ms7(3&?p%o-v)$@7&v@$@{t{NfUzhg{(5n1L*2=Btx=81tQ%FfcNJ_$EM_1xPOe z@)*H + + + + Using Jelly + + + + + +
+ +
+

Using Jelly

+

Jelly allows execution of your brainfuck program in three different modes:

+
    +
  • Interpreted (Debug) + Interactive
    • +
  • Compiled (Release) + Interactive
    • +
  • Compiled (Release) + Non-Interactive
    • +
+

Compiled mode runs significantly faster than interpreted mode as Jelly converts your brainfuck program to WebAssembly, which is compiled to native code on your browser. A moderate amount of optimizations are also performed before generating the WebAssembly code, resulting in one of the fastest web-based brainfuck execution speeds.

+

Interpreted mode allows for step-through debugging and memory inspection   modification. Jelly's advanced debugging features may be accessed by using this mode.

+

Interactive mode means that input and output are interleaved like the Unix terminal or Windows command prompt, and you may read output and send input to your brainfuck program while it is running. On the other hand, non-interactive mode requires that all input is prepared before starting execution and will only make any output visible after your program has terminated.

+

Unless you have large quantities of input or output to process, it is unlikely that your program will run significantly slower in interactive mode, so interactive mode is the recommended option to use.

+

To run your brainfuck program, simply type (or paste) your code in the code editor and click the "Run" button on the top menu after selecting the correct mode.

+

Debugging Features

+

Code may be paused at any time while running, by pressing the "Pause/Continue" button. This will enter or exit pause mode.

+ +
+
+ + + \ No newline at end of file diff --git a/icons/download(backup).svg b/icons/download(backup).svg new file mode 100644 index 0000000..327d1ae --- /dev/null +++ b/icons/download(backup).svg @@ -0,0 +1,77 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/icons/download.svg b/icons/download.svg new file mode 100644 index 0000000..2d53f99 --- /dev/null +++ b/icons/download.svg @@ -0,0 +1,70 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/jelly-icon.css b/jelly-icon.css index ca15e37..64215e1 100644 --- a/jelly-icon.css +++ b/jelly-icon.css @@ -1,9 +1,9 @@ @font-face { font-family: 'Jelly-Icon'; src: - url('fonts/Jelly-Icon.ttf?32s6nr') format('truetype'), - url('fonts/Jelly-Icon.woff?32s6nr') format('woff'), - url('fonts/Jelly-Icon.svg?32s6nr#Jelly-Icon') format('svg'); + url('fonts/Jelly-Icon.ttf?hrgy3s') format('truetype'), + url('fonts/Jelly-Icon.woff?hrgy3s') format('woff'), + url('fonts/Jelly-Icon.svg?hrgy3s#Jelly-Icon') format('svg'); font-weight: normal; font-style: normal; } @@ -26,6 +26,9 @@ .jelly-icon-open:before { content: "\1f4c2"; } +.jelly-icon-download:before { + content: "\f220"; +} .jelly-icon-compile:before { content: "\2699"; }