From b2acdd7a761df4ee1fdf6db4f961336dbfe10cdc Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 15:09:18 -0600 Subject: [PATCH 1/7] finished the first assignment with the box model --- boxmodel/index.html | 24 ++++++++++++++++ boxmodel/styles.css | 69 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) create mode 100644 boxmodel/index.html create mode 100644 boxmodel/styles.css diff --git a/boxmodel/index.html b/boxmodel/index.html new file mode 100644 index 0000000..6b71f22 --- /dev/null +++ b/boxmodel/index.html @@ -0,0 +1,24 @@ + + + + Aaron King...DOM + + + + + +

Header

+
+
+ New! +
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+ + + \ No newline at end of file diff --git a/boxmodel/styles.css b/boxmodel/styles.css new file mode 100644 index 0000000..0224eb9 --- /dev/null +++ b/boxmodel/styles.css @@ -0,0 +1,69 @@ +html, body, p, h1, h2 +{ + margin: 0px; + padding: 0px; + border: 0px; +} + + +h1 +{ + text-align: center; + padding: 10px; +} + +h2 +{ + padding: 10px; +} + +p +{ + padding: 10px; +} + +.post +{ + display: inline-block; + width: 50%; + box-sizing: border-box; + float: left; + border: 3px solid black; +} + +.new +{ + float: right; + background-color: gray; + margin-top: 5px; + padding: 10px; +} + +.right +{ + border-width: 3px 3px 3px 1.5px; +} + +.left +{ + border-width: 3px 1.5px 3px 3px; +} + +@media (max-width: 600px) { + .post + { + width: 100%; + } +} + +@media (min-width: 1920px) { + .post + { + width: 800px; + } + .left + { + margin-left: 1 auto; + } +} + \ No newline at end of file From 14f1bbccd9860faafe9dd9c2e39f6c6f58011f0d Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 15:41:01 -0600 Subject: [PATCH 2/7] initial commit to teh flexbox branch --- flexbox/index.html | 24 ++++++++++++++++ flexbox/styles.css | 69 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) create mode 100644 flexbox/index.html create mode 100644 flexbox/styles.css diff --git a/flexbox/index.html b/flexbox/index.html new file mode 100644 index 0000000..6b71f22 --- /dev/null +++ b/flexbox/index.html @@ -0,0 +1,24 @@ + + + + Aaron King...DOM + + + + + +

Header

+
+
+ New! +
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+ + + \ No newline at end of file diff --git a/flexbox/styles.css b/flexbox/styles.css new file mode 100644 index 0000000..0224eb9 --- /dev/null +++ b/flexbox/styles.css @@ -0,0 +1,69 @@ +html, body, p, h1, h2 +{ + margin: 0px; + padding: 0px; + border: 0px; +} + + +h1 +{ + text-align: center; + padding: 10px; +} + +h2 +{ + padding: 10px; +} + +p +{ + padding: 10px; +} + +.post +{ + display: inline-block; + width: 50%; + box-sizing: border-box; + float: left; + border: 3px solid black; +} + +.new +{ + float: right; + background-color: gray; + margin-top: 5px; + padding: 10px; +} + +.right +{ + border-width: 3px 3px 3px 1.5px; +} + +.left +{ + border-width: 3px 1.5px 3px 3px; +} + +@media (max-width: 600px) { + .post + { + width: 100%; + } +} + +@media (min-width: 1920px) { + .post + { + width: 800px; + } + .left + { + margin-left: 1 auto; + } +} + \ No newline at end of file From 46ad86b21a14803876b4cda42cf567f9c2910e65 Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 17:10:25 -0600 Subject: [PATCH 3/7] ok back to my boxmodel changes for the index.html file --- index.html | 35 ++++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index f74abbf..f836873 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,24 @@ - - - - Introduction to the DOM - - - - - - - \ No newline at end of file +- + - + - + - Aaron King...DOM + - + - + - + - + - + -

Header

+ -
+ -
+ - New! + -
+ -

Placeholder

+ -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+ -
+ -
+ -

Placeholder

+ -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+ -
+ - + - + - \ No newline at end of file From db8e7e0739012b9b3de9587e9f22b80e9b49d7de Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 17:30:49 -0600 Subject: [PATCH 4/7] this should be responsive --- styles.css | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) diff --git a/styles.css b/styles.css index e69de29..cf7651b 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,68 @@ +html, body, p, h1, h2 +{ + margin: 0px; + padding: 0px; + border: 0px; +} + + +h1 +{ + text-align: center; + padding: 10px; +} + +h2 +{ + padding: 10px; +} + +p +{ + padding: 10px; +} + +.post +{ + display: inline-block; + width: 50%; + box-sizing: border-box; + float: left; + border: 3px solid black; +} + +.new +{ + float: right; + background-color: gray; + margin-top: 5px; + padding: 10px; +} + +.right +{ + border-width: 3px 3px 3px 1.5px; +} + +.left +{ + border-width: 3px 1.5px 3px 3px; +} + +@media (max-width: 600px) { + .post + { + width: 100%; + } +} + +@media (min-width: 1920px) { + .post + { + width: 800px; + } + .left + { + margin-left: 1 auto; + } +} \ No newline at end of file From 5ba0b8b0f095a51ddc36a2814f61f680f1dd158c Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 17:32:38 -0600 Subject: [PATCH 5/7] still trying to fix my mess --- boxmodel/index.html | 24 ------------------------ 1 file changed, 24 deletions(-) delete mode 100644 boxmodel/index.html diff --git a/boxmodel/index.html b/boxmodel/index.html deleted file mode 100644 index 6b71f22..0000000 --- a/boxmodel/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - Aaron King...DOM - - - - - -

Header

-
-
- New! -
-

Placeholder

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

-
-
-

Placeholder

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

-
- - - \ No newline at end of file From 2eff9087854a94374c9ac2fa545a5a328b2d7608 Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 17:34:31 -0600 Subject: [PATCH 6/7] trying to clean up my mess --- boxmodel/styles.css | 69 --------------------------------------------- 1 file changed, 69 deletions(-) delete mode 100644 boxmodel/styles.css diff --git a/boxmodel/styles.css b/boxmodel/styles.css deleted file mode 100644 index 0224eb9..0000000 --- a/boxmodel/styles.css +++ /dev/null @@ -1,69 +0,0 @@ -html, body, p, h1, h2 -{ - margin: 0px; - padding: 0px; - border: 0px; -} - - -h1 -{ - text-align: center; - padding: 10px; -} - -h2 -{ - padding: 10px; -} - -p -{ - padding: 10px; -} - -.post -{ - display: inline-block; - width: 50%; - box-sizing: border-box; - float: left; - border: 3px solid black; -} - -.new -{ - float: right; - background-color: gray; - margin-top: 5px; - padding: 10px; -} - -.right -{ - border-width: 3px 3px 3px 1.5px; -} - -.left -{ - border-width: 3px 1.5px 3px 3px; -} - -@media (max-width: 600px) { - .post - { - width: 100%; - } -} - -@media (min-width: 1920px) { - .post - { - width: 800px; - } - .left - { - margin-left: 1 auto; - } -} - \ No newline at end of file From 839ccefbe1edf6a2df38653d38f134f1d6f03c01 Mon Sep 17 00:00:00 2001 From: Arkoma Date: Mon, 22 Jan 2018 17:36:46 -0600 Subject: [PATCH 7/7] still trying to get this mess clean --- flexbox/index.html | 24 ---------------- flexbox/styles.css | 69 ---------------------------------------------- 2 files changed, 93 deletions(-) delete mode 100644 flexbox/index.html delete mode 100644 flexbox/styles.css diff --git a/flexbox/index.html b/flexbox/index.html deleted file mode 100644 index 6b71f22..0000000 --- a/flexbox/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - Aaron King...DOM - - - - - -

Header

-
-
- New! -
-

Placeholder

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

-
-
-

Placeholder

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

-
- - - \ No newline at end of file diff --git a/flexbox/styles.css b/flexbox/styles.css deleted file mode 100644 index 0224eb9..0000000 --- a/flexbox/styles.css +++ /dev/null @@ -1,69 +0,0 @@ -html, body, p, h1, h2 -{ - margin: 0px; - padding: 0px; - border: 0px; -} - - -h1 -{ - text-align: center; - padding: 10px; -} - -h2 -{ - padding: 10px; -} - -p -{ - padding: 10px; -} - -.post -{ - display: inline-block; - width: 50%; - box-sizing: border-box; - float: left; - border: 3px solid black; -} - -.new -{ - float: right; - background-color: gray; - margin-top: 5px; - padding: 10px; -} - -.right -{ - border-width: 3px 3px 3px 1.5px; -} - -.left -{ - border-width: 3px 1.5px 3px 3px; -} - -@media (max-width: 600px) { - .post - { - width: 100%; - } -} - -@media (min-width: 1920px) { - .post - { - width: 800px; - } - .left - { - margin-left: 1 auto; - } -} - \ No newline at end of file