From cea613d73decd486d0710ef8e3a3dc7f7b41305c Mon Sep 17 00:00:00 2001 From: Jeff Dederick Date: Thu, 19 Oct 2017 11:05:44 -0400 Subject: [PATCH 1/4] name added --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index f5895e0b..db8cf6fa 100644 --- a/README.md +++ b/README.md @@ -3,3 +3,5 @@ assignment_markup_warmup_sprint And 1 and 2! And 1, and 2...! [An HTM5 and CSS3 project from the Viking Code School](http://www.vikingcodeschool.com) + +Jeffrey Dederick From 432343322c917b3684210709b963c452a67422cf Mon Sep 17 00:00:00 2001 From: Jeff Dederick Date: Thu, 19 Oct 2017 19:05:24 -0400 Subject: [PATCH 2/4] basic divs, styling and ipsom --- index.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ styles.css | 38 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 83 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 00000000..d515bac6 --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + + + + Markup Warmup +
+
+
+
+

The Lorem Micro Blog

+ By Foo Bar +
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+
+

This copyrighted telecast is presented by authority of the Office of the Commissioner of Blogging. + It may not be reproduced or retransmitted in any form, and the accounts and descriptions of this game may not + be disseminated without express written consent.

+
+
+ +
+ + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..6717cdfa --- /dev/null +++ b/styles.css @@ -0,0 +1,38 @@ +.main { + display: flex; + padding: 30px; +} +.header{ + background: #aac6a1; + border: 2px solid black; + border-radius: 20px; + text-align: center; +} + +.posts { + background: #a1c6c6; + border: 2px solid black; + border-radius: 2px; +} + +.post-section{ + display: flex; +} + +#blogs { + flex: 2; +} + +#aside { + flex: 1; + background: #d1a3aa; + border: 2px solid black; + border-radius: 2px; +} + +#foot { + background: #8eb0d1; + border: 2px solid black; + border-radius: 30px; + text-align: center; +} From c9cf56e88fce0657519131571d0bffa00016259d Mon Sep 17 00:00:00 2001 From: Jeff Dederick Date: Fri, 20 Oct 2017 16:18:10 -0400 Subject: [PATCH 3/4] content and styling complted --- index.html | 19 ++++++++++++--- styles.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 77 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index d515bac6..614b769e 100644 --- a/index.html +++ b/index.html @@ -17,13 +17,24 @@

The Lorem Micro Blog

+

A Most Postly Post

+

Written 1/3/2000

+

First Thoughts...

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Additional Thoughts....

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Another Postly Post

+

Written 1/2/2000

+

Only Thoughts

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

A Postly Post

+

Written 1/5/2000

+

Be It Resolved

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.