diff options
Diffstat (limited to 'bin/main.ml')
| -rw-r--r-- | bin/main.ml | 50 |
1 files changed, 38 insertions, 12 deletions
diff --git a/bin/main.ml b/bin/main.ml index f1f0cfd..79593c9 100644 --- a/bin/main.ml +++ b/bin/main.ml @@ -22,19 +22,38 @@ let hello : Dream.handler = fun _ -> Dream.html {|<html> + <head> + <link rel="stylesheet" href="css/main.min.css"> + </head> <body> - <h1>Hello!</h1> - <div> - <noscript>Sorry, you need to enable JavaScript to see this page.</noscript> - <script id="lib" type="text/javascript" defer="defer" src="js/content.js"></script> - <script> - var script = document.getElementById('lib'); - lib.addEventListener('load', function() { - client.start() - }) - </script> - </div> - <div id="content" /> + <div id="app"> + <section class="hero is-hero-bar"> + <div class="hero-body"> + <div class="level"> + <div class="level-left"> + <div class="level-item"><h1 class="title"> + Dashboard + </h1></div> + </div> + <div class="level-right" style="display: none;"> + <div class="level-item"></div> + </div> + </div> + </div> + </section> + <h1>Hello!</h1> + <div> + <noscript>Sorry, you need to enable JavaScript to see this page.</noscript> + <script id="lib" type="text/javascript" defer="defer" src="js/content.js"></script> + <script> + var script = document.getElementById('lib'); + lib.addEventListener('load', function() { + client.start() + }) + </script> + </div> + <div id="content" /> + </div> </body> </html>|} @@ -44,11 +63,18 @@ let js_assets _root path _request = | None -> Dream.empty `Not_Found | Some asset -> Dream.respond asset +let css_assets _root path _request = + (* This module is automatically generated — see the dune file to see the rule *) + match CssAssets.read path with + | None -> Dream.empty `Not_Found + | Some asset -> Dream.respond asset + let () = Dream.run @@ Dream.logger @@ Dream.router [ Dream.get "/js/**" (Dream.static ~loader:js_assets ""); + Dream.get "/css/**" (Dream.static ~loader:css_assets ""); Dream.get "/" hello; route; ] |