Commit fa52e57
Changed files (3)
app
assets
images
stylesheets
views
sessions
app/assets/images/feather.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="82.515px" height="266.693px" viewBox="0 0 82.515 266.693" enable-background="new 0 0 82.515 266.693"
+ xml:space="preserve">
+<g>
+ <path d="M33.115,261.74c-0.158-0.806-15.738-75.844-7.023-128.607l3.906,0.43c-8.646,52.359,6.77,132.328,6.928,133.131
+ L33.115,261.74L33.115,261.74z"/>
+</g>
+<path fill="#FFFFFF" d="M44.796,13.033c0,0-4.498-14.625-2.373-18.25s11.371-7.5,2.373,18.75"/>
+<path d="M71.282,126.534c-1-6.5,2-7,2.5-12.5s0.5-15.5,3-30s6.5-14,4.5-23c-0.728-3.273,0.003-6.083,1.224-8.719
+ c-0.669-91.895-66.087-47.9-73.655,18.719C0.812,141.791-11.148,199.073,22.19,203.7c3.645,0.506,6.667,0,6.667,0
+ c9.487-0.842,25.445-0.214,38.289-42.974C69.395,146.865,71.846,130.195,71.282,126.534z"/>
+<g>
+ <g>
+ <path d="M29.497,220.616c0,0-1.179,2.75-5.505,2.224c0,0,3.529,1.371,6.33-1.668L29.497,220.616z"/>
+ </g>
+ <g>
+ <path d="M28.738,219.737c0,0-1.962,3.24-7.292,1.817c0,0,4.183,2.341,8.229-0.975L28.738,219.737z"/>
+ </g>
+ <g>
+ <path d="M27.943,218.501c0,0-3.031,3.717-9.461,0.994c0,0,4.831,3.671,10.486,0.228L27.943,218.501z"/>
+ </g>
+ <g>
+ <path d="M27.163,216.813c0,0-4.454,4.125-12.035-0.42c0,0,5.408,5.452,13.104,2.132L27.163,216.813z"/>
+ </g>
+ <g>
+ <path d="M26.483,214.56c0,0-6.31,4.386-15.012-2.647c0,0,5.819,7.787,16.05,4.98L26.483,214.56z"/>
+ </g>
+ <g>
+ <path d="M26.028,211.616c0,0-8.681,4.386-18.351-5.963c0,0,5.922,10.786,19.241,9.07L26.028,211.616z"/>
+ </g>
+ <g>
+ <path d="M25.976,207.845c0,0-11.654,3.968-21.952-10.708c0,0,5.523,14.564,22.521,14.76L25.976,207.845z"/>
+ </g>
+ <g>
+ <path d="M26.575,203.109c0,0-15.308,2.921-25.63-17.29c0,0,4.357,19.23,25.63,22.47V203.109z"/>
+ </g>
+</g>
+<path d="M27.49,203.368c0,0,21.625,2.5,31.792-19.5c0,0-9.753,24.198-31.271,24.421L27.49,203.368z"/>
+<g>
+ <g>
+ <path d="M30.582,225.85c0,0,4.442,3.239,9.978-1.136c0,0-4.057,4.84-10.348,2.624L30.582,225.85z"/>
+ </g>
+ <g>
+ <path d="M30.587,223.619c0,0,5.821,3.652,12.343-2.285c0,0-4.636,6.389-12.674,4.174L30.587,223.619z"/>
+ </g>
+ <g>
+ <path d="M30.4,220.836c0,0,7.578,4.047,15.192-3.926c0,0-5.225,8.37-15.44,6.31L30.4,220.836z"/>
+ </g>
+ <g>
+ <path d="M29.924,217.383c0,0,9.802,4.386,18.602-6.22c0,0-5.785,10.893-18.704,9.214L29.924,217.383z"/>
+ </g>
+ <g>
+ <path d="M29.03,213.119c0,0,12.605,4.614,22.653-9.378c0,0-6.264,14.088-22.519,13.12L29.03,213.119z"/>
+ </g>
+ <g>
+ <path d="M27.542,207.878c0,0,16.121,4.655,27.429-13.668c0,0-6.582,18.112-26.936,18.323L27.542,207.878z"/>
+ </g>
+</g>
+<path d="M30.69,227.048c0,0,2.161,4.327,8.256,3.148c0,0-5.127,2.141-9.147-2.135L30.69,227.048z"/>
+</svg>
app/assets/stylesheets/global.scss
@@ -1,3 +1,36 @@
+@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700);
+/* ---------------------------------------------- */
+/* Mixins --------------------------------------- */
+/* ---------------------------------------------- */
+@mixin responsive-svg($svgwidth, $svgheight, $containerwidth) {
+ height: 0;
+ margin: 0 auto;
+ padding-top: #{($svgheight/$svgwidth)*$containerwidth};
+ position: relative;
+ width: $containerwidth;
+ svg {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+}
+/* ---------------------------------------------- */
+/* Branding ------------------------------------- */
+/* ---------------------------------------------- */
+header {
+ padding: 0.5em 0;
+ h1 {
+ font-family: 'PT Sans Narrow', sans-serif;
+ text-transform: uppercase;
+ .svg-container {
+ @include responsive-svg(10, 20, .85em); // (width, height, containerWidth)
+ img {
+ margin: 0 0.15em 0 0;
+ width: 18px;
+ }
+ }
+ }
+}
/* ---------------------------------------------- */
/* Buttons -------------------------------------- */
/* ---------------------------------------------- */
app/views/sessions/new.html.erb
@@ -1,3 +1,10 @@
+<header>
+ <div class="row">
+ <div class="small-12 columns text-center">
+ <h1>Supply <span class="svg-container"><%= image_tag "feather.svg", alt: "Crow feather", class: "feather" %></span>Crow</h1>
+ </div>
+ </div>
+</header>
<div class="row">
<%= form_for @user, url: sessions_path do |f| %>
<div class="small-12 columns">