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 4d1e68c..5442deb 100644 Binary files a/fonts/Jelly-Icon.ttf and b/fonts/Jelly-Icon.ttf differ diff --git a/fonts/Jelly-Icon.woff b/fonts/Jelly-Icon.woff index a7a7f44..5e7960a 100644 Binary files a/fonts/Jelly-Icon.woff and b/fonts/Jelly-Icon.woff differ diff --git a/help.html b/help.html new file mode 100644 index 0000000..bd33f71 --- /dev/null +++ b/help.html @@ -0,0 +1,41 @@ + + + + + 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"; }