Permalink
Browse files

Modify event template

  • Loading branch information...
saracope committed Oct 4, 2017
1 parent 752bafb commit 13fcaccffdfb980c34574e2e65226a59cea8ddda
Showing with 36 additions and 0 deletions.
  1. +1 −0 _includes/head.html
  2. +9 −0 _layouts/event.html
  3. +26 −0 _sass/_events.scss
View
@@ -19,6 +19,7 @@
<link rel="stylesheet" href="{{ '/assets/uswds/css/uswds.css' | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ '/assets/css/main.css' | prepend: site.baseurl }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="shortcut icon" type="image/x-icon" href="{{ '/assets/img/favicon.ico' | prepend: site.baseurl }}" />
View
@@ -11,6 +11,15 @@ <h2><span class="usa-hero-callout-alt">GSA Presents:</span> {{ page.title }}</h2
</div>
</div>
</section>
<div class="rsvp-bar">
<div class="rsvp--block"><em class="material-icons">event</em><strong>{{ page.date}}</strong></div>
<div class="rsvp--block">
<i class="material-icons">location_on</i><strong>{{ page.location }}</strong>
</div>
<div class="rsvp--block">
<i class="material-icons">account_balance</i><strong>GSA</strong>
</div>
</div>
<div class="usa-overlay"></div>
<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
<aside class="usa-width-one-fourth usa-layout-docs-sidenav">
View
@@ -130,3 +130,29 @@ article.card-featured {
@extend .card;
width: 100%;
}
.event-hero {
padding: 30rem;
background-position: center;
background-size: cover;
}
.rsvp-bar {
background: #F8F8FA;
display: flex;
-webkit-box-pack: center;
justify-content: space-around;
}
.rsvp--block {
display: block;
position: relative;
padding: 40px 0;
}
.material-icons {
position: relative;
top: -.1em;
vertical-align: middle;
padding-right: .25em;
}

0 comments on commit 13fcacc

Please sign in to comment.