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 %}