added landing page

app.jl

@@ -46,8 +46,49 @@ function handlers(model)
   model
 end
 
+function landingpage_ui(model)
+  page(model, class="container", style="text-align: center;", [
+    #img(src="/wizard_chess.webp", style="padding-top: 25px;")
+    h1("Learn the Dark arts of Dark Chess Bots")
+    h3("Interactive paper and implementation walk through to building a state of the dark chess bot")
+    h4("with Deep RL concepts")
+    p([
+      a([
+        input("Explore the paper",type="button", value="Explore the paper", class="button8", style="""
+a.button8{
+ display:inline-block;
+ padding:0.2em 1.45em;
+ margin:0.1em;
+ border:0.15em solid #CCCCCC;
+ box-sizing: border-box;
+ text-decoration:none;
+ font-family:'Segoe UI','Roboto',sans-serif;
+ font-weight:400;
+ color:#000000;
+ background-color:#CCCCCC;
+ text-align:center;
+ position:relative;
+}
+a.button8:hover{
+ border-color:#7a7a7a;
+}
+a.button8:active{
+ background-color:#999999;
+}
+@media all and (max-width:30em){
+ a.button8{
+  display:block;
+  margin:0.2em auto;
+ }
+}
+          """)
+      ],href="$(linkto(:get_interactive_paper))")
+    ])
+  ])
+end
+
 function ui(model)
-  page(model, class="container", [
+  page(model, class="container", style ="margin-left:10px;", [
                                   h1("Building Dark Chess Engines for SOTA Performance")
                                   h3("By Anooj Patel")
       
@@ -99,6 +140,11 @@ function ui(model)
 end
 
 route("/") do
+  model = Model |> init |> handlers
+  html(landingpage_ui(model), context = @__MODULE__)
+end
+
+route("/interactive_paper") do
   model = Model |> init |> handlers
   html(ui(model), context = @__MODULE__)
 end