commit 96ea779e63f037f98a97539213a212099eb5977f parent 703b2b6fd2e69e997647fe358a36308d653f42c0 Author: Jacob R. Edwards <jacob@jacobedwards.org> Date: Thu, 10 Oct 2024 12:54:14 -0700 Refresh main page It's not finished yet but it's getting there. Diffstat:
| M | files/index.html | | | 31 | ++++++++++++++++++++++--------- |
| A | files/main.css | | | 28 | ++++++++++++++++++++++++++++ |
2 files changed, 50 insertions(+), 9 deletions(-)
diff --git a/files/index.html b/files/index.html @@ -4,17 +4,30 @@ <meta name="viewport" content="width=device-width"> <title>Spaceplanner</title> <link rel="stylesheet" type="text/css" href="/css/main.css"> + <link rel="stylesheet" type="text/css" href="./main.css"> <script type="module" src="./main.js"></script> </head> <body> <h1>Spaceplanner</h1> - <p>Easy. Fast. Simple.</p> - - <p>Quickly create accurate floorplans for you or your client's new home.</p> - <p>Plan furniture placement.</p> - <p>Instantly switch between furniture layouts.</p> - <p>Seamlessly switch between your touch device and laptop.</p> - - <a class="pop button" href="/register">Signup now!</a> - </body> + <span class="slogan">Easy. Fast. Simple.—Designed by those who use it.</span> + + + <ul class="points"> + <li> + <a href="/register">Quickly create accurate floorplans</a> for you or your client's new home + </li> + + <li> + <a href="/register">Plan furniture placement</a> without the complexity + </li> + <li> + <a href="/register">Use the best device for the situation at hand</a> seamlessly switching between them + </li> + </ul> + + <aside><a href="/floorplans/floorplan/?id=flp_demo">Try + out the demo</a> without an account and see what + you think, or <a href="/register">signup</a> + now!</aside> + </body> </html> diff --git a/files/main.css b/files/main.css @@ -0,0 +1,28 @@ +body { + font-size: larger; +} + +h1 { + margin-bottom: .05em; +} + +.slogan { + margin-left: .75em; + font-size: smaller; +} + +aside { + float: none; + padding: .5em; + max-width: 30ch; +} + +ul.points { + list-style-type: none; + padding-left: 0; +} + +ul.points > li { + margin-bottom: 1em; + max-width: max(40ch, 40vw); +}