aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGabriel Giovanini <gabrielg.desouza@gmail.com>2019-06-23 13:21:41 +0200
committerGabriel Giovanini <gabrielg.desouza@gmail.com>2019-06-23 13:21:41 +0200
commite5ad37620f8f77763514a4934805a7e14574832a (patch)
tree28643df5f2e8f2fbc939c525e97d5ddf77ed3f5b
parent3d9360f12742ef2ec07d2c2997ac4c3690fb647d (diff)
downloadgenpass-e5ad37620f8f77763514a4934805a7e14574832a.tar.gz
genpass-e5ad37620f8f77763514a4934805a7e14574832a.tar.bz2
genpass-e5ad37620f8f77763514a4934805a7e14574832a.zip
Update to layout
-rw-r--r--public/index.html19
-rw-r--r--src/genpass/core.cljs10
2 files changed, 17 insertions, 12 deletions
diff --git a/public/index.html b/public/index.html
index b907717..02fedac 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,16 +1,15 @@
-
<!DOCTYPE html>
<html>
- <head>
+<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="/css/bulma.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div id="app">
- <h3>Loading Pathfinder Tools...</h3>
- </div>
- <script src="./js/app.js" type="text/javascript"></script>
-
- </body>
+</head>
+<body>
+<div id="app">
+ <h3>Loading Pathfinder Tools...</h3>
+</div>
+<script src="./js/app.js" type="text/javascript"></script>
+
+</body>
</html>
diff --git a/src/genpass/core.cljs b/src/genpass/core.cljs
index c65714f..186eaeb 100644
--- a/src/genpass/core.cljs
+++ b/src/genpass/core.cljs
@@ -5,16 +5,22 @@
(def password (r/atom (genpwd)))
-(defn home-page []
+(defn main-section []
[:div.columns>div.column
[:div.field>div.control>input.input.is-primary
{:type "text"
:value @password}]
[:div.field>div.control>input.button.is-primary
{:value "Generate"
- :type "button"
+ :type "button"
:on-click #(reset! password (genpwd))}]])
+(defn home-page []
+ [:div
+ [:section.section>div.container
+ (main-section)]
+ [:footer.footer>div.content.has-text-centered>p "Link"]])
+
(defn mount-root []
(r/render [home-page] (.getElementById js/document "app")))