diff --git a/design-library/config/config.yml b/design-library/config/config.yml index 1ecc18a..a0e147f 100644 --- a/design-library/config/config.yml +++ b/design-library/config/config.yml @@ -58,6 +58,7 @@ plugins: - source/_patterns/01-atoms/07-section-content - source/_patterns/01-atoms/08-logo - source/_patterns/01-atoms/09-social-icon + - source/_patterns/01-atoms/10-footer-text molecules: paths: - source/_patterns/02-molecules/01-blog-tags @@ -68,6 +69,7 @@ plugins: paths: - source/_patterns/03-organisms/01-blog-list - source/_patterns/03-organisms/02-header + - source/_patterns/03-organisms/03-footer #pages: #paths: #- source/_patterns/04-pages diff --git a/design-library/source/_patterns/01-atoms/10-footer-text/_footer-text.scss b/design-library/source/_patterns/01-atoms/10-footer-text/_footer-text.scss new file mode 100644 index 0000000..5ce8802 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/10-footer-text/_footer-text.scss @@ -0,0 +1,5 @@ +.footer-text { + p { + + } +} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.json b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.json new file mode 100644 index 0000000..f78e769 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.json @@ -0,0 +1,3 @@ +{ + "content": "

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

" +} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.md b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.md new file mode 100644 index 0000000..cc62839 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.md @@ -0,0 +1,5 @@ +# Atom: Footer Text + +*Belongs to* + +* Organism: Footer diff --git a/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.twig b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.twig new file mode 100644 index 0000000..47ec979 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/10-footer-text/footer-text.twig @@ -0,0 +1,3 @@ +
+ {{ content }} +
\ No newline at end of file diff --git a/design-library/source/_patterns/03-organisms/03-footer/_footer.scss b/design-library/source/_patterns/03-organisms/03-footer/_footer.scss new file mode 100644 index 0000000..379e7c5 --- /dev/null +++ b/design-library/source/_patterns/03-organisms/03-footer/_footer.scss @@ -0,0 +1,8 @@ +#site-footer { + background-color: $dark-gray; + border-top: 2px solid $key-color-1--base; + padding: 1.5vw; + color: $light-gray; + padding: 2em 3em; + font-size: 1.25em; +} diff --git a/design-library/source/_patterns/03-organisms/03-footer/footer.json b/design-library/source/_patterns/03-organisms/03-footer/footer.json new file mode 100644 index 0000000..a1919f2 --- /dev/null +++ b/design-library/source/_patterns/03-organisms/03-footer/footer.json @@ -0,0 +1,3 @@ +{ + "content":"Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros." +} diff --git a/design-library/source/_patterns/03-organisms/03-footer/footer.md b/design-library/source/_patterns/03-organisms/03-footer/footer.md new file mode 100644 index 0000000..98d4307 --- /dev/null +++ b/design-library/source/_patterns/03-organisms/03-footer/footer.md @@ -0,0 +1,5 @@ +# Organism: Site Footer + +*Depends on* + +* Atom: Footer Text diff --git a/design-library/source/_patterns/03-organisms/03-footer/footer.twig b/design-library/source/_patterns/03-organisms/03-footer/footer.twig new file mode 100644 index 0000000..db78bb9 --- /dev/null +++ b/design-library/source/_patterns/03-organisms/03-footer/footer.twig @@ -0,0 +1,5 @@ + diff --git a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json index c992863..c437593 100644 --- a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json +++ b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json @@ -1,5 +1,6 @@ { + "footer_text": "Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur.", "image_url": "/images/nerdstein_11.png", "image_alt": "Nerdstein Logo", "image_link": "#", diff --git a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.md b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.md index e69de29..e965e80 100644 --- a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.md +++ b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.md @@ -0,0 +1,6 @@ +# Page: One Sidebar + +*Depends on* + +* Organism: Header +* Organism: Footer diff --git a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.twig b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.twig index 2ceee77..6cc5fe9 100644 --- a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.twig +++ b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.twig @@ -23,8 +23,8 @@ - - diff --git a/design-library/source/css/style.css b/design-library/source/css/style.css index 47dd8d7..1e55fe7 100644 --- a/design-library/source/css/style.css +++ b/design-library/source/css/style.css @@ -1 +1 @@ -.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.logo--link,a.social_media--icon{text-indent:-9999px;background-repeat:no-repeat;background-size:contain}#site-header,.section-main{-ms-grid-rows:1fr;grid-template-rows:1fr;grid-gap:1em}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.logo--link,.logo--wrapper{margin:0;display:block;padding:0}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.logo--link{width:inherit;height:inherit}.blog-tags,.list-element{margin-bottom:1em}.blog-tags{border-bottom:1px solid #EDEDED}.list-element .list-element-body{display:block}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 1em 1em 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}ul.social_media--list{display:block;list-style:none;padding:0;margin:0}li.social_media--item{display:inline-block;padding:0;margin:0;height:2em;width:2em}a.social_media--icon{display:block;height:inherit;width:inherit}a.social_media--icon.Twitter{background-image:url(../images/social_media_icons/social_twitter.png)}a.social_media--icon.Facebook{background-image:url(../images/social_media_icons/social_facebook.png)}a.social_media--icon.LinkedIn{background-image:url(../images/social_media_icons/social_linkedin.png)}.blog-list{margin-bottom:2em}#site-header{background-color:#eee;border:0 solid #aaa;padding:1.5vw;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a b b b"}#site-header>.grid-cell{border:0 solid #aaa;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo--wrapper{width:23vw;height:10vw}.grid-cell--logo{grid-area:a;-ms-flex-pack:left;justify-content:left}.grid-cell--social-icons{grid-area:b;-ms-flex-pack:right;justify-content:right}.grid-cell--social-icons .social_media--list{margin-left:auto}.grid-cell--social-icons .social_media--list .social_media--item{height:5vw;width:5vw}.page-wrapper{width:100%;padding:0;margin:0}.section{width:100%;padding:0;margin:0 0 1em}.section-main{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"a" "b"}@media (min-width:768px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a b b b"}}@media (min-width:960px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a a b b"}}.section-main .content{grid-area:a}.section-main .sidebar{grid-area:b}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em} \ No newline at end of file +.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.logo--link,a.social_media--icon{text-indent:-9999px;background-repeat:no-repeat;background-size:contain}#site-header,.section-main{-ms-grid-rows:1fr;grid-template-rows:1fr;grid-gap:1em}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.logo--link,.logo--wrapper{margin:0;display:block;padding:0}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.logo--link{width:inherit;height:inherit}.blog-tags,.list-element{margin-bottom:1em}.blog-tags{border-bottom:1px solid #EDEDED}.list-element .list-element-body{display:block}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 1em 1em 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}ul.social_media--list{display:block;list-style:none;padding:0;margin:0}li.social_media--item{display:inline-block;padding:0;margin:0;height:2em;width:2em}a.social_media--icon{display:block;height:inherit;width:inherit}a.social_media--icon.Twitter{background-image:url(../images/social_media_icons/social_twitter.png)}a.social_media--icon.Facebook{background-image:url(../images/social_media_icons/social_facebook.png)}a.social_media--icon.LinkedIn{background-image:url(../images/social_media_icons/social_linkedin.png)}.blog-list{margin-bottom:2em}#site-header{background-color:#eee;border:0 solid #aaa;padding:1.5vw;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a b b b"}#site-header>.grid-cell{border:0 solid #aaa;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo--wrapper{width:23vw;height:10vw}.grid-cell--logo{grid-area:a;-ms-flex-pack:left;justify-content:left}.grid-cell--social-icons{grid-area:b;-ms-flex-pack:right;justify-content:right}.grid-cell--social-icons .social_media--list{margin-left:auto}.grid-cell--social-icons .social_media--list .social_media--item{height:5vw;width:5vw}#site-footer{background-color:#1d1d1d;border-top:2px solid #ed6300;color:#EDEDED;padding:2em 3em;font-size:1.25em}.page-wrapper{width:100%;padding:0;margin:0}.section{width:100%;padding:0;margin:0 0 1em}.section-main{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"a" "b"}@media (min-width:768px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a b b b"}}@media (min-width:960px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a a b b"}}.section-main .content{grid-area:a}.section-main .sidebar{grid-area:b}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em} \ No newline at end of file diff --git a/design-library/source/scss/base/_variables.scss b/design-library/source/scss/base/_variables.scss index e3cbd47..34bd437 100644 --- a/design-library/source/scss/base/_variables.scss +++ b/design-library/source/scss/base/_variables.scss @@ -17,6 +17,7 @@ $link-color--hover: $key-color-2--base; $light-gray: #EDEDED; $medium-gray: rgb(150, 150, 150); +$dark-gray: #1d1d1d; @mixin font-profile--base { font-family: $base-font-family; diff --git a/html/css/style.css b/html/css/style.css index 47dd8d7..1e55fe7 100644 --- a/html/css/style.css +++ b/html/css/style.css @@ -1 +1 @@ -.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.logo--link,a.social_media--icon{text-indent:-9999px;background-repeat:no-repeat;background-size:contain}#site-header,.section-main{-ms-grid-rows:1fr;grid-template-rows:1fr;grid-gap:1em}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.logo--link,.logo--wrapper{margin:0;display:block;padding:0}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.logo--link{width:inherit;height:inherit}.blog-tags,.list-element{margin-bottom:1em}.blog-tags{border-bottom:1px solid #EDEDED}.list-element .list-element-body{display:block}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 1em 1em 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}ul.social_media--list{display:block;list-style:none;padding:0;margin:0}li.social_media--item{display:inline-block;padding:0;margin:0;height:2em;width:2em}a.social_media--icon{display:block;height:inherit;width:inherit}a.social_media--icon.Twitter{background-image:url(../images/social_media_icons/social_twitter.png)}a.social_media--icon.Facebook{background-image:url(../images/social_media_icons/social_facebook.png)}a.social_media--icon.LinkedIn{background-image:url(../images/social_media_icons/social_linkedin.png)}.blog-list{margin-bottom:2em}#site-header{background-color:#eee;border:0 solid #aaa;padding:1.5vw;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a b b b"}#site-header>.grid-cell{border:0 solid #aaa;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo--wrapper{width:23vw;height:10vw}.grid-cell--logo{grid-area:a;-ms-flex-pack:left;justify-content:left}.grid-cell--social-icons{grid-area:b;-ms-flex-pack:right;justify-content:right}.grid-cell--social-icons .social_media--list{margin-left:auto}.grid-cell--social-icons .social_media--list .social_media--item{height:5vw;width:5vw}.page-wrapper{width:100%;padding:0;margin:0}.section{width:100%;padding:0;margin:0 0 1em}.section-main{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"a" "b"}@media (min-width:768px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a b b b"}}@media (min-width:960px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a a b b"}}.section-main .content{grid-area:a}.section-main .sidebar{grid-area:b}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em} \ No newline at end of file +.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.logo--link,a.social_media--icon{text-indent:-9999px;background-repeat:no-repeat;background-size:contain}#site-header,.section-main{-ms-grid-rows:1fr;grid-template-rows:1fr;grid-gap:1em}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.logo--link,.logo--wrapper{margin:0;display:block;padding:0}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.logo--link{width:inherit;height:inherit}.blog-tags,.list-element{margin-bottom:1em}.blog-tags{border-bottom:1px solid #EDEDED}.list-element .list-element-body{display:block}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 1em 1em 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}ul.social_media--list{display:block;list-style:none;padding:0;margin:0}li.social_media--item{display:inline-block;padding:0;margin:0;height:2em;width:2em}a.social_media--icon{display:block;height:inherit;width:inherit}a.social_media--icon.Twitter{background-image:url(../images/social_media_icons/social_twitter.png)}a.social_media--icon.Facebook{background-image:url(../images/social_media_icons/social_facebook.png)}a.social_media--icon.LinkedIn{background-image:url(../images/social_media_icons/social_linkedin.png)}.blog-list{margin-bottom:2em}#site-header{background-color:#eee;border:0 solid #aaa;padding:1.5vw;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a b b b"}#site-header>.grid-cell{border:0 solid #aaa;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo--wrapper{width:23vw;height:10vw}.grid-cell--logo{grid-area:a;-ms-flex-pack:left;justify-content:left}.grid-cell--social-icons{grid-area:b;-ms-flex-pack:right;justify-content:right}.grid-cell--social-icons .social_media--list{margin-left:auto}.grid-cell--social-icons .social_media--list .social_media--item{height:5vw;width:5vw}#site-footer{background-color:#1d1d1d;border-top:2px solid #ed6300;color:#EDEDED;padding:2em 3em;font-size:1.25em}.page-wrapper{width:100%;padding:0;margin:0}.section{width:100%;padding:0;margin:0 0 1em}.section-main{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"a" "b"}@media (min-width:768px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a b b b"}}@media (min-width:960px){.section-main{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr);grid-template-areas:"a a a a a a b b"}}.section-main .content{grid-area:a}.section-main .sidebar{grid-area:b}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em} \ No newline at end of file diff --git a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html index 9d607e1..ce0fcb7 100644 --- a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html +++ b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html index 08c295e..198e813 100644 --- a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html +++ b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html index 6a216b9..2c1de55 100644 --- a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html +++ b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html index 030a023..81d95e5 100644 --- a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html +++ b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html index 4be38af..62cf3f1 100644 --- a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html +++ b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html index 6593651..c80f3ce 100644 --- a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html +++ b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html index f6ce45f..57e969f 100644 --- a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html +++ b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html b/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html index 13c3a1d..0db196f 100644 --- a/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html +++ b/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html b/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html index 1444ca1..67bb2dc 100644 --- a/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html +++ b/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-10-footer-text-footer-text/01-atoms-10-footer-text-footer-text.html b/html/patterns/01-atoms-10-footer-text-footer-text/01-atoms-10-footer-text-footer-text.html new file mode 100644 index 0000000..af8c622 --- /dev/null +++ b/html/patterns/01-atoms-10-footer-text-footer-text/01-atoms-10-footer-text-footer-text.html @@ -0,0 +1,27 @@ + + + + Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu. + + + + + + + + + + + + + + + +
+

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

+
+ + + + + diff --git a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html index b32ba7c..4d2ff9d 100644 --- a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html +++ b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html index bea3583..50a4fb2 100644 --- a/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html +++ b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html index 7f100da..16334ea 100644 --- a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html +++ b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html index 222d10e..7011ad5 100644 --- a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html +++ b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html b/html/patterns/02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html index 7fb5f37..011b314 100644 --- a/html/patterns/02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html +++ b/html/patterns/02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html index 0a4662d..0634fa0 100644 --- a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html +++ b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html b/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html index 2d6c431..153a813 100644 --- a/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html +++ b/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/03-organisms-03-footer-footer/03-organisms-03-footer-footer.html b/html/patterns/03-organisms-03-footer-footer/03-organisms-03-footer-footer.html new file mode 100644 index 0000000..ea4d217 --- /dev/null +++ b/html/patterns/03-organisms-03-footer-footer/03-organisms-03-footer-footer.html @@ -0,0 +1,29 @@ + + + + Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu. + + + + + + + + + + + + + + + + + + + + + + diff --git a/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html b/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html index 91881e0..7fa832d 100644 --- a/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html +++ b/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html @@ -5,8 +5,8 @@ - - + + @@ -85,11 +85,12 @@

The policy makers consiste
- +
- -