diff --git a/_includes/header.html b/_includes/header.html index d844efb..f794b97 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,6 +1,6 @@

- Code Island +

About Projects Members diff --git a/_layouts/home.html b/_layouts/home.html index 3522bee..6b1ab4d 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -7,10 +7,12 @@ {% include header.html %} - +

Welcome to
Code Island

Welcome to Code Island

Code Island is the official Code for America brigade in Rhode Island. We are an all-volunteer organization of people looking to improve our community through technology.

diff --git a/images/code-island-logo3b-rev.svg b/images/code-island-logo3b-rev.svg new file mode 100644 index 0000000..943955a --- /dev/null +++ b/images/code-island-logo3b-rev.svg @@ -0,0 +1,52 @@ + + + +]> + diff --git a/images/code-island-logo3b.svg b/images/code-island-logo3b.svg new file mode 100644 index 0000000..50f6e2b --- /dev/null +++ b/images/code-island-logo3b.svg @@ -0,0 +1,50 @@ + + + +]> + diff --git a/images/hero-bg-ill.jpg b/images/hero-bg-ill.jpg new file mode 100644 index 0000000..fbb2a6c Binary files /dev/null and b/images/hero-bg-ill.jpg differ diff --git a/images/hero-bg-ill.psd b/images/hero-bg-ill.psd new file mode 100644 index 0000000..d93dc6f Binary files /dev/null and b/images/hero-bg-ill.psd differ diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 8aa5ccd..cd335e8 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -4,19 +4,19 @@ body { margin: 0; - padding: 1em 0; + padding: 0; font:18px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#777; } div.site-width{ - width: 90%; + color: #444; + width: 100%; max-width: 40rem; - margin: 0 auto; + margin: 0 20% 0 20%; } h1, h2, h3, h4, h5, h6 { - color:#222; + color:#444; margin:0 0 20px; } @@ -33,15 +33,15 @@ h1 { } h2 { - color:#393939; + color:#444; } h3, h4, h5, h6 { - color:#494949; + color:#444; } a { - color:#39c; + color:#399fd3; font-weight:400; text-decoration:none; } @@ -108,24 +108,35 @@ img { } header { - background: #2f3d4a; - margin: -1em 0 1em; - padding: 1em; + background:#fff; + margin: 0 0 1em; + padding: 0 0 0; + border-bottom: 3px solid #cf1b14; } + header nav { - background: rgba(0,0,0,.5); - margin: -1em; - padding: 1em; + padding: 0 0 2em 0; } header h1 { float: left; } +header img { + margin: 0 3em -2em 1em; +} + header a { - color: #fff; - margin: -1em 0; - padding: 7px 10px 7px 10px; + color: #000; + font-weight:bold; + padding: 0 10px 0 10px; + text-transform: uppercase; +} + +header a:hover { + color:#cf1b14; + text-decoration:none; } + header a:first-child { font-weight: bold; margin-right: 1em; @@ -137,27 +148,64 @@ header a:first-child { .projects nav .projects, .members nav .members, .post nav .blog, -.resources nav .resources { - background: #399fd3; +.resources nav .resources, +.faq nav .faq { + text-decoration: underline; } +/* HERO */ .hero { - background: #2f3d4a; + background: #e5e5e5; margin-top: -1em; padding: 1em 0; + border-bottom: 3px solid #cf1b14; +} + +.hero p, ul, ol { + color: #444; +} + +.hero a { + color:#399fd3; +} + +.hero img { + float: right; + padding: 10px; + margin-top: -3px; + margin-right: -50px; +} + +.hero h1, h2, h3 { + color: #444; +} + +/* SUPERHERO */ +.superhero { + background-image:url(/images/hero-bg-ill.jpg); + background-size: 100%; + background-repeat:no-repeat; + margin-top: -1em; } -.hero h1 { - color: #fff; + +.superhero h1, h2, h3, h4 { + color:#fff; + text-align:center; + font-weight:800; + margin-bottom: 0; + padding-top: 0.5em; + padding-bottom:1.5em; } -.hero .site-width { - color: #fff; + +.superhero h1 { + font-size: 36px; } .blog-container { padding: 1em 0 2em; } strong { - color:#222; + color:#444; font-weight:700; } @@ -173,8 +221,8 @@ small { hr { border:0; - background:#e5e5e5; - height:1px; + background:#cf1b14; + height:3px; margin:0 0 20px; } diff --git a/stylesheets/styles1.css b/stylesheets/styles1.css new file mode 100644 index 0000000..8aa5ccd --- /dev/null +++ b/stylesheets/styles1.css @@ -0,0 +1,186 @@ +/* @override http://localhost:4000/stylesheets/styles.css */ + +@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700); + +body { + margin: 0; + padding: 1em 0; + font:18px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; + color:#777; +} + +div.site-width{ + width: 90%; + max-width: 40rem; + margin: 0 auto; +} + +h1, h2, h3, h4, h5, h6 { + color:#222; + margin:0 0 20px; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + line-height:1.1; +} + +h1 { + font-size:28px; +} + +h2 { + color:#393939; +} + +h3, h4, h5, h6 { + color:#494949; +} + +a { + color:#39c; + font-weight:400; + text-decoration:none; +} + +a:hover{ + text-decoration: underline; +} + +a small { + font-size:11px; + color:#777; + margin-top:-0.6em; + display:block; +} + +.wrapper { + width:860px; + margin:0 auto; +} + +blockquote { + border-left:1px solid #e5e5e5; + margin:0; + padding:0 0 0 20px; + font-style:italic; +} + +code, pre { + font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; + color:#333; + font-size:12px; +} + +pre { + padding:8px 15px; + background: #f8f8f8; + border-radius:5px; + border:1px solid #e5e5e5; + overflow-x: auto; +} + +table { + width:100%; + border-collapse:collapse; +} + +th, td { + text-align:left; + padding:5px 10px; + border-bottom:1px solid #e5e5e5; +} + +dt { + color:#444; + font-weight:700; +} + +th { + color:#444; +} + +img { + max-width:100%; +} + +header { + background: #2f3d4a; + margin: -1em 0 1em; + padding: 1em; +} +header nav { + background: rgba(0,0,0,.5); + margin: -1em; + padding: 1em; +} +header h1 { + float: left; +} + +header a { + color: #fff; + margin: -1em 0; + padding: 7px 10px 7px 10px; +} +header a:first-child { + font-weight: bold; + margin-right: 1em; +} + +/* YOU ARE HERE */ +.home nav .home, +.about nav .about, +.projects nav .projects, +.members nav .members, +.post nav .blog, +.resources nav .resources { + background: #399fd3; +} + +.hero { + background: #2f3d4a; + margin-top: -1em; + padding: 1em 0; +} +.hero h1 { + color: #fff; +} +.hero .site-width { + color: #fff; +} + +.blog-container { + padding: 1em 0 2em; +} +strong { + color:#222; + font-weight:700; +} + +section { + width:500px; + float:right; + padding-bottom:50px; +} + +small { + font-size:11px; +} + +hr { + border:0; + background:#e5e5e5; + height:1px; + margin:0 0 20px; +} + +footer { + margin-top: 30px; +} +footer img { + margin-left: -20px; +}