From 8c0569bf34405dfdf0968b26f33dd70976866943 Mon Sep 17 00:00:00 2001 From: realtradam Date: Thu, 21 Apr 2022 07:55:45 -0400 Subject: init --- template/src/index.html.rb | 12 ++++++++++++ template/src/script.js.rb | 13 +++++++++++++ template/src/style.css.rb | 13 +++++++++++++ 3 files changed, 38 insertions(+) create mode 100644 template/src/index.html.rb create mode 100644 template/src/script.js.rb create mode 100644 template/src/style.css.rb (limited to 'template/src') diff --git a/template/src/index.html.rb b/template/src/index.html.rb new file mode 100644 index 0000000..cefcf6f --- /dev/null +++ b/template/src/index.html.rb @@ -0,0 +1,12 @@ +Paggio.html do + script type: "text/javascript", src: "script.js" + link rel: "stylesheet", href: "style.css" + h1 { "Hello world from Justicar" } + hr + h2.paggio do + 'Hello world from Paggio!' + end + p.paggio do + "This part was generated by Paggio in HTML :)" + end +end diff --git a/template/src/script.js.rb b/template/src/script.js.rb new file mode 100644 index 0000000..0be5ef5 --- /dev/null +++ b/template/src/script.js.rb @@ -0,0 +1,13 @@ +require 'opal' +require 'native' +require 'promise' +require 'browser/setup/full' + +$document.ready do + DOM do + h2.opal do + "Hello World from Opal!" + end + p.opal {"This part was generated by Opal from Javascript (:"} + end.append_to($document.body) +end diff --git a/template/src/style.css.rb b/template/src/style.css.rb new file mode 100644 index 0000000..d9684e3 --- /dev/null +++ b/template/src/style.css.rb @@ -0,0 +1,13 @@ +Paggio.css do + rule '.opal' do + color :dodgerblue + end + + rule '.paggio' do + color :goldenrod + end + + rule 'h1' do + font style: :italic + end +end -- cgit v1.2.3