guides_style_18f 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5b85d8131f106fc7c161f6d5e9354d69bc2e5cc8
-  data.tar.gz: 06c614fef2e0d343afce101a407ba876bde45f1d
+  metadata.gz: b6425173ee18142282aaba8e6b3793be82673cc7
+  data.tar.gz: 5d279c26bb50028d66123be800494747c84ebabc
 SHA512:
-  metadata.gz: fa28d5a78c402c15a380bbce0c3db74865e3eea2106079977c795ea5084604afcfe020427bf72fa57b7b6374dc11f6a643d30f7fa553d4a983a5eaaa8e3df94f
-  data.tar.gz: c38bea6599fa7ef16e15c6f7b8da5b3f81b9cb2e7c0985c5700bb9f3d5460719e826e1bd318a92517faabff3e05b9367ed490b742b352285c258927560ff94e4
+  metadata.gz: 24c45ba00326245afb55fb835220cae61b8a24d6772f1cc97896831a42324b7160c24cb350aa0ea88f1b25286497e9446169970327356dc5f5bf02213fae4e6d
+  data.tar.gz: 6dcfea31eeb9326ad81008502205f828488c43fee20e6c8bb3016e14b6e46091dfa56d7f1b63edbaa1bb96451c4e62965f4301cc9f7896617fce03489d002dcf

data/assets/svg/search.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="28" viewBox="0 0 26 28">
+<path fill="#444" d="M18 13q0-2.891-2.055-4.945t-4.945-2.055-4.945 2.055-2.055 4.945 2.055 4.945 4.945 2.055 4.945-2.055 2.055-4.945zM26 26q0 0.812-0.594 1.406t-1.406 0.594q-0.844 0-1.406-0.594l-5.359-5.344q-2.797 1.937-6.234 1.937-2.234 0-4.273-0.867t-3.516-2.344-2.344-3.516-0.867-4.273 0.867-4.273 2.344-3.516 3.516-2.344 4.273-0.867 4.273 0.867 3.516 2.344 2.344 3.516 0.867 4.273q0 3.437-1.937 6.234l5.359 5.359q0.578 0.578 0.578 1.406z"></path>
+</svg>

data/lib/guides_style_18f/includes/scripts.html

@@ -5,3 +5,4 @@
 <script src="{% guides_style_18f_asset_root %}/assets/js/18f-guide.js"></script>{% for script in site.scripts %}
 <script src="{{ site.baseurl }}/{{ script }}"></script>{% endfor %}{% for script in page.scripts %}
 <script src="{{ site.baseurl }}/{{ script }}"></script>{% endfor %}
+{% jekyll_pages_api_search_load %}

data/lib/guides_style_18f/layouts/default.html

@@ -11,13 +11,17 @@
       <header role="banner">
 
         <div class="wrap">
-          {% if site.logourl != null %}
-            <a href="{{ site.author.url }}"><img class="logo" src="{{ site.baseurl }}{{ site.logourl }}" alt="{{ site.logoalt }}" width="75px"></a>
-          {% endif %}
+
+
           <h1 class="site-title"><a class="title-link" href="{{ site.baseurl }}/">{{ site.name }}</a></h1>{% if site.back_link %}
+
+          {% jekyll_pages_api_search_interface %}
+
           <div class="back-link"><a href="{{ site.back_link.url }}">&laquo; {{ site.back_link.text }}</a></div>{% endif %}
+
+
         </div>
-        
+
       </header>
 
       <div class="wrap content">

data/lib/guides_style_18f/sass/_guides_style_18f_main.scss

@@ -1,3 +1,5 @@
+@import "jekyll_pages_api_search";
+
 /*
 Main.css
 ==================================
@@ -321,12 +323,82 @@ section:before {
 }
 
 header {
-    width: 100%;
     border-bottom: 4px solid #1188ff;
     background-color: #fff;
     padding: 2em 0;
 }
 
+header div.wrap{
+    position: relative;
+    padding-top: 2.4em;
+}
+
+header div.wrap::after{
+    content: "";
+    display: table;
+    clear: both;
+}
+
+header h1.site-title{
+    margin-bottom: 0.4em;
+}
+
+header div.wrap div.back-link{
+    position: absolute;
+    left: 20px;
+    top: -1em;
+    font-size: 14px;
+    color: #555;
+}
+
+header div.wrap div.back-link a{
+    color: inherit;
+    text-decoration: underline;
+}
+
+header div.wrap div.back-link a:hover{ text-decoration: none; }
+
+@media screen and (min-width: 45em){
+    header h1.site-title{
+        float: left;
+        width: 67%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+    header div.search-interface{
+        width: 30%;
+        float: right;
+    }
+}
+
+
+header div.search-interface input{
+    display: block;
+    -webkit-box-sizing: border-box;
+    width: 100%;
+    padding: 6px 4px;
+    padding-left: 2em;
+    font: inherit;
+    border-radius: 3px;
+    border: 1px solid #ccc;
+    background: url(../svg/search.svg) 6px 45% no-repeat;
+    background-size: 16px;
+}
+
+ul.searchresultspopup{ border-radius: 3px; }
+ul.searchresultspopup li{ padding: 0; }
+ul.searchresultspopup li a{
+    padding: 4px;
+    display: block;
+    color: inherit;
+}
+ul.searchresultspopup li.ng-scope.selected a{
+    background: #333;
+    color: white;
+}
+
+
 .main-content img {
   max-width: 100%;
 }

data/lib/guides_style_18f/version.rb

@@ -1,5 +1,5 @@
 # @author Mike Bland (michael.bland@gsa.gov)
 
 module GuidesStyle18F
-  VERSION = '0.2.0'
+  VERSION = '0.3.0'
 end

data/lib/guides_style_18f.rb

@@ -10,3 +10,6 @@ require 'guides_style_18f/sass'
 require 'guides_style_18f/tags'
 require 'guides_style_18f/update'
 require 'guides_style_18f/version'
+
+require 'jekyll_pages_api'
+require 'jekyll_pages_api_search'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: guides_style_18f
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Mike Bland
@@ -24,6 +24,34 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll_pages_api
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll_pages_api_search
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
@@ -166,6 +194,8 @@ files:
 - assets/js/vendor/anchor.min.js
 - assets/js/vendor/jquery-1.11.2.min.js
 - assets/js/vendor/private-eye-1.0.0.js
+- assets/png/search.png
+- assets/svg/search.svg
 - lib/guides_style_18f.rb
 - lib/guides_style_18f/assets.rb
 - lib/guides_style_18f/generator.rb