Skip to content

Commit

Permalink
Update Ecobookstore billboard
Browse files Browse the repository at this point in the history
  • Loading branch information
Marc Altmann committed Dec 9, 2014
1 parent a932cb6 commit 25277c8
Show file tree
Hide file tree
Showing 5 changed files with 73 additions and 79 deletions.
Binary file modified app/assets/images/welcome/billboard_ecobookstore_big.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified app/assets/images/welcome/billboard_ecobookstore_medium.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified app/assets/images/welcome/billboard_ecobookstore_small.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
126 changes: 59 additions & 67 deletions app/assets/stylesheets/billboards/_billboard-ecobookstore.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,22 @@


// General stuff
#billboard-ecobookstore > article h2 {
#billboard-ecobookstore > article h3 {
font-weight : 600;
text-transform : none;
color : #2b4b5e;
text-align : left;
}

#billboard-ecobookstore > article h3 {
text-indent : -1000em;
#billboard-ecobookstore > article h3 span {
display : block;
position : absolute;
}

#billboard-ecobookstore > article > a > p {
font-weight : 600;
color : $white;
#billboard-ecobookstore > article h2,
#billboard-ecobookstore > article h3 span,
#billboard-ecobookstore-link2 {
text-indent : -1000em;
}

#billboard-ecobookstore > article > p {
Expand All @@ -30,6 +32,11 @@
color : #e57a61;
}

#billboard-ecobookstore-link1 {
font-weight : 600;
color : $white;
}


// Responsive code: small version
@include till-breakpoint($bp-tablet) {
Expand All @@ -38,43 +45,32 @@
}

#billboard-ecobookstore > article h2 {
display: none;
}

#billboard-ecobookstore > article h3 {
@include static-position($top: 335px, $left: 25px, $height: 60px, $width: 175px);
}

#billboard-ecobookstore > article > a > p {
@include static-position($top: 276px, $left: 40px, $height: 25px, $width: 129px);
font-size: 16px;
padding: 4px 0 0 15px;
}

#billboard-ecobookstore > article > p:nth-of-type(1) {
display: none;
@include static-position($top: 0, $left: 54px, $height: 191px,
$width: 94px);
}

#billboard-ecobookstore > article h3,
#billboard-ecobookstore > article > p:nth-of-type(1),
#billboard-ecobookstore > article > p:nth-of-type(2) {
display: none;
}

#billboard-ecobookstore > article > p.alternative-text {
@include static-position($top: 185px, $left: 5px, $width: 200px);
@include static-position($top: 202px, $left: 5px, $width: 200px);
font-size: 17px;
text-align: center;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(1) {
@include static-position($top: 0, $left: 55px, $height: 190px, $width: 94px);
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(2) {
display: none;
#billboard-ecobookstore-link1 {
@include static-position($top: 276px, $left: 40px, $height: 27px,
$width: 131px);
font-size: 16px;
padding: 4px 0 0 13px;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(3) {
display: none;
#billboard-ecobookstore-link2 {
@include static-position($top: 334px, $left: 12px, $height: 66px,
$width: 157px);
}
}

Expand All @@ -86,43 +82,40 @@
}

#billboard-ecobookstore > article h2 {
@include static-position($top: 340px, $left: 12px, $width: 130px);
font-size: 16px;
@include static-position($top: 0, $left: 11px, $height: 258px,
$width: 121px);
}

#billboard-ecobookstore > article h3 {
@include static-position($top: 340px, $left: 95px, $height: 60px, $width: 170px);
text-indent: -1000em;
}

#billboard-ecobookstore > article > a > p {
@include static-position($top: 354px, $left: 298px, $height: 27px, $width: 127px);
font-size: 16px;
padding: 4px 0 0 15px;
#billboard-ecobookstore > article h3 span {
@include static-position($top: 326px, $left: 31px, $height: 65px,
$width: 172px);
}


#billboard-ecobookstore > article > p:nth-of-type(1) {
@include static-position($top: 115px, $left: 155px, $width: 300px);
@include static-position($top: 132px, $left: 155px, $width: 300px);
font-size: 17px;
}

#billboard-ecobookstore > article > p:nth-of-type(2) {
display: none;
}

#billboard-ecobookstore > article > p:nth-of-type(2),
#billboard-ecobookstore > article > p.alternative-text {
display: none;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(1) {
@include static-position($top: 0, $left: 11px, $height: 258px, $width: 120px);
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(2) {
@include static-position($top: 241px, $left: 275px, $height: 81px, $width: 160px);
#billboard-ecobookstore-link1 {
@include static-position($top: 258px, $left: 116px, $height: 27px,
$width: 131px);
font-size: 16px;
padding: 4px 0 0 13px;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(3) {
@include static-position($top: 0px, $left: 155px, $height: 105px, $width: 280px);
#billboard-ecobookstore-link2 {
@include static-position($top: 323px, $left: 221px, $height: 71px,
$width: 170px);
}
}

Expand All @@ -134,43 +127,42 @@
}

#billboard-ecobookstore > article h2 {
@include static-position($top: 345px, $left: 29px, $width: 200px);
font-size: 20px;
@include static-position($top: 0, $left: 28px, $width: 153px,
$height: 291px);
}

#billboard-ecobookstore > article h3 {
@include static-position($top: 322px, $left: 225px, $height: 85px, $width: 235px);
@include static-position($top: 341px, $left: 29px, $width: 175px);
}

#billboard-ecobookstore > article > a > p {
@include static-position($top: 351px, $left: 528px, $height: 30px, $width: 146px);
font-size: 18px;
padding: 4px 0 0 17px;
#billboard-ecobookstore > article h3 span {
@include static-position($top: -11px, $left: 220px, $height: 50px,
$width: 154px);
}

#billboard-ecobookstore > article > p:nth-of-type(1) {
@include static-position($top: 105px, $left: 215px, $width: 470px);
@include static-position($top: 125px, $left: 215px, $width: 470px);
font-size: 18px;
}

#billboard-ecobookstore > article > p:nth-of-type(2) {
@include static-position($top: 170px, $left: 215px, $width: 470px);
@include static-position($top: 190px, $left: 215px, $width: 470px);
font-size: 18px;
}

#billboard-ecobookstore > article > p.alternative-text {
display: none;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(1) {
@include static-position($top: 0, $left: 29px, $height: 295px, $width: 150px);
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(2) {
@include static-position($top: 241px, $left: 495px, $height: 75px, $width: 200px);
#billboard-ecobookstore-link1 {
@include static-position($top: 256px, $left: 212px, $height: 31px,
$width: 149px);
font-size: 18px;
padding: 4px 0 0 17px;
}

#billboard-ecobookstore > article > ul > li#billboard-ecobookstore-link1 div:nth-of-type(3) {
@include static-position($top: 0px, $left: 235px, $height: 105px, $width: 445px);
#billboard-ecobookstore-link2 {
@include static-position($top: 321px, $left: 458px, $height: 77px,
$width: 180px);
}
}
26 changes: 14 additions & 12 deletions app/views/welcome/index.html.slim
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,18 +44,20 @@
article
= link_to '/categories/bucher' do
hgroup
h2 Ab sofort bei unserem Händler:
h3 ecobookstore.de
p Jetzt stöbern
p Alle Bücher, Filme, Audio-CDs und Spiele aus dem Ecobookstore <span>versandkostenfrei</span> liefern lassen.
p Mit Deinem Einkauf beim Ecobookstore unterstützt Du seine Bemühungen für den Regenwaldschutz.
p.alternative-text Alle Bücher, Filme, Audio-CDs und Spiele aus dem Ecobookstore.
ul
li#billboard-ecobookstore-link1
= link_to '/categories/bucher' do
div
div
div
h2 2 Mio. Artikel versandkostenfrei
h3 Ab sofort bei unserem Händler:<span> ecobookstore.de</span>
p#billboard-ecobookstore-link1 Jetzt stöbern
p
| Alle Bücher, Filme, Audio-CDs und Spiele aus dem Ecobookstore
<span>versandkostenfrei</span> liefern lassen.
p
| Mit Deinem Einkauf beim Ecobookstore unterstützt Du seine
Bemühungen für den Regenwaldschutz.
p.alternative-text
| Alle Bücher, Filme, Audio-CDs und Spiele aus dem
Ecobookstore.
= link_to 'Zu Weihnachten Gutscheine verschenken',
'/libraries/8216', id: 'billboard-ecobookstore-link2'

/ Geschenke unter 15 EUR
.billboard#billboard-gifts
Expand Down

0 comments on commit 25277c8

Please sign in to comment.