diff --git a/src/components/footer/conference/footer.jsx b/src/components/footer/conference/footer.jsx index 48ad6531a..ba01d8030 100644 --- a/src/components/footer/conference/footer.jsx +++ b/src/components/footer/conference/footer.jsx @@ -71,7 +71,7 @@ var ConferenceFooter = React.createClass({ -

+

Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab.

diff --git a/src/components/footer/conference/footer.scss b/src/components/footer/conference/footer.scss index 4846c6007..0cadb4934 100644 --- a/src/components/footer/conference/footer.scss +++ b/src/components/footer/conference/footer.scss @@ -50,7 +50,7 @@ } li { - margin-bottom: .5rem; + margin: 0; } } } diff --git a/src/components/navigation/conference/navigation.scss b/src/components/navigation/conference/navigation.scss index 0c9cc38f0..fadeb0487 100644 --- a/src/components/navigation/conference/navigation.scss +++ b/src/components/navigation/conference/navigation.scss @@ -41,6 +41,20 @@ } } + @media only screen and (max-width: $mobile - 1) { + .inner { + > ul { + li { + &.right { + ul { + flex-flow: row nowrap; + } + } + } + } + } + } + @media only screen and (max-width: $tablet - 1) { height: 100px; diff --git a/src/components/thumbnail/thumbnail.scss b/src/components/thumbnail/thumbnail.scss index 29498673d..2a15edac2 100644 --- a/src/components/thumbnail/thumbnail.scss +++ b/src/components/thumbnail/thumbnail.scss @@ -14,14 +14,11 @@ .thumbnail-title, #{$extras} { + overflow: hidden; + text-overflow: ellipsis; line-height: normal; + white-space: nowrap; word-wrap: break-word; - - a { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } } .thumbnail-title { diff --git a/src/views/conference/details/details.jsx b/src/views/conference/details/details.jsx index 086f376a1..a1eb38a13 100644 --- a/src/views/conference/details/details.jsx +++ b/src/views/conference/details/details.jsx @@ -46,25 +46,29 @@ var ConferenceDetails = React.createClass({ ] : [

{this.props.conferenceDetails.Title}

, ,
- {this.props.conferenceDetails.Description} +

+ {this.props.conferenceDetails.Description} +

,
{this.props.conferenceDetails.fetching ? [] : [ diff --git a/src/views/conference/details/details.scss b/src/views/conference/details/details.scss index d562c480d..614814f1e 100644 --- a/src/views/conference/details/details.scss +++ b/src/views/conference/details/details.scss @@ -1,12 +1,18 @@ @import "../../../frameless"; #view { + @media only screen and (max-width: $tablet - 1) { + margin-top: 100px; + } + @media only screen and (max-width: $desktop - 1) { text-align: left; } } .details { + width: $cols8; + &.inner { margin-top: 2rem; @@ -41,3 +47,10 @@ margin: 2rem 0; } } + +//8 columns +@media only screen and (max-width: $desktop - 1) { + .details { + width: 100%; + } +} diff --git a/src/views/conference/index/index.jsx b/src/views/conference/index/index.jsx index 3625345a8..9a6748883 100644 --- a/src/views/conference/index/index.jsx +++ b/src/views/conference/index/index.jsx @@ -19,15 +19,20 @@ var ConferenceSplash = React.createClass({ Many Paths, Many Styles

- Scratch Conference 2016 | Cambridge, MA, USA + August 4 - 6, 2016 | Cambridge, MA, USA

- +

+

+ + We're sold out! Join the Waitlist + +

diff --git a/src/views/conference/index/index.scss b/src/views/conference/index/index.scss index 5419c41d8..4512d1537 100644 --- a/src/views/conference/index/index.scss +++ b/src/views/conference/index/index.scss @@ -25,6 +25,19 @@ p { margin-top: 3rem; + &.sub-button { + margin-top: 1rem; + } + + b { + margin-top: 2rem; + + a { + text-decoration: underline; + color: $type-white; + } + } + a { button { diff --git a/src/views/conference/plan/plan.jsx b/src/views/conference/plan/plan.jsx index 09621cdc4..575cde510 100644 --- a/src/views/conference/plan/plan.jsx +++ b/src/views/conference/plan/plan.jsx @@ -262,6 +262,17 @@ var ConferencePlan = React.createClass({

FAQ

+
+ The conference is sold out. What can I do? +
+
+ Scratch@MIT is sold out and at capacity. However, you can{' '} + + join the waitlist + . People on the waitlist will be notified of openings on{' '} + a first come, first served basis. +
+
Who is this conference for?
@@ -279,18 +290,6 @@ var ConferencePlan = React.createClass({ Proposal submissions are now closed. -
- How much does it cost to register? -
-
- Through May 1, registration is $150 per ticket (Early Bird rate).{' '} - After May 1, registration increases to $250 per ticket. You can register{' '} - for the conference through the{' '} - - registration form - . -
-
I can only attend one day of the conference. Do you offer single-day{' '} registration? diff --git a/src/views/conference/schedule/schedule.scss b/src/views/conference/schedule/schedule.scss index 28827742a..3072824bc 100644 --- a/src/views/conference/schedule/schedule.scss +++ b/src/views/conference/schedule/schedule.scss @@ -102,6 +102,28 @@ } } + @media only screen and (max-width: $mobile - 1) { + .sub-nav { + flex-wrap: nowrap; + } + + .inner { + h2 { + &.breaking-title { + margin: 2rem 0 2rem; + height: 100%; + font-size: 1.5rem; + } + } + + .agenda-item { + h3 { + font-size: 1.2rem; + } + } + } + } + @media only screen and (max-width: $tablet - 1) { .inner { h2 {