Add fw page (#90)

* first rough draft of firewall analysis page

* fix title setting and formatting

* table formatting v0 and clean up spacing

* fix query formatting

* table formatting attempt 1

* table formatting attempt 2

* paragraph spacing

* table formatting attempt 3

* add html meta tags for description and keywords

* address review comments

* adjust text to help with SEO

Co-authored-by: Rich Snider <rich@intentionet.com>

Author: saparikh

_config.yml

@@ -39,6 +39,9 @@ safe: true
 plugins:
   - jekyll-feed
 
+include:
+  - _pages
+
 
 # Exclude from processing.
 # The following items will not be processed, by default. Create a custom list

_includes/head.html

@@ -3,7 +3,19 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  {% if page.description %}
+  <meta name="description" content="{{ page.description}} ">
+  {% endif %}
+
+  {% if page.keywords %}
+  <meta name="keywords" content=" {{page.keywords}}">
+  {% endif %}
+
+  {%- if page.title -%}
+  <title>{{page.title}}</title>
+  {% else %}
   <title>Batfish - An open source network configuration analysis tool</title>
+  {%- endif -%}
 
   <link rel="icon" type="image/png" href="{{ "/assets/favicon/favicon-32x32.png" | relative_url }}" sizes="32x32" />
   <link rel="icon" type="image/png" href="{{ "/assets/favicon/favicon-16x16.png" | relative_url }}" sizes="16x16" />

_layouts/page.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<article class="post">
+<article class="post container">
 
   <header class="post-header">
     <h1 class="post-title">{{ page.title | escape }}</h1>