diff --git a/views/stories/index.jade b/views/stories/index.jade index 87e487b2a5..c5b0c2de34 100644 --- a/views/stories/index.jade +++ b/views/stories/index.jade @@ -15,7 +15,13 @@ block content if (page === 'recent') include ./new-stories if (page === 'submit') - include ./preliminary-submit + if (user) + include ./preliminary-submit + else + .spacer + .text-center + a.btn.btn-cta.signup-btn.btn-primary(href="/login") Sign in to post your story (it's free) + .spacer if (page === 'search') include ./search-stories if (page === 'storySubmission') diff --git a/views/stories/news-nav.jade b/views/stories/news-nav.jade index a233b6f9ca..0980167c31 100644 --- a/views/stories/news-nav.jade +++ b/views/stories/news-nav.jade @@ -1,17 +1,36 @@ .col-xs-12 - .btn-group.input-group.btn-group-justified(data-toggle='buttons') - label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }") - input#option1(href='/stories/hot', type='radio', name='options') - | Hot - label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }") - input#option2(href='/stories/recent', type='radio', name='options') - | New - label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }") - input#option3(href='/stories/submit', type='radio', name='options') - | Submit - label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }") - input#option4(href='/stories/search', type='radio', name='options') - | Search + .visible-xs.visible-sm + .btn-group.input-group.btn-group-justified(data-toggle='buttons') + label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }") + input#option1(href='/stories/hot', type='radio', name='options') + i.ion-ios-pulse-strong + label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }") + input#option2(href='/stories/recent', type='radio', name='options') + i.ion-ios-clock + label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }") + input#option3(href='/stories/submit', type='radio', name='options') + i.ion-plus-circled + label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }") + input#option4(href='/stories/search', type='radio', name='options') + i.ion-search + .visible-md.visible-lg + .btn-group.input-group.btn-group-justified(data-toggle='buttons') + label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }") + input#option1(href='/stories/hot', type='radio', name='options') + i.ion-ios-pulse-strong   + | Hot + label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }") + input#option2(href='/stories/recent', type='radio', name='options') + i.ion-ios-clock   + | New + label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }") + input#option3(href='/stories/submit', type='radio', name='options') + i.ion-plus-circled   + | Submit + label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }") + input#option4(href='/stories/search', type='radio', name='options') + i.ion-search   + | Search script. $('label').on('click', function() { diff --git a/views/stories/preliminary-submit.jade b/views/stories/preliminary-submit.jade index b7234f6594..3937b6a800 100644 --- a/views/stories/preliminary-submit.jade +++ b/views/stories/preliminary-submit.jade @@ -1,17 +1,24 @@ -.spacer .col-xs-12 - form.form-horizontal.control-label-story-submission#story-submission-form - .col-xs-2.img-story-post - img.img-responsive(src='#{user.profile.picture}') - .col-xs-10 - .form-group - .col-xs-1 - label.control-label.control-label-story-submission(for='name') Link - .col-xs-11 - input#story-url.form-control(placeholder='Paste your link here', name='Link') - .spacer - .form-group - button.btn.btn-big.btn-block.btn-primary#preliminary-story-submit Submit + .spacer + .input-group + input#story-url.big-text-field.form-control(placeholder='Paste your link here', name='Link', autofocus) + span.input-group-btn + button#preliminary-story-submit.btn.btn-big.btn-primary(type='button') Submit + .spacer + + + // + .col-xs-12 + form.form-horizontal.control-label-story-submission#story-submission-form + .col-xs-2.img-story-post + img.img-responsive(src='#{user.profile.picture}') + .col-xs-10 + .form-group + .col-xs-11 + input#story-url.form-control(placeholder='Paste your link here', name='Link') + .spacer + .form-group + button.btn.btn-big.btn-block.btn-primary Submit script. $('#story-url').on('keypress', function(e) { if (e.which === 13 || e === 13) { diff --git a/views/stories/search-stories.jade b/views/stories/search-stories.jade index 19926f8be0..f1140493c7 100644 --- a/views/stories/search-stories.jade +++ b/views/stories/search-stories.jade @@ -1,7 +1,7 @@ .col-xs-12 .spacer .input-group - input#searchArea.big-text-field.form-control(type='text', placeholder='Search for...', autofocus) + input#searchArea.big-text-field.form-control(type='text', placeholder='Search our stories', autofocus) span.input-group-btn button#searchbutton.btn.btn-big.btn-primary(type='button') Search .spacer diff --git a/views/stories/submit-story.jade b/views/stories/submit-story.jade index 8043b50dc5..df601fcbfd 100644 --- a/views/stories/submit-story.jade +++ b/views/stories/submit-story.jade @@ -4,23 +4,21 @@ var storyURL = !{JSON.stringify(storyURL)}; var storyTitle = !{JSON.stringify(storyTitle)}; form.form-horizontal.control-label-story-submission#story-submission-form - .col-xs-2.img-story-post - img.img-responsive(src='#{user.profile.picture}') - .col-xs-10 + .col-xs-12 .form-group - .col-xs-1 + .col-xs-12.col-md-1 label.control-label.control-label-story-submission(for='name') Link - .col-xs-11 + .col-xs-12.col-md-11 input#story-url.form-control(placeholder='Paste your link here', name='Link') .form-group - .col-xs-1 + .col-xs-12.col-md-1 label.control-label.control-label-story-submission(for='name') Title - .col-xs-11 + .col-xs-12.col-md-11 input#story-title.form-control(placeholder='Type a headline for your link here', name='Title') .form-group - .col-xs-1 - label.control-label.control-label-story-submission(for='name') - .col-xs-11 + .col-xs-12.col-md-1 + label.control-label.control-label-story-submission(for='name') Description + .col-xs-12.col-md-11 textarea#description-box.form-control(name="comment-box", rows=5, placeholder="Start off the discussion with a description of your post") .spacer