Add brand assets

_config.yml

@@ -1,8 +1,8 @@
 # Site settings
 title: OverReact
-description: TODO
-baseurl: ""
-url: "TODO"
+description: A framework for building statically-typed React UI components using Dart.
+pkg_name: over_react
+repo: https://github.com/Workiva/over_react/
 latest_version: 1.0.0
 gacode: "TODO"
 
@@ -40,4 +40,6 @@ sass:
   sass_dir: docs/sass
 
 # Serving
+baseurl: ""
+url: "TODO"
 port: 8020

docs/_includes/favicons.html

@@ -0,0 +1,9 @@
+<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}docs/assets/img/apple-touch-icon.png">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}docs/assets/img/favicon-32x32.png" sizes="32x32">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}docs/assets/img/favicon-16x16.png" sizes="16x16">
+<link rel="icon" type="image/x-icon" href="{{ site.baseurl }}docs/assets/img/favicon.ico">
+<link rel="shortcut icon" href="{{ site.baseurl }}docs/assets/img/favicon.ico">
+<link rel="manifest" href="{{ site.baseurl }}docs/assets/img/manifest.json">
+<link rel="mask-icon" href="{{ site.baseurl }}docs/assets/img/safari-pinned-tab.svg" color="#00d2b8">
+<meta name="msapplication-config" content="{{ site.baseurl }}docs/assets/img/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">

docs/_includes/site_navbar.html

@@ -1,16 +1,15 @@
 <nav class="navbar navbar-static-top navbar-light">
     <div class="container">
-        <a href="{{site.baseurl}}/">
-            <!-- TODO: Logo -->
-            <!--<img src="" class="navbar-logo">-->
-            <span class="sr-only">{{ site.title }}</span>
-        </a>
-
         <button class="navbar-toggler hidden-lg-up pull-xs-right" type="button" data-toggle="collapse"
                 data-target="#navbar" aria-controls="exCollapsingNavbar2" aria-expanded="false"
                 aria-label="Toggle navigation">
         </button>
 
+        <a class="navbar-brand" href="{{site.baseurl}}/">
+            {% include svg/over_react_logo.svg class="navbar__logo" %}
+            <span class="logo-text logo-text--light">Over</span><span class="logo-text">React</span>
+        </a>
+
         <div class="collapse navbar-toggleable-md" id="navbar">
             <ul class="nav navbar-nav">
                 <!-- TODO: Site Navigation -->

docs/_layouts/default.html

@@ -6,14 +6,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     {% capture description %}{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | strip_html | strip_newlines }}{% endif %}{% endcapture %}
+    {% capture title %}{% if page.title %}{{ page.title }} &middot; {{ site.title }}{% else %}{{ site.title }} &middot; {{ site.description | strip_html | strip_newlines }}{% endif %}{% endcapture %}
 
     <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" />
     <meta property="og:site_name" content="{{ site.title }}" />
     <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
-    <meta property="og:image" content="TODO" />
+    <meta property="og:image" content="{{ site.baseurl }}docs/assets/img/over_react_og_image.png" />
     <meta property="og:description" content="{{ description }}" />
 
-    <title>{% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.title }}</title>
+    <title>{{ title }}</title>
     <meta name="description" content="{{ description }}">
 
     <link rel="stylesheet" href="{{ site.baseurl }}docs/sass/docs.css?t={{ site.time | date_to_xmlschema }}">
@@ -26,7 +27,6 @@
     {% include site_footer.html %}
 
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha256-/5pHDZh2fv1eZImyfiThtB5Ag4LqDjyittT7fLjdT/8=" crossorigin="anonymous"></script>
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js" integrity="sha256-+h0g0j7qusP72OZaLPCSZ5wjZLnoUUicoxbvrl14WxM=" crossorigin="anonymous"></script>
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.min.js" integrity="sha256-ifihHN6L/pNU1ZQikrAb7CnyMBvisKG3SUAab0F3kVU=" crossorigin="anonymous"></script>
 

docs/_layouts/home.html

@@ -2,11 +2,20 @@
 layout: default
 ---
 
-<div class="hero">
+<div class="jumbotron jumbotron-fluid">
     <div class="container">
         <h1 class="hero-title">
-            yo
+            {{ site.description }}
         </h1>
+        <div>
+            <a class="btn hero-btn" href="{{ site.baseurl }}/getting-started/">Get Started</a>
+            <a class="btn hero-btn" href="https://pub.dartlang.org/packages/over_react" target="{{ site.api_target }}">API Docs</a>
+
+            <span class="hero-ghbtn">
+                <!-- Once we start raking in some stars! -->
+                <!--<iframe src="https://ghbtns.com/github-btn.html?user=workiva&repo=over_react&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>-->
+            </span>
+        </div>
     </div>
 </div>
 
@@ -15,7 +24,7 @@ <h1 class="hero-title">
         <div class="col-lg-7">
             Put some stuff here!
         </div>
-        <div class="col-lg-5">
+        <div class="col-lg">
             Maybe an image here?
         </div>
     </div>
@@ -26,7 +35,7 @@ <h1 class="hero-title">
         <div class="col-lg-7">
             Another row of stuff... start adding content!
         </div>
-        <div class="col-lg-5">
+        <div class="col-lg">
             Maybe an image here?
         </div>
     </div>

docs/assets/img/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/docs/assets/img/mstile-150x150.png"/>
+      <TileColor>#2b5797</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

docs/assets/img/manifest.json

@@ -0,0 +1,12 @@
+{
+	"name": "OverReact",
+	"icons": [
+		{
+			"src": "\/docs\/assets\/img\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"display": "standalone"
+}