From 029d2276face590907390c508a0fbd5d40b5b796 Mon Sep 17 00:00:00 2001 From: Gregor Wuest Date: Thu, 21 May 2020 17:57:03 +0200 Subject: [PATCH] raw website - open form with button - some styling --- css/notes_app.css | 40 +++++++++++++++++++++++++++++++++++++--- html/index.html | 25 +++++++++++++++++++++++-- scripts/notes_app.js | 10 +++++----- 3 files changed, 65 insertions(+), 10 deletions(-) diff --git a/css/notes_app.css b/css/notes_app.css index dbe9e7f..7ad2e9c 100644 --- a/css/notes_app.css +++ b/css/notes_app.css @@ -1,3 +1,37 @@ -h1 { - color:green -} \ No newline at end of file +body{ + background-color:#f9f5f4; + columns:#555555; + font-family:Arial, Helvetica, sans-serif; + font-size:16px; +} + +#mainHeader h1{ + margin:0; + padding:2.5px; +} + +#mainHeader h6{ + margin-top:0; + padding:2.5px; +} + +#noteFormDiv{ + display: none; +} + +#noteForm{ + padding:5px; + margin-top:2px; + display: inline-block; + border:1px black solid; +} + +#memo{ + width: 300px; + height: 150px; + box-sizing: border-box; +} + +#input1{ + margin-bottom:5px; +} diff --git a/html/index.html b/html/index.html index e3b02df..1817482 100644 --- a/html/index.html +++ b/html/index.html @@ -4,11 +4,32 @@ Document + -

Hello World

-

Whats the matter ?

+
+

+ Quick Notes +

+
+ A sample note web app to demonstrate the usage of Promises/Async/Await. +
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+ \ No newline at end of file diff --git a/scripts/notes_app.js b/scripts/notes_app.js index 8a34a90..823462c 100644 --- a/scripts/notes_app.js +++ b/scripts/notes_app.js @@ -1,5 +1,5 @@ -function test() { - alert("Test something"); -} - -console.log("Hello") \ No newline at end of file +$(document).ready(function(){ + $("#addNoteDiv").on('click', function() { + $("#noteFormDiv").toggle() + }) +}) \ No newline at end of file