Skip to content

Commit

Permalink
Landing Copy, Menu Fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
reilnuud committed Jul 20, 2016
1 parent 5dc4547 commit 92311c9
Show file tree
Hide file tree
Showing 5 changed files with 100 additions and 3 deletions.
2 changes: 1 addition & 1 deletion _includes/global_page_includes/expanded_menu.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ <h4>About</h4>
<h4>Take Action</h4>
<ul>
<li><a href="{{root_path}}/join/">Sign Up</a></li>
<li><a href="{{root_path}}/email-join/">Get Involved</a></li>
<li><a href="http://act.mayday.us/take_action">Get Involved</a></li>
{% comment %}<li><a href="http://gear.mayday.us/">Buy Gear</a></li>{% endcomment %}
<li><a href="{{root_path}}/donate2/" class="text-orange">Donate</a></li>
</ul>
Expand Down
2 changes: 1 addition & 1 deletion _includes/global_page_includes/header.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ <h1><a class="navbar-brand" href="{{ root_path }}/"><img src="{{ root_path }}/im
<ul class="nav nav-pills pills nav-justified">
<li><a href="{{ root_path }}/the-plan/">The Plan</a></li>
<!--<li><a href="{{ root_path }}/national-progress/">National Progress</a></li>-->
<li><a href="{{ root_path }}/email-join/">Volunteer</a></li>
<li><a href="http://act.mayday.us/take_action">Volunteer</a></li>
<!--<li><a href="{{ root_path }}/leaders/">Leaders</a></li>
<li><a href="{{ root_path }}/news">News</a></li>-->
<li class="hidden-xs"><a href="#" class="collapsed collapse" data-toggle="collapse" data-target="#js-main-menu-expanded" aria-expanded="false">+ More</a></li>
Expand Down
91 changes: 91 additions & 0 deletions _includes/jumbotrons/front-page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<style type="text/css" media="screen">
.jumbotron{
background:transparent url('/images/campaigns/web-refresh-jumbotron-background.jpg') 0 0 no-repeat;
background-size:cover;
padding-bottom:0;
background-position:center;
margin-bottom:0;
position: relative;
padding-top: 90px;
}

.jumbotron h1 {
font-size:50px;
color:#fdd63f;
line-height:1;
}

.jumbotron h2 {
font-size:35px;
}

.jumbotron .panel {
padding: 0 20px 10px;
}

.jumbotron:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00467e;
z-index: 0;
opacity: .5;
}
.jumbotron .container{
/* background: transparent url('/images/20160203_money_in_dome.svg') center bottom no-repeat;
background-size:180px;
padding-bottom:180px */
}

.jumbotron p {
margin-bottom: 15px;
font-size: 18px;
line-height: 1.33;
font-weight: 200;
}

</style>

<div class="jumbotron item">
<div class="container">

<div class="row margin-top-md margin-bottom-md">

<div class="col-md-10 center-block text-center">

<h1 class="text-yellow margin-bottom-xs">Help us reduce the influence of money in politics.</h1>

<h4 class="text-grey-light margin-bottom-xs">We can't enact fundamental reform without your help</h4>
<div class="row margin-top-sm margin-bottom-xs">
<div class="col-md-10 center-block">
<div class="col-sm-1"></div>
<div class="col-sm-4"><a class="button btn btn-mayday margin-bottom-sm" href="https://mayday.nationbuilder.com/donate_once">Donate Once</a></div>
<div class="col-sm-1"><p class="margin-top-xs hidden-xs">or</p></div>
<div class="col-sm-5"><a class="button btn btn-mayday margin-bottom-sm" href="https://mayday.nationbuilder.com/donate_monthly">Donate Monthly</a></div>
</div>
</div>
<div class="row">
<div class="col-sm-10 center-block">
<div id="recent" class="text-yellow"></div>
</div>
</div>

</div>

</div>

</div>
</div>

{% capture footer_scripts %}

<script>

$( "#recent" ).load( "https://mayday.nationbuilder.com/snippets #recent", function() {});

</script>

{% endcapture %}
6 changes: 6 additions & 0 deletions _sass/_topography.scss
Original file line number Diff line number Diff line change
Expand Up @@ -439,4 +439,10 @@ a.label:after{
:-moz-placeholder{@content}
::-moz-placeholder{@content}
:-ms-input-placeholder{@content}
}

.expanded-menu {
ul {
margin:0;
}
}
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
{% capture content %}
<div id="index">

{% include jumbotrons/20160627_july4th.html %}
{% include jumbotrons/front-page.html %}

{% comment %} SECTION 2 - Video + Social Media + Plan Link {% endcomment %}

Expand Down

1 comment on commit 92311c9

@Rio517
Copy link
Contributor

@Rio517 Rio517 commented on 92311c9 Jul 21, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I really recommend you create jumbotrons as dated files. 20160721_some_descriptive_name.html. Future maintainers will thank you.

Please sign in to comment.