From f8dea245a10e4543e95896a6d5dd375511a20219 Mon Sep 17 00:00:00 2001 From: Chris McCormick Date: Mon, 25 Aug 2025 09:29:30 +0800 Subject: [PATCH 1/3] Logo idea. --- doc/scittle.svg | 134 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 134 insertions(+) create mode 100644 doc/scittle.svg diff --git a/doc/scittle.svg b/doc/scittle.svg new file mode 100644 index 0000000..c600dbb --- /dev/null +++ b/doc/scittle.svg @@ -0,0 +1,134 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + From dbc1b9d30f272bf4d36003e57feb434a1823bf82 Mon Sep 17 00:00:00 2001 From: Chris McCormick Date: Mon, 25 Aug 2025 10:34:25 +0800 Subject: [PATCH 2/3] Basic sstyling. --- resources/public/css/style.css | 46 +++++++++++++++++++++++++++++++++- resources/public/index.html | 23 +++++++++-------- resources/public/scittle.svg | 1 + 3 files changed, 58 insertions(+), 12 deletions(-) create mode 120000 resources/public/scittle.svg diff --git a/resources/public/css/style.css b/resources/public/css/style.css index 55ef6c5..a6c3613 100644 --- a/resources/public/css/style.css +++ b/resources/public/css/style.css @@ -1,7 +1,51 @@ +body { + font-family: Arial; + width: 100%; + max-width: 1024px; + margin: auto; + background-color: #FBFAF8; + color: #302F2B; + font-size: 18px; +} + +h1 > img { + height: 1em; + margin-right: 0.25em; +} + +a { + color: #2176BC; +} + +button:not(#app button) { + display: inline-block; + outline: 0; + border: 0; + cursor: pointer; + background-color: #4299e1; + border-radius: 4px; + padding: 8px 16px; + font-size: 16px; + border-bottom: 4px solid #2b6cb0; + font-weight: 700; + color: white; + line-height: 26px; +} + +input, textarea { + border: 2px solid #888; + padding: 0.25em 0.5em; + border-radius: 4px; + font-size: 1em; +} + +code { + border-radius: 4px; +} + div#app { color:#666; - font-family: Arial; } div#app td diff --git a/resources/public/index.html b/resources/public/index.html index ae0fdfd..7497d58 100644 --- a/resources/public/index.html +++ b/resources/public/index.html @@ -66,10 +66,12 @@ (.highlightElement js/hljs code)))) (.send req))) + (.highlightAll js/hljs) + @@ -77,7 +79,7 @@
-

Scittle

+

Scittle

What is this?

This project exposes the Small Clojure Interpreter in the browser in such a way that you can use it with the script tag.

@@ -105,7 +107,7 @@ When you have a file on your server, say cljs/script.cljs, you can load it using the src attribute: 

-        <script src="cljs/script.cljs" type="application/x-scittle"></script>
+<script src="cljs/script.cljs" type="application/x-scittle"></script>
@@ -136,7 +138,6 @@ in addition to scittle.js, you need to include scittle.cljs-ajax.js:
- @@ -151,20 +152,20 @@

Target :scittle in cljc

You can target scittle in .cljc files (use a script tag to include the cljc file) with the :scittle reader conditional like this:
- 

-    #?(:scittle
-       (js/console.log "In scittle")
-       :org.babashka/nbb
-       (js/console.log "In nbb")
-       :cljs
-       (js/console.log "In cljs"))
+    

+#?(:scittle
+   (js/console.log "In scittle")
+   :org.babashka/nbb
+   (js/console.log "In nbb")
+   :cljs
+   (js/console.log "In cljs"))
     

 
     
     
JS libraries

 
     To use JavaScript libraries with Scittle,
-    see README.md
+    see js-libraries.md
 
     
     
REPL

diff --git a/resources/public/scittle.svg b/resources/public/scittle.svg
new file mode 120000
index 0000000..ce90f3b
--- /dev/null
+++ b/resources/public/scittle.svg
@@ -0,0 +1 @@
+../../doc/scittle.svg
\ No newline at end of file

From f9c3f6e88b62c21ae82ee94492760e41e7f183b8 Mon Sep 17 00:00:00 2001
From: Chris McCormick 
Date: Mon, 25 Aug 2025 10:42:25 +0800
Subject: [PATCH 3/3] Remove stray ebb element from logo.

---
 doc/scittle.svg | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/doc/scittle.svg b/doc/scittle.svg
index c600dbb..ecb5dd5 100644
--- a/doc/scittle.svg
+++ b/doc/scittle.svg
@@ -39,22 +39,17 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
-     inkscape:window-height="1031"
+     inkscape:window-height="1080"
      id="namedview886"
      showgrid="false"
      inkscape:zoom="0.72497901"
-     inkscape:cx="140.69373"
-     inkscape:cy="215.86832"
+     inkscape:cx="130.3486"
+     inkscape:cy="216.55799"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="g1375"
+     inkscape:current-layer="svg884"
      inkscape:pagecheckerboard="0" />
-