Portal updates for VNF Launch

Moves some of the Workflow and Governance links into the body of the
home page, and removes those sections from the sidebar. Updates the
header, logos, and badge used.

Links to OVP overview updated to point to latest documentation, not
stable-fraser as this includes the VNF testing instructions.

Change-Id: Iceea0e24afc57ed3919a36cf2844717be455e238
Signed-off-by: Trevor Bramwell <tbramwell@linuxfoundation.org>

14 files changed, 108 insertions, 146 deletions

diff --git a/3rd_party/static/onap-ui/assets/css/header.css b/3rd_party/static/onap-ui/assets/css/header.css
index 3f39b8a..cc5ad30 100644
--- a/3rd_party/static/onap-ui/assets/css/header.css
+++ b/3rd_party/static/onap-ui/assets/css/header.css
@@ -1,6 +1,6 @@
 .header-container-1 {
   height: 80px;
-  background-color: #E7E6E6;
+  background-color: #383A35;
 }
 
 .header-container-row {
@@ -10,7 +10,7 @@
 
 .header-container-2 {
   height: 30px;
-  background-color: #E7E6E6;
+  background-color: #383A35;
 }
 
 .header-logo {
@@ -22,8 +22,8 @@
 .header-title {
   font-size: 40px;
   font-weight: bold;
-  color: #2C2B2F;
-  padding-top: 30px;
+  color: #fff;
+  padding-top: 25px;
 }
 
 .header-login {
diff --git a/3rd_party/static/onap-ui/assets/css/home/home.css b/3rd_party/static/onap-ui/assets/css/home/home.css
index 66b3a8e..ed0e3f4 100644
--- a/3rd_party/static/onap-ui/assets/css/home/home.css
+++ b/3rd_party/static/onap-ui/assets/css/home/home.css
@@ -17,7 +17,7 @@
 }
 
 .home-content {
-  margin-top: 100px;
+  margin-top: 30px;
 }
 
 .home-content-text {
diff --git a/3rd_party/static/onap-ui/assets/img/icon.png b/3rd_party/static/onap-ui/assets/img/icon.png
index 6ec8ca7..0dc66fe 100644
--- a/3rd_party/static/onap-ui/assets/img/icon.png
+++ b/3rd_party/static/onap-ui/assets/img/icon.png
diff --git a/3rd_party/static/onap-ui/assets/img/logo.png b/3rd_party/static/onap-ui/assets/img/logo.png
index c6f6857..bd5cb9d 100644
--- a/3rd_party/static/onap-ui/assets/img/logo.png
+++ b/3rd_party/static/onap-ui/assets/img/logo.png
diff --git a/3rd_party/static/onap-ui/components/home/home.html b/3rd_party/static/onap-ui/components/home/home.html
index 4db08b0..1c1490d 100644
--- a/3rd_party/static/onap-ui/components/home/home.html
+++ b/3rd_party/static/onap-ui/components/home/home.html
@@ -5,55 +5,6 @@
         <div class="panel panel-default">
           <div class="panel-heading">
             <div class="panel-title">
-              <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
-                Governance &amp; Workflow
-              </a>
-            </div>
-          </div>
-          <div id="collapseOne" class="panel-collapse collapse">
-            <div class="panel-body">
-                <div>
-                  <a href="https://www.opnfv.org/verified"
-                     target="_blank" rel="noopener">Overview&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/LFN_CVP_Guidelines-1.0.0.pdf"
-                     target="_blank" rel="noopener">Governance Guidelines&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/OVP-Terms-and-Conditions-092418.pdf"
-                     target="_blank" rel="noopener">Terms &amp; Conditions&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/certificationworkflow/index.html"
-                     target="_blank" rel="noopener">Process Workflow&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://na3.docusign.net/Member/PowerFormSigning.aspx?PowerFormId=dc24bf38-ea41-40d4-9e58-9babc6eec778"
-                     target="_blank" rel="noopener">Participation Form&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://wiki.onap.org/display/DW/VNF+Badging"
-                     target="_blank" rel="noopener">ONAP Verified Brand Guidelines&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-            </div>
-          </div>
-        </div>
-        <div class="panel panel-default" style="margin-top: 0px;">
-          <div class="panel-heading">
-            <div class="panel-title">
               <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                 Release 2018.11
               </a>
@@ -62,13 +13,13 @@
           <div id="collapseTwo" class="panel-collapse collapse">
             <div class="panel-body">
               <div>
-                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/userguide/testing_guide.html"
-                   target="_blank" rel="noopener">ONAPVP / Dovetail User Guide&nbsp;
+                <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/userguide/testing_guide.html"
+                   target="_blank" rel="noopener">OVP / Dovetail User Guide&nbsp;
                   <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                 </a>
               </div>
               <div>
-                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/userguide/cli_reference.html"
+                <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/userguide/cli_reference.html"
                    target="_blank" rel="noopener">Dovetail CLI&nbsp;
                   <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                 </a>
@@ -86,13 +37,13 @@
                 </a>
               </div>
               <div>
-                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/reviewerguide/index.html"
+                <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/reviewerguide/index.html"
                    target="_blank" rel="noopener">Reviewer Guide&nbsp;
                   <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                 </a>
               </div>
               <div>
-                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/ovpaddendum/index.html"
+                <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/ovpaddendum/index.html"
                    target="_blank" rel="noopener">Guidelines Addendum&nbsp;
                   <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                 </a>
@@ -102,36 +53,70 @@
         </div>
       </div>
     </div>
-
     <div class="col-md-10">
       <div class="common-main-container">
         <div class="home-content-title">
-          <h2>ONAP Verified Program verifies products and services with the "ONAP Verified" mark.</h2>
+          <h2>OVP verifies products and services with the "OPNFV Verified" mark.</h2>
         </div>
         <div class="home-content">
           <div class="col-md-2">
-            <img class="home-content-img" src="onap-ui/assets/img/icon.png" alt="ONAP">
+            <img class="home-content-img" src="onap-ui/assets/img/icon.png" alt="OPNFV">
           </div>
           <div class="col-md-10">
+            <p class="home-content-text">
+            The OPNFV Verification Program (OVP) is an open source,
+            community-led compliance and verification program to
+            demonstrate the readiness and availability of commercial NFV
+            products and services, including NFVI and VNFs, using
+            <a href="https://www.opnfv.org/">OPNFV</a> and
+            <a href="https://www.onap.org/">ONAP</a> components. The
+            program is the first of its kind to combine automated
+            compliance and verification testing for multiple parts of the
+            NFV stack and allows Communication Service Providers (CSPs)
+            and vendors to establish baseline conformance and
+            interoperability. Participants can test in-house or with
+            neutral, designated labs.
+            </p>
+            <p class="home-content-text">
+            This portal is for testing products and services relating to
+            Virtual Network Functions (VNFs). For testing NFV
+            Infrastructure (NFVI/VIM), visit the
+            <a href="https://nfvi-verified.lfnetworking.org">OPNFV
+                Verification Program (NFVI) portal</a>.
+            </p>
+            <p class="home-content-text">
+            The current VNF test suites include VNFSDK to perform TOSCA VNF Package
+            validation and VNF Validation Program (VVP) to perform OpenStack Heat
+            VNF Package validation. These test suites are based on requirements
+            outlined by the ONAP VNF Requirements projects. Portal users must
+            specify the relevant package validation.
+            </p>
+            <br>
+            <p class="home-content-text"><strong>Get Started</strong></p>
+            <ul>
+                <li><p class="home-content-text">Visit the
+                    <a target="_blank" rel="noopener" href="https://www.lfnetworking.org/OVP">OPNFV Verification Program (OVP) page</a>
+                    for more information</p></li>
+                <li><p class="home-content-text">
+                    From the home page, Submit the Participation Form</p></li>
+                <li><p class="home-content-text">
+                    Follow the step-by-step
+                    instructions in the doc:
+                    <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/certificationworkflow/index.html">OVP
+                     Workflow</a></p></li>
+                <li><p class="home-content-text">
+                    Use this portal to upload your VNF test results when
+                    ready</p></li>
+            </ul>
             <p class="home-content-text" style="padding-bottom: 40px;">
-              The ONAP Verified Program demonstrates the readiness and availability of commercial VNF/PNF
-              products and services by implementing Specification defined by Compliance Verification
-              Committee(CVC). This open source community-led initiative allows vendors and service
-              providers to establish baseline conformance and interoperability while retaining distinct
-              and value-added innovations across features and capabilities and requires verified products
-              to complete additional functional, high-availability tests. View the directory of verified
-              products and services below and navigate through the links in the left-hand menu to learn
-              more and get started. You will find step-by-step instructions as well as a participation form.
-              Use this portal to upload your test results when ready. Please send any questions to
-              <a href="mailto:compliance@lists.lfnetworking.org">compliance@lists.lfnetworking.org</a><sup>
-              <span class="glyphicon glyphicon-envelope" style="font-size: 60%;" aria-hidden="true"></span></sup>.
+              Please send any questions to <a href="mailto:verified@opnfv.org">verified@opnfv.org</a>.
             </p>
           </div>
         </div>
         <div id="directory_break">
         </div>
         <div class="home-content-title">
-          <h1>ONAP Verified Products Directory</h1>
+          <h1>OPNFV Verified Products Directory (VNF)</h1>
           Click on rows for more product verification details per company.
         </div>
         <div class="directory_main">
diff --git a/3rd_party/static/onap-ui/favicon.ico b/3rd_party/static/onap-ui/favicon.ico
index bbcf83c..bbe55ab 100644
--- a/3rd_party/static/onap-ui/favicon.ico
+++ b/3rd_party/static/onap-ui/favicon.ico
diff --git a/3rd_party/static/onap-ui/index.html b/3rd_party/static/onap-ui/index.html
index 55ba933..a82021a 100644
--- a/3rd_party/static/onap-ui/index.html
+++ b/3rd_party/static/onap-ui/index.html
@@ -17,7 +17,7 @@
     <meta charset="utf-8">
     <meta name="description" content="TestAPI">
     <meta name="viewport" content="width=device-width">
-    <title>ONAP</title>
+    <title>OVP - VNF Portal</title>
 
     <link rel="icon" type="image/png" href="onap-ui/favicon.ico" sizes="16x16">
     <link rel="icon" type="image/png" href="onap-ui/favicon.ico" sizes="32x32">
diff --git a/3rd_party/static/onap-ui/shared/header/header.html b/3rd_party/static/onap-ui/shared/header/header.html
index 3a87a73..8e18026 100644
--- a/3rd_party/static/onap-ui/shared/header/header.html
+++ b/3rd_party/static/onap-ui/shared/header/header.html
@@ -2,11 +2,11 @@
   <div class="row header-container-row">
     <div class="col-md-3">
       <a href="/#/">
-        <img class="stnd dark-version header-logo" alt="ONAP" src="onap-ui/assets/img/logo.png">
+        <img class="stnd dark-version header-logo" alt="OPNFV" src="onap-ui/assets/img/logo.png">
       </a>
     </div>
     <div class="col-md-offset-1 header-title">
-      <span class="header-title">ONAP Verified Program</span>
+      <span class="header-title">OPNFV Verification Program (OVP) - VNF Portal</span>
     </div>
   </div>
 </div>
diff --git a/3rd_party/static/testapi-ui/assets/css/header.css b/3rd_party/static/testapi-ui/assets/css/header.css
index 183ebf9..9eb03c1 100644
--- a/3rd_party/static/testapi-ui/assets/css/header.css
+++ b/3rd_party/static/testapi-ui/assets/css/header.css
@@ -20,9 +20,10 @@
 }
 
 .header-title {
-  font-size: 35px;
+  font-size: 40px;
+  font-weight: bold;
   color: #fff;
-  padding-top: 30px;
+  padding-top: 25px;
 }
 
 .header-login {
diff --git a/3rd_party/static/testapi-ui/assets/css/home/home.css b/3rd_party/static/testapi-ui/assets/css/home/home.css
index 66b3a8e..ed0e3f4 100644
--- a/3rd_party/static/testapi-ui/assets/css/home/home.css
+++ b/3rd_party/static/testapi-ui/assets/css/home/home.css
@@ -17,7 +17,7 @@
 }
 
 .home-content {
-  margin-top: 100px;
+  margin-top: 30px;
 }
 
 .home-content-text {
diff --git a/3rd_party/static/testapi-ui/assets/img/logo.png b/3rd_party/static/testapi-ui/assets/img/logo.png
index 4e9cc04..bd5cb9d 100644
--- a/3rd_party/static/testapi-ui/assets/img/logo.png
+++ b/3rd_party/static/testapi-ui/assets/img/logo.png
diff --git a/3rd_party/static/testapi-ui/components/home/home.html b/3rd_party/static/testapi-ui/components/home/home.html
index 86a4cd4..c482b9c 100644
--- a/3rd_party/static/testapi-ui/components/home/home.html
+++ b/3rd_party/static/testapi-ui/components/home/home.html
@@ -5,55 +5,6 @@
         <div class="panel panel-default">
           <div class="panel-heading">
             <div class="panel-title">
-              <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
-                Governance &amp; Workflow
-              </a>
-            </div>
-          </div>
-          <div id="collapseOne" class="panel-collapse collapse">
-            <div class="panel-body">
-                <div>
-                  <a href="https://www.opnfv.org/verified"
-                     target="_blank" rel="noopener">Overview&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/LFN_CVP_Guidelines-1.0.0.pdf"
-                     target="_blank" rel="noopener">Governance Guidelines&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/OVP-Terms-and-Conditions-092418.pdf"
-                     target="_blank" rel="noopener">Terms &amp; Conditions&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/certificationworkflow/index.html"
-                     target="_blank" rel="noopener">Process Workflow&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://na3.docusign.net/Member/PowerFormSigning.aspx?PowerFormId=dc24bf38-ea41-40d4-9e58-9babc6eec778"
-                     target="_blank" rel="noopener">Participation Form&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-                <div>
-                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/05/OPNFV_Verified_BrandGuide_021618.pdf"
-                     target="_blank" rel="noopener">OPNFV Verified Brand Guidelines&nbsp;
-                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-                  </a>
-                </div>
-            </div>
-          </div>
-        </div>
-        <div class="panel panel-default" style="margin-top: 0px;">
-          <div class="panel-heading">
-            <div class="panel-title">
               <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                 Release 2018.09
               </a>
@@ -155,34 +106,59 @@
     <div class="col-md-10">
       <div class="common-main-container">
         <div class="home-content-title">
-          <h2>OPNFV Verified Program verifies products and services with the "OPNFV Verified" mark.</h2>
+          <h2>OVP verifies products and services with the "OPNFV Verified" mark.</h2>
         </div>
         <div class="home-content">
           <div class="col-md-2">
             <img class="home-content-img" src="testapi-ui/assets/img/icon.png" alt="OPNFV">
           </div>
           <div class="col-md-10">
+            <p class="home-content-text">
+            The OPNFV Verification Program (OVP) is an open source,
+            community-led compliance and verification program to
+            demonstrate the readiness and availability of commercial NFV
+            products and services, including NFVI and VNFs, using
+            <a href="https://www.opnfv.org/">OPNFV</a> and
+            <a href="https://www.onap.org/">ONAP</a> components. The
+            program is the first of its kind to combine automated
+            compliance and verification testing for multiple parts of the
+            NFV stack and allows Communication Service Providers (CSPs)
+            and vendors to establish baseline conformance and
+            interoperability. Participants can test in-house or with
+            neutral, designated labs.
+            </p>
+            <p class="home-content-text">
+            This portal is for testing products and services relating to
+            NFV Infrastructure (NFVI/VIM). For testing Virtual Network
+            Functions (VNFs), visit the
+            <a href="https://vnf-verified.lfnetworking.org">OPNFV Verification Program (VNF) portal</a>.
+            </p>
+            <br>
+            <p class="home-content-text"><strong>Get Started</strong></p>
+            <ul>
+                <li><p class="home-content-text">Visit the
+                    <a target="_blank" rel="noopener" href="https://www.lfnetworking.org/OVP">OPNFV Verification Program (OVP) page</a>
+                    for more information</p></li>
+                <li><p class="home-content-text">
+                    From the home page, Submit the Participation Form</p></li>
+                <li><p class="home-content-text">
+                    Follow the step-by-step
+                    instructions in the doc:
+                    <a href="https://opnfv-dovetail.readthedocs.io/en/latest/testing/user/certificationworkflow/index.html">OVP
+                     Workflow</a></p></li>
+                <li><p class="home-content-text">
+                    Use this portal to upload your NFVI test results when
+                    ready</p></li>
+            </ul>
             <p class="home-content-text" style="padding-bottom: 40px;">
-              The OPNFV Verified Program (OVP) demonstrates the readiness and availability of commercial
-              NFV products and services by implementing explicitly defined interfaces, behaviors and key
-              features. This open source community-led initiative allows vendors and service providers to
-              establish baseline conformance and interoperability while retaining distinct and value-added
-              innovations across features and capabilities. Now in its second iteration, the program has
-              doubled the number of mandatory tests from 215 to 432; and requires verified products to
-              complete additional functional, high-availability, and NFV-focused tests. Future plans for
-              OVP include adding third-party labs, as well as testing and verification of VNF deployments.
-              View the directory of verified products and services below and navigate through the links
-              in the left-hand menu to learn more and get started. You will find step-by-step instructions
-              as well as a participation form. Use this portal to upload your test results when ready.
-              Please send any questions to <a href="mailto:verified@opnfv.org">verified@opnfv.org</a><sup>
-              <span class="glyphicon glyphicon-envelope" style="font-size: 60%;" aria-hidden="true"></span></sup>.
+              Please send any questions to <a href="mailto:verified@opnfv.org">verified@opnfv.org</a>.
             </p>
           </div>
         </div>
         <div id="directory_break">
         </div>
         <div class="home-content-title">
-          <h1>OPNFV Verified Products Directory</h1>
+          <h1>OPNFV Verified Products Directory (NFVI)</h1>
           Click on rows for more product verification details per company.
         </div>
         <div class="directory_main">
diff --git a/3rd_party/static/testapi-ui/index.html b/3rd_party/static/testapi-ui/index.html
index f42166a..94aff67 100644
--- a/3rd_party/static/testapi-ui/index.html
+++ b/3rd_party/static/testapi-ui/index.html
@@ -19,7 +19,7 @@
     <meta charset="utf-8">
     <meta name="description" content="TestAPI">
     <meta name="viewport" content="width=device-width">
-    <title>OVP</title>
+    <title>OVP - NFVI Portal</title>
 
     <link rel="icon" type="image/png" href="testapi-ui/favicon.ico" sizes="16x16">
     <link rel="icon" type="image/png" href="testapi-ui/favicon.ico" sizes="32x32">
diff --git a/3rd_party/static/testapi-ui/shared/header/header.html b/3rd_party/static/testapi-ui/shared/header/header.html
index 7a12cc7..54470e7 100644
--- a/3rd_party/static/testapi-ui/shared/header/header.html
+++ b/3rd_party/static/testapi-ui/shared/header/header.html
@@ -6,7 +6,7 @@
       </a>
     </div>
     <div class="col-md-offset-1 header-title">
-      <span class="header-title">OPNFV Verified Program</span>
+      <span class="header-title">OPNFV Verification Program (OVP) - NFVI Portal</span>
     </div>
   </div>
 </div>