diff --git a/NewPost.html b/NewPost.html
new file mode 100644
index 0000000..06bcfcc
--- /dev/null
+++ b/NewPost.html
@@ -0,0 +1,71 @@
+
+
+
+
+
+ New Post
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/NewPost.html~ b/NewPost.html~
new file mode 100644
index 0000000..ccb924a
--- /dev/null
+++ b/NewPost.html~
@@ -0,0 +1,71 @@
+
+
+
+
+
+ New Post
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/blog1.css b/blog1.css
index 909ee5e..0ecf4ce 100644
--- a/blog1.css
+++ b/blog1.css
@@ -261,6 +261,19 @@ body {
padding: 0px;
bottom: 10px;
right: 5px;
+}
+
+.Button4 {
+ height: 40px;
+ width: 150px;
+ position: relative;
+ float: left;
+ #border: 1px solid orange;
+ margin: 10px;
+ padding: 0px;
+ bottom: 10px;
+ right: 5px;
+
}
@@ -315,4 +328,29 @@ video {
position: relative;
margin: 40px;
-}
+}
+
+#PostHeading {
+ margin-left:20px;
+ margin-top: 10px;
+ margin-bottom: 5px;
+ height: 30px;
+ width: 300px;
+}
+
+#PostBody {
+ margin-left:20px;
+ margin-top: 0px;
+ margin-bottom: 5px;
+ height: 260px;
+ width: 500px;
+
+}
+
+#ButtonPost {
+ margin-left:20px;
+ margin-top: 0px;
+ margin-bottom: 5px;
+}
+
+
diff --git a/blog1.css~ b/blog1.css~
index 430785b..30ba49f 100644
--- a/blog1.css~
+++ b/blog1.css~
@@ -257,10 +257,23 @@ body {
position: absolute;
float: right;
#border: 1px solid orange;
- margin: -20px;
+ margin: -15px;
padding: 0px;
bottom: 10px;
right: 5px;
+}
+
+.Button4 {
+ height: 40px;
+ width: 150px;
+ position: relative;
+ float: left;
+ #border: 1px solid orange;
+ margin: -15px;
+ padding: 0px;
+ bottom: 10px;
+ right: 5px;
+
}
@@ -315,4 +328,29 @@ video {
position: relative;
margin: 40px;
-}
+}
+
+#PostHeading {
+ margin-left:20px;
+ margin-top: 10px;
+ margin-bottom: 5px;
+ height: 30px;
+ width: 300px;
+}
+
+#PostBody {
+ margin-left:20px;
+ margin-top: 0px;
+ margin-bottom: 5px;
+ height: 260px;
+ width: 500px;
+
+}
+
+#ButtonPost {
+ margin-left:20px;
+ margin-top: 0px;
+ margin-bottom: 5px;
+}
+
+
diff --git a/blog1.js b/blog1.js
new file mode 100644
index 0000000..de25525
--- /dev/null
+++ b/blog1.js
@@ -0,0 +1,23 @@
+function save(){
+ var fieldValue1 = document.getElementById('PostHeading').value;
+ localStorage.setItem('Heading', fieldValue1);
+ };
+
+$('document').ready(function(){
+
+ console.log("We are live!");
+ $('#ButtonPost').click(function(){
+ console.log('waddup');
+ window.location.href='index.html';
+ });
+
+ $('#refresh').click(function(){
+
+ console.log(localStorage.getItem('Heading'));
+ $('#ContentItemsHome').animate({height: "+=150px"});
+ $('#ContentItemsHome').append(" ");
+ $('#ContentBlockHome').animate({height: "+=150px"});
+});
+});
+
+
diff --git a/blog1.js~ b/blog1.js~
new file mode 100644
index 0000000..8f80bb1
--- /dev/null
+++ b/blog1.js~
@@ -0,0 +1,23 @@
+function save(){
+ var fieldValue1 = document.getElementById('PostHeading').value;
+ localStorage.setItem('Heading', fieldValue1);
+ };
+
+$('document').ready(function(){
+
+ console.log("We are live!");
+ $('#ButtonPost').click(function(){
+ console.log('waddup');
+ window.location.href='index.html';
+ });
+
+ $('#refresh').click(function(){
+
+ console.log(localStorage.getItem('Heading'));
+ $('#ContentItemsHome').animate({height: "+=150px"});
+ $('#ContentItemsHome').append(" ");
+ $('#ContentBlockHome').animate({height: "+=150px"});
+});
+});
+
+
diff --git a/index.html b/index.html
index 618e726..8f94045 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,13 @@
Home
-
+
+
+
+
+
+
+
@@ -94,8 +100,8 @@
- This is a test of how a blog snippet will look...
- please click "See More" for more!!
+ Click more to see what we have learnt during
+ our time at CodeX so far...
-
-
-
+
+
+
+
