diff --git a/.gitignore b/.gitignore index d004a9a..90d0028 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,5 @@ -/node_modules/ -.DS_Store \ No newline at end of file +node_modules/ +test/ +extra/ +test_server.py +.DS_Store diff --git a/README.md b/README.md index 148c53f..0964222 100644 --- a/README.md +++ b/README.md @@ -27,3 +27,4 @@ gulp Check out our [help documentation](http://help.postach.io/tag/theme-code) for more information on theming Postach.io sites. + diff --git a/assets/css/style.css b/assets/css/style.css index 9107145..0a0bb6b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -174,20 +174,61 @@ } /* IE7 */ /* used for styling post content in themes */ +div.testimony { + padding: 20px 30px 10px 30px; + background-color: beige; + box-sizing: border-box; +} +div.testimony div.testimony-header { + height: 60px; + padding-bottom: 10px; + margin-left: 20px; + background: url('../images/ca-vou-eu.png') no-repeat; +} +div.testimony h4 { + margin-bottom: 30px; +} +div.testimony blockquote { + font-style: italic; +} +div.testimony blockquote:before, +div.testimony blockquote:after { + content: '"'; +} +div.testimony li { + margin-bottom: 50px; + list-style-type: none; +} +div.testimony li img.testimony-photo { + width: 100px; + height: auto; +} +div.testimony li:nth-of-type(even) img { + float: right; + padding: 0 20px; +} +div.testimony li:nth-of-type(even) blockquote { + border-left: none; + border-right: 5px solid #eee; +} +div.testimony li:nth-of-type(odd) img { + float: left; + padding: 0 20px; +} body { font-family: 'Open Sans', helvetica, sans-serif; } a { - color: #2eb18d; + color: #b82a41; } a:visited { - color: #2eb18d; + color: #b82a41; } a:active { - color: #d84c30; + color: #6fc5c8; } a:hover { - color: #d84c30; + color: #6fc5c8; } p { color: #333333; @@ -200,28 +241,44 @@ p { .navbar-inner { padding-top: 15px; padding-bottom: 15px; - background-color: #2eb18d; - background-image: none; - background-repeat: no-repeat; + background-color: #b82a41; + background: url('../images/red-noise.png') repeat; filter: none; box-shadow: none !important; -webkit-box-shadow: none !important; border-bottom: 0; } +.navbar ul.nav.pull-right { + margin-top: 13px; +} +.navbar ul.nav.pull-right a { + color: #ffffff; +} +.navbar ul.nav.pull-right a:visited { + color: #ffffff; +} +.navbar ul.nav.pull-right a:hover { + color: #333333; +} +.navbar ul.nav.pull-right a:active { + color: #ffffff; +} a.brand, a.brand:link, a.brand:visited { - font-size: 20px; - color: #ffffff; - text-shadow: none; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; + background: url('../images/ca-vou-eu.png') no-repeat; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + display: block; + height: 44px; + width: 243px; + margin-top: 10px; } a.brand:hover, a.brand:link:hover, a.brand:visited:hover { - color: #333; + background: url('../images/ca-vou-eu.gif') no-repeat; } .nav li a, .nav li a:link, @@ -243,16 +300,16 @@ a.brand:visited:hover { } .nav li:hover a, .nav li:hover a:link, -.nav li:hover a:visited, -.nav li.active a:link { - color: #333; +.nav li:hover a:visited { + color: #b82a41; } .nav li a { padding-right: 0 !important; } -.nav li a:hover, -.nav li a.active { +.nav li a.active, +.nav li:hover a.active:hover { font-weight: bold; + color: #ffffff; } h1, h2, @@ -438,17 +495,64 @@ h6 { .post ol li { line-height: 24px; } -.bio { +.row .post h2 { + margin: 0; + font-size: 16px; + line-height: 0px; +} +.posts-index { + position: relative; + display: block; + border-top: 2px solid #333; + margin-top: 30px; +} +.posts-index h4 { + background-color: #F18200; + color: #ffffff; + font-size: 14px; + margin: 0 0 17px 0; + padding: 9px 14px; +} +.side-box { position: relative; - background-color: #F5F5F5; - border-top: 2px solid #2eb18d; + display: block; + border-top: 2px solid #333; margin-top: 30px; margin-bottom: 20px; - padding: 50px 30px 30px 30px; + height: 99px; +} +.side-box h2 { + background-color: #F18200; + color: #ffffff; + font-size: 14px; + font-weight: bold; + margin: 0 0 2em 0; + padding-left: 14px; +} +a.side-box:hover { + text-decoration: none; +} +a.side-box:hover h2 { + background: none; + color: #ffffff; +} +.munique { + background: url('../images/munique.jpg') center; +} +.form { + background: url('../images/form.jpg') center; +} +.side-links { + position: relative; + background-color: #f5f5f5; + border-top: 2px solid #b82a41; + margin-top: 30px; + margin-bottom: 20px; + padding: 5px 1px 10px 30px; font-size: 12px; color: #666666; } -.bio img.avatar { +.side-links img.avatar { position: absolute; top: -33px; left: 25px; @@ -458,11 +562,11 @@ h6 { -moz-border-radius: 50%; border-radius: 50%; } -.bio p { +.side-links p { margin: 0; padding: 0; } -.bio ul { +.side-links ul { margin-top: 20px; } ul.tags { @@ -507,7 +611,7 @@ ul.social li a:hover { text-decoration: none; } footer { - background-color: #F5F5F5; + background-color: #f5f5f5; margin-top: 40px; padding: 20px; font-size: 12px; @@ -522,7 +626,7 @@ footer { left: 30px; color: #000; font-size: 12px; - background-color: #2eb18d; + background-color: #b82a41; padding: 10px; border-radius: 7px; -moz-opacity: 0.3; diff --git a/assets/images/ca-vou-eu.gif b/assets/images/ca-vou-eu.gif new file mode 100644 index 0000000..fa88a54 Binary files /dev/null and b/assets/images/ca-vou-eu.gif differ diff --git a/assets/images/ca-vou-eu.png b/assets/images/ca-vou-eu.png new file mode 100644 index 0000000..da76cd2 Binary files /dev/null and b/assets/images/ca-vou-eu.png differ diff --git a/assets/images/cavoueu-dina-final.jpg b/assets/images/cavoueu-dina-final.jpg new file mode 100644 index 0000000..18dc48f Binary files /dev/null and b/assets/images/cavoueu-dina-final.jpg differ diff --git a/assets/images/cavoueu-hugo-final.jpg b/assets/images/cavoueu-hugo-final.jpg new file mode 100644 index 0000000..63228a5 Binary files /dev/null and b/assets/images/cavoueu-hugo-final.jpg differ diff --git a/assets/images/cavoueu-joel-final.jpg b/assets/images/cavoueu-joel-final.jpg new file mode 100644 index 0000000..642c527 Binary files /dev/null and b/assets/images/cavoueu-joel-final.jpg differ diff --git a/assets/images/cavoueu-luisa-final.jpg b/assets/images/cavoueu-luisa-final.jpg new file mode 100644 index 0000000..e6ef94f Binary files /dev/null and b/assets/images/cavoueu-luisa-final.jpg differ diff --git a/assets/images/form.jpg b/assets/images/form.jpg new file mode 100644 index 0000000..7d04ff6 Binary files /dev/null and b/assets/images/form.jpg differ diff --git a/assets/images/munique.jpg b/assets/images/munique.jpg new file mode 100644 index 0000000..33297e0 Binary files /dev/null and b/assets/images/munique.jpg differ diff --git a/assets/images/no_user.png b/assets/images/no_user.png new file mode 100644 index 0000000..2fedd9d Binary files /dev/null and b/assets/images/no_user.png differ diff --git a/assets/images/red-noise.png b/assets/images/red-noise.png new file mode 100644 index 0000000..ad1b8a8 Binary files /dev/null and b/assets/images/red-noise.png differ diff --git a/assets/less/original.less b/assets/less/original.less index b7db9c3..54aeefc 100644 --- a/assets/less/original.less +++ b/assets/less/original.less @@ -4,25 +4,90 @@ @import url(http://postach.io/static/themes/_assets/less/mixins.less); @import url(http://postach.io/static/themes/_assets/less/elements.less); + +@main-color: #b82a41; +@contrast-color: #6fc5c8; +@text-color: #333333; +@link-base-color: #b82a41; +@neutral-color: #F5F5F5; +@neutral-text-color: #666666; +@page-color: #FFFFFF; + +div.testimony { + padding: 20px 30px 10px 30px; + background-color: beige; + box-sizing: border-box; + + & div.testimony-header { + height: 60px; + padding-bottom: 10px; + margin-left: 20px; + background: url('../images/ca-vou-eu.png') no-repeat; + } + + & h4 { + margin-bottom: 30px; + } + + & blockquote { + font-style: italic; + } + & blockquote:before, & blockquote:after { + content: '"'; + } + & li { + margin-bottom: 50px; + list-style-type: none; + + img.testimony-photo { + width: 100px; + height: auto; + } + + &:nth-of-type(even) { + img { + float: right; + padding: 0 20px; + } + } + + &:nth-of-type(even) blockquote { + border-left: none; + border-right: 5px solid #eee; + } + + &:nth-of-type(odd) { + img { + float: left; + padding: 0 20px; + } + } + } +} + body { font-family: 'Open Sans', helvetica, sans-serif; } +.text-replacement { + +} + a { - color: #2eb18d; + color: @main-color; &:visited { - color: #2eb18d; + color: @main-color; } &:active { - color: #d84c30; + color: @contrast-color; } &:hover { - color: #d84c30; + color: @contrast-color; } } p { - color: #333333; + color: @text-color; } .navbar { @@ -33,25 +98,44 @@ p { .navbar-inner { padding-top: 15px; padding-bottom: 15px; - background-color: #2eb18d; - background-image: none; - background-repeat: no-repeat; + background-color: @main-color; + background: url('../images/red-noise.png') repeat; filter: none; box-shadow: none !important; -webkit-box-shadow: none !important; border-bottom: 0; + //height: 200px; +} + +.navbar ul.nav.pull-right { + margin-top: 13px; + a { + color: @page-color; + &:visited { + color: @page-color; + } + &:hover { + color: @text-color; + } + &:active { + color: @page-color; + } + } } a.brand, a.brand:link, a.brand:visited { - font-size: 20px; - color: #ffffff; - text-shadow: none; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; &:hover { - color: #333; + background: url('../images/ca-vou-eu.gif') no-repeat; } + background: url('../images/ca-vou-eu.png') no-repeat; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + display: block; + height: 44px; + width: 243px; + + margin-top: 10px; } .nav li a, @@ -65,23 +149,23 @@ a.brand, a.brand:link, a.brand:visited { .nav li.active:hover a:link, .nav li.active:hover a:visited, .nav { - color: #ffffff; + color: @page-color; text-shadow: none; background: none; .box-shadow(none); } .nav li:hover a, .nav li:hover a:link, -.nav li:hover a:visited, -.nav li.active a:link { - color: #333; +.nav li:hover a:visited { + color: @link-base-color; } .nav li a { padding-right: 0 !important; } -.nav li a:hover, -.nav li a.active { +.nav li a.active, +.nav li:hover a.active:hover { font-weight: bold; + color: @page-color; } h1, h2, h3, h4, h5, h6 { @@ -123,18 +207,84 @@ h1, h2, h3, h4, h5, h6 { } } -.bio { +.row .post { + h2 { + margin: 0; + font-size: 16px; + line-height: 0px; + } + +} + + +.posts-index { + position: relative; + display: block; + border-top: 2px solid #333; + margin-top: 30px; + h4 { + //background-color: rgba(0,0,0,0.4); + //background: url('../images/red-noise.png') repeat; + background-color: #F18200; + color: @page-color; + font-size: 14px; + margin: 0 0 17px 0; + padding: 9px 14px; + } +} + + + +.side-box { + position: relative; + display: block; + border-top: 2px solid #333; + margin-top: 30px; + margin-bottom: 20px; + height: 99px; + h2 { + //background-color: rgba(0,0,0,0.4); + //background: url('../images/red-noise.png') repeat; + background-color: #F18200; + color: @page-color; + font-size: 14px; + font-weight: bold; + margin: 0 0 2em 0; + padding-left: 14px; + } +} + +a.side-box:hover { + text-decoration: none; + h2 { + background: none; + color: @page-color; + } +} + + +.munique { + background: url('../images/munique.jpg') center; +} + +.form { + background: url('../images/form.jpg') center; +} + + + +.side-links { position: relative; - background-color: #F5F5F5; - border-top: 2px solid #2eb18d; + background-color: @neutral-color; + border-top: 2px solid @main-color; margin-top: 30px; margin-bottom: 20px; - padding: 50px 30px 30px 30px; + padding: 5px 1px 10px 30px; font-size: 12px; - color: #666666; + color: @neutral-text-color; } -.bio img.avatar { +.side-links img.avatar { position: absolute; top: -33px; left: 25px; @@ -143,12 +293,12 @@ h1, h2, h3, h4, h5, h6 { .rounded(50%); } -.bio p { +.side-links p { margin: 0; padding: 0; } -.bio ul {margin-top: 20px;} +.side-links ul {margin-top: 20px;} ul.tags { display: block; @@ -200,11 +350,11 @@ ul.social { } footer { - background-color: #F5F5F5; + background-color: @neutral-color; margin-top: 40px; padding: 20px; font-size: 12px; - color: #666666; + color: @neutral-text-color; } .post-pdf { @@ -215,7 +365,7 @@ footer { left: 30px; color: #000; font-size: 12px; - background-color: #2eb18d; + background-color: @main-color; padding: 10px; border-radius: 7px; .opacity(0.3); diff --git a/package.json b/package.json index 96bfaa1..2925e86 100644 --- a/package.json +++ b/package.json @@ -2,11 +2,12 @@ "name": "theme-original", "description": "The first theme ever created for Postach.io", "devDependencies": { - "gulp": "~3.8.7", + "gulp": "~3.9.0", "gulp-concat": "~2.3.4", "gulp-less": "~1.3.3", "path": "~0.4.9", "gulp-rename": "~1.2.0", - "gulp-uglify": "~0.3.1" + "gulp-uglify": "~0.3.1", + "gulp-install": "~0.4.0" } } diff --git a/theme.html b/theme.html index 8ecb346..c61ed9e 100644 --- a/theme.html +++ b/theme.html @@ -8,7 +8,7 @@ {% elif is_tag %}{{ tag }} {% elif post %}{{ post.title }} {% endif %} - | {{ site.name }} + | Cá Vou Eu {{ header_meta }} @@ -19,23 +19,6 @@ - {% if site.analytics %}