flow/datamad2017
1
0
Fork 0
mirror of https://github.com/medialab-prado/datamad2017.git synced 2025-06-07 14:01:29 +02:00
Code Issues Projects Releases Wiki Activity

Updated partnership proposition, changed .explore icon animation, added new tickets block, merged js plugins into one file, refactoring of scripts.js, minor style fixes

Browse source
This commit is contained in:
Oleh Zasadnyy 2014-08-25 12:42:51 +03:00
parent e9ee50a004
commit 220149a695
43 changed files with 432 additions and 5692 deletions
Download patch file Download diff file Expand all files Collapse all files

3
_sass/main.scss
View file

@ -20,7 +20,8 @@
@import "partials/statistic";
@import "partials/latest-news";
@import "partials/rockstar-speakers";
@import "partials/buy-tickets";
@import "partials/tickets";
@import "partials/tickets-2";
@import "partials/location-map";
@import "partials/venue";
@import "partials/twitter-feed";

17
_sass/partials/_blog.scss
View file

@ -1,6 +1,6 @@
.blog {
h3 {
margin-top: 0;
margin: 0 0 20px;
}
}
.post-section {
@ -16,22 +16,27 @@
font-size: 15px;
line-height: 26px;
}
.social-links {
li {
margin-left: 4px;
}
}
}
.post-header {
height: 20px;
margin-top: 20px;
font-size: 14px;
.published {
padding: 0;
font-weight: $bold;
}
.publish-date {
color: #656565;
}
.share {
padding: 0;
text-align: right;
}
.social-links {
li {
margin-left: 4px;
}
}
}
.post-body {
margin-top: 19px;

8
_sass/partials/_buttons.scss
View file

@ -1,20 +1,16 @@
.waves-button {
color: #fff;
&:hover, &:link, &:visited, .waves-button-input {
color: #fff;
}
}
.btn {
font-weight: $bold;
transition: $base-cubic-transition;
}
.btn-primary {
color: #fff !important;
user-select: none;
text-transform: uppercase;
border: 0;
background: $primary-color !important;
&:hover, &:focus, &:active, &.active {
outline: none;
color: #fff;
background: $primary-color-hover;
}
}

4
_sass/partials/_global.scss
View file

@ -1,5 +1,5 @@
@include web-fonts(($fixed-font-family:($light, $regular, $bold)));
body, html {
body, html {
font-family: $fixed-font-family, $base-font-family;
font-size: $base-font-size;
font-weight: $regular;
@ -237,4 +237,4 @@ time {
margin-right: 4px;
display: inline-block;
}
}
}

7
_sass/partials/_helper.scss
View file

@ -3,6 +3,10 @@
color: rgba(255, 255, 255, .6);
border: 1px solid rgba(255, 255, 255, .6);
border-radius: 0;
&.dark-border {
color: rgba(51, 51, 51, .6);
border-color: rgba(51, 51, 51, .6);
}
}
.colored {
color: $primary-color;
@ -116,4 +120,7 @@
}
.reset-padding {
padding: 0;
}
.disable-scrolling {
overflow: hidden;
}

34
_sass/partials/_hero.scss
View file

@ -21,14 +21,20 @@
}
}
}
.typeout-fallback {
display: none;
@media (max-width: 767px) {
display: inline-block;
}
}
.explore {
margin-left: -12px;
position: absolute;
bottom: 50px;
bottom: 25px;
left: 50%;
transition: $base-transition;
animation: callToAction 3.5s linear 0s infinite;
@media (max-width: 767px) {
bottom: 30px;
animation: none;
}
}
.icon-arrow-down {
@ -39,4 +45,26 @@
width: 24px;
height: 24px;
}
}
@keyframes callToAction {
0% {
opacity: 0;
transform: translateY(-16px);
}
25% {
opacity: 1;
transform: translateY(0);
}
75% {
opacity: 1;
transform: translateY(0);
}
85% {
opacity: 0;
transform: translateY(-16px);
}
100% {
opacity: 0;
transform: translateY(-16px);
}
}

86
_sass/partials/_tickets-2.scss Normal file
View file

@ -0,0 +1,86 @@
$border-color: rgba(51, 51, 51, .6);
.tickets-2 {
.ticket-text {
margin: 0;
font-size: 32px;
font-weight: $light;
line-height: 39px;
}
.price {
@extend .ticket-text;
@media (max-width: 767px) {
font-size: 28px;
margin-top: 15px;
}
}
.title {
@extend .ticket-text;
padding-left: 10px;
text-align: left;
@media (max-width: 767px) {
padding: 0;
text-align: center;
}
}
.ticket-additional-text {
margin-top: 3px;
display: block;
font-size: 12px;
line-height: 13px;
@media (max-width: 767px) {
font-size: 13px;
line-height: 14px;
}
}
.ticket-additional-info {
@extend .ticket-additional-text;
padding-left: 10px;
text-align: left;
@media (max-width: 767px) {
padding: 0;
text-align: center;
}
}
.ticket-sales {
@extend .ticket-additional-text;
padding: 0 10px;
@media (max-width: 767px) {
padding: 0;
}
}
.ticket-fallback {
margin-top: 20px;
padding-top: 2px;
line-height: 1.2;;
}
.tickets-info {
font-size: 16px;
}
.button {
@media (max-width: 767px) {
margin-top: 20px;
width: 100%;
}
a {
@media (max-width: 767px) {
width: 100%;
font-size: 20px;
}
}
}
}
.tickets-table {
margin: 0 auto;
margin-bottom: 20px;
padding: 0 15px;
border: 1px solid $border-color;
max-width: 850px;
}
.tickets-row {
padding: 20px 0;
border-bottom: 1px dashed $border-color;
&:last-child {
border: none;
}
}

15
_sass/partials/_buy-tickets.scss → _sass/partials/_tickets.scss
View file

@ -47,7 +47,8 @@ $button-background-color-hover: #4d4d4d;
margin: 0;
}
}
.amount {
.price {
margin-bottom: 30px;
color: $primary-color;
}
.pricing-content {
@ -69,15 +70,21 @@ $button-background-color-hover: #4d4d4d;
}
.title {
font-size: 32px;
font-weight: $light;
margin: 0;
padding: 20px 0;
background: $title-background-color;
}
.amount {
font-size: 65px;
.price {
margin: 30px 0 10px;
padding: 26px 0;
font-size: 65px;
font-weight: $light;
color: #000;
}
.currency {
font-size: 32px;
}
.button {
font-size: 32px;
display: block;
@ -85,7 +92,7 @@ $button-background-color-hover: #4d4d4d;
padding: 7px 0 10px;
color: #fff;
background: $button-background-color;
font-weight: 100;
font-weight: $light;
text-decoration: none;
&:hover {
background: $button-background-color-hover;

20
_sass/partials/_twitter-feed.scss
View file

@ -4,15 +4,19 @@
height: 64px;
fill: #fff;
}
.tweet {
height: 130px;
@media (max-width: 767px) {
height: 200px;
}
p {
font-weight: $light;
}
}
.tweet {
height: 130px;
@media (max-width: 767px) {
height: 200px;
}
p {
font-weight: $light;
}
}
.tweets {
max-width: 850px;
margin: 0 auto;
}
.tweet-text {
font-size: 26px;