Updates to the Website (#88)

* KAtlas website v1

README.md

@@ -6,23 +6,24 @@
 [![Slack Chat](https://img.shields.io/badge/slack-live-orange.svg)](https://katlasio.slack.com/)
 
 
-![](.gitbook/assets/image.png)
+![](website/assets/images/katlas-logo-blue-300px.png)
 
 ## What It Does?
 
-**K-Atlas** \(_pronounced **Cutlass**_\), is a distributed graph based platform to automatically collect, discover, explore and relate multi-cluster Kubernetes resources and metadata. The system will have a rich query language that will allow for simple and efficient exploration and extensibility.
+**K-Atlas** \(_pronounced **Cutlass**_\), is a distributed graph based platform to automatically collect, discover, explore and relate multi-cluster Kubernetes resources and metadata. K-Atlas's rich query language allows for simple and efficient exploration and extensibility.
 
-It addresses following problems in an enterprise environment of Kubernetes.
+It addresses following problems in a large scale enterprise environment of Kubernetes.
 
 * **Discoverability**
   * Find K8s objects across multiple distributed K8s clusters
-  * Real-time view discovered objects
-  * Streaming APIs and UI for programmatic and human interactions
+  * Real-time view of discovered objects
+  * Streaming APIs and UI for both programmatic and human interactions
 * **Advanced Exploration**
   * Identify similarities and differences between objects from pods to clusters
-  * In depth analysis of individual characteristics like performance
+  * Correlate different objects by performing advanced join operations
 * **Federated Application View**
-  * Take an application centric view - correlate an application’s metadata across multiple clusters
+  * Applications take center stage. K-Atlas provides a unique, application-centric view, with metadata from multiple clusters
+  * Single pane of glass view of the entire application - from edge to database, across all clusters, regions etc.
 * **Reporting**
   * Provide advanced reporting on compliance, security and other organizational policies
 * **Policy Enforcement**
@@ -63,14 +64,17 @@ Make sure you have the following prerequisites:
 
 How to [Set Up](docs/installation.md).
 
-## Roadmap
+## Releases
 
-#### v0.5
+#### Latest version (v0.6)
 
-* [x] Support for Kubernetes resource collecting and store in graph database
-* [x] View graphical and tabular results in real time
+* [x] QSL query support
+* [x] Dynamic search result layout based on QSL
+* [x] Graph view based on QSL query required objects & relationships
+* [x] Pagination support for both API and UI
+* [x] Custom metadata definition via new API
 
-More releases at [Release Notes](release.md).
+More details about specific K-Atlas features are at [Release Notes](release.md).
 
 ## Contributing
 

website/_includes/head.html

@@ -4,22 +4,13 @@
   <link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicons/apple-touch-icon.png">
   <link rel="mask-icon" href="{{ site.baseurl }}/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
 
-  <link rel="apple-touch-icon" sizes="57x57" href="/{{ site.baseurl }}/assets/favicons/apple-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="/{{ site.baseurl }}/assets/favicons/apple-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="/{{ site.baseurl }}/assets/favicons/apple-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="/{{ site.baseurl }}/assets/favicons/apple-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/{{ site.baseurl }}/assets/favicons/apple-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/{{ site.baseurl }}/assets/favicons/apple-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/{{ site.baseurl }}/assets/favicons/apple-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/{{ site.baseurl }}/assets/favicons/apple-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/{{ site.baseurl }}/assets/favicons/apple-icon-180x180.png">
-  <link rel="icon" type="image/png" sizes="192x192"  href="/{{ site.baseurl }}/assets/favicons/android-icon-192x192.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/{{ site.baseurl }}/assets/favicons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="96x96" href="/{{ site.baseurl }}/assets/favicons/favicon-96x96.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/{{ site.baseurl }}/assets/favicons/favicon-16x16.png">
-  <link rel="manifest" href="/{{ site.baseurl }}/assets/favicons/manifest.json">
+  <link rel="icon" type="image/png" sizes="192x192"  href="{{ site.baseurl }}/assets/favicons/android-chrome-192x192.png">
+  <link rel="icon" type="image/png" sizes="512x512"  href="{{ site.baseurl }}/assets/favicons/android-chrome-512x512.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicons/favicon-16x16.png">
+  <link rel="manifest" href="{{ site.baseurl }}/assets/favicons/manifest.json">
   <meta name="msapplication-TileColor" content="#ffffff">
-  <meta name="msapplication-TileImage" content="/{{ site.baseurl }}/assets/favicons/ms-icon-144x144.png">
+  <meta name="msapplication-TileImage" content="{{ site.baseurl }}/assets/favicons/mstile-144x144.png">
   <meta name="theme-color" content="#ffffff">
 
 

website/_includes/nav.html

@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark mdg-nav">
   <div class="container">
     <a class="navbar-brand" href="{{ site.baseurl }}/" style="margin-top: 2px; margin-bottom: 3px">
-      <img src="{{ site.baseurl }}/assets/images/katlas-logo-white.png" height="32" class="d-inline-block align-bottom" alt="" style="margin-top: 4px; padding-right: 10px">
+      <img src="{{ site.baseurl }}/assets/images/katlas-logo-white-300px.png" height="32" class="d-inline-block align-bottom" alt="" style="margin-top: 4px; padding-right: 10px">
       K-Atlas
     </a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">

website/assets/favicons/browserconfig.xml

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

website/assets/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

website/index.html

@@ -10,7 +10,7 @@
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <div class="jumbotron">
       <div class="container">
-        <!--<img src="{{ site.baseurl }}/guides/KAtlas-HighLevel.svg" class="img-fluid" alt="KAtlas High Level Overview">-->
+        <img src="{{ site.baseurl }}/assets/images/katlas-logo-white-300px.png" class="img-fluid" alt="KAtlas Logo">
         <!-- <div class="embed-responsive embed-responsive-16by9">
           <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0" allowfullscreen></iframe>
         </div> -->