Skip to content

Commit

Permalink
Cleanup review page featured guide section and homepage with missing …
Browse files Browse the repository at this point in the history 
…featured

- This cleans up the layout of the placeholders if there is no featured guide
  and on the review page where there is nothing featured but a CTA.
- Now the generic 'other' stack image is shown to make sure the design looks
  similar to when there is a featured guide.
  • Loading branch information
@durden
durden committed Jun 27, 2016
1 parent d32b677 commit 65fff27
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 19 deletions.
34 changes: 24 additions & 10 deletions pskb_website/templates/index.html
View file
Expand Up @@ -53,16 +53,30 @@ <h1>{{featured_article.title}}</h1>
</div>
</div>
{% else %}
<div class="row">
<div class="col-md-12">
<a href="{{url_for('faq')}}">
<span class="intro">Featured Guide</span>
<h1>Our Mission</h1>
<div class="article-details">
<p>by hack.guides()</p>
<p class="cta-text">Read more &raquo;</p>
</div>
</a>
<div class="row article-details">
<div class="col-xs-12 col-md-offset-3 col-md-7">
<span class="intro">Featured Guide</span>
</div>
<div class="row">
<div class="col-xs-12 col-md-2 col-md-offset-1">
<img src="{{url_for('static', filename='img/stack_images/other.png')}}" width="99" height="104" alt="other"/>
</div>

<div class="col-xs-12 col-md-7">
<a href="{{url_for('faq')}}">
<div class="article-details row">
<div class="col-sm-6">
<h1>Our Mission</h1>
<p>by hack.guides()</p>
</div>
</div><!-- row -->
<div class="article-details row">
<div class="col-xs-12">
<p class="cta-text">Read more &raquo;</p>
</div>
</div><!-- row -->
</a>
</div>
</div>
</div>
{% endif %}
Expand Down
36 changes: 27 additions & 9 deletions pskb_website/templates/review.html
View file
Expand Up @@ -7,17 +7,35 @@
{% include "mission.html" %}

<div id="featured">
<div class="row mission">
<div class="col-md-12">
<h1 class="lead">Give back.</h1>
<p>
You have unique expertise. Give back to the community by
<a href="{{url_for('index')}}">writing a new guide</a> or editing one of the guides
needing review.
</p>
<div class="row article-details">
<div class="col-xs-12 col-md-offset-3 col-md-7">
<span class="intro">Guides for review</span>
</div>
<div class="row">
<div class="col-xs-12 col-md-2 col-md-offset-1">
<img src="{{url_for('static', filename='img/stack_images/other.png')}}" width="99" height="104" alt="other"/>
</div>

<div class="col-xs-12 col-md-7">
<a href="{{url_for('faq')}}">
<div class="article-details row">
<div class="col-sm-6">
<h1>Give back.</h1>
</div>
</div><!-- row -->
<div class="article-details row">
<div class="col-xs-12">
<h6>
You have unique expertise. Give back to the community by
editing one of the guides needing review.
</h6>
</div>
</div><!-- row -->
</a>
</div>
</div>
</div>
</div>
</div><!-- featured -->
</div>
</div> <!-- hero -->
{% endblock %}
Expand Down

0 comments on commit 65fff27

Please sign in to comment.