refining docs

dsheiko · Nov 27, 2019 · 9b4f78f · 9b4f78f
1 parent 43e9443
commit 9b4f78f
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -18,7 +18,7 @@ Puppetry is an open-source cross-platform desktop application that gives non-dev
 
 ![Puppetry - codeless end-to-end test automation, integrated with CI/CD pipeline](https://github.com/dsheiko/puppetry/raw/master/docs/assets/img/puppetry-welcome.png)
 
-[:tv: Watch introduction video](https://vimeo.com/345458272  "Introduction to Puppetry 2")
+[:tv: Watch introduction video](https://youtu.be/dfuNhTCRMRg  "Recording Automated Tests with Puppetry")
 
 
 # Key Features
@@ -34,7 +34,6 @@ Puppetry is an open-source cross-platform desktop application that gives non-dev
 - [Built-in automation recorder](https://docs.puppetry.app/suite#recording-suite-showcase)
 - [Interactive mode](https://docs.puppetry.app/v/3.0.0/running-tests/interactive-mode), where one can navigate test steps similar to Cypress
 - [Version control (GIT integration)](https://docs.puppetry.app/v/3.0.0/version-control)
-- [Testing flows with transactional emails](https://docs.puppetry.app/testing-emails)
 - Support Allure test reports
 - Support of distinct testing types:
   - [Functional testing](https://docs.puppetry.app/v/3.0.0/getting-started)
@@ -88,6 +87,17 @@ Please adhere the coding style. We have one based on jQuery's JavaScript Style G
 and lint the code by running `npm run lint`
 
 
+## Thanks
+
+A special thanks to
+[Monika Rao](https://github.com/monika-12),
+[vteixeira19](https://github.com/vteixeira19),
+[Gernot Messow](https://github.com/uvexgmessow),
+[Carlos Mantilla](https://github.com/ceoaliongroo),
+[kkmuffme](https://github.com/kkmuffme),
+[Ravindra Jadhav](https://github.com/jadhavravindra)
+for the ideas and support
+
 ## Credits
 
 -   [Electron](http://electronjs.org/)

diff --git a/docs/assets/index.css b/docs/assets/index.css
@@ -493,4 +493,26 @@ img.lazyload:not([src]) {
     font-size: 76px;
     width: 76px;
     height: 76px;
+}
+
+.video-thumb {
+  margin: 16px 0;
+  width: 200px;
+  height: 113px;
+  overflow: hidden;
+  border-radius: 8px;
+  border: 2px solid white;
+}
+
+.video-thumb img {
+  width: 200px;
+  height: 113px;
+  transition: transform .3s ease;
+  will-change: transition;
+  border-radius: 8px;
+}
+
+.video-thumb:hover img {
+  transform: scale(1.04);
+  filter: brightness(120%);
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <title>Puppetry - codeless end-to-end test automation, integrated with CI/CD pipeline</title>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link href="./assets/index.css?8" rel="stylesheet" type="text/css">
+    <link href="./assets/index.css?11" rel="stylesheet" type="text/css">
 
 
     <meta name="description" content="Open source cross-platform IDE for functional automated testing built on top of Puppeteer and Jest. With Puppetry QA engineers can record and manage test cases instead of coding.">
@@ -37,9 +37,9 @@
 
     <link rel="canonical" href="https://puppetry.app">
 
-    <link rel="preconnect" href="https://www.google-analytics.com">
-    <link rel="preconnect" href="https://api.github.com">
-    <link rel="preconnect" href="https://connect.facebook.net">
+    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
+    <link rel="preconnect" href="https://api.github.com" crossorigin>
+    <link rel="preconnect" href="https://connect.facebook.net" crossorigin>
 
     <script type="application/ld+json">
       {
@@ -138,11 +138,18 @@ <h1>Welcome to Puppetry</h1>
               />
 
           <h2>CODELESS END-TO-END AUTOMATED TESTING</h2>
-          <div class="banner__btns">
-          <a href="https://www.youtube.com/watch?v=xrtC2ucgP9o"
-             title="Watch video"
+
+          <div class="video-thumb">
+            <a href="https://youtu.be/dfuNhTCRMRg"
+               title="Watch video: Recording Automated Tests with Puppetry"
               aria-label="Watch video"
-             target="_blank" class="btn btn--secondary btn--md" role="button">Watch video</a>
+              target="_blank" role="button">
+                <img src="/assets/img/v3/video-thumb.png?" alt="Watch video" />
+            </a>
+          </div>
+
+          <div class="banner__btns">
+
           <a  href="https://docs.puppetry.app" target="_blank" class="btn btn--secondary btn--md"
                 title="Puppetry Documentation"
                 aria-label="Puppetry Documentation" role="button">Read docs</a>
@@ -155,7 +162,7 @@ <h2>CODELESS END-TO-END AUTOMATED TESTING</h2>
 
         <div class="hero-grid">
           <div class="hero-card">
-            <img class="hero-card__icon" src="./assets/img/round-touch_app-24px.svg" alt="Web testing solution for non-developers" />
+            <img class="hero-card__icon" src="/assets/img/round-touch_app-24px.svg" alt="Web testing solution for non-developers" />
             <h3>Web testing solution for non-developers</h3>
             <p>
               Puppetry requires neither programming skills nor experience with any of web-drivers/frameworks.

diff --git a/project-demo/.puppetryrc b/project-demo/.puppetryrc
@@ -74,7 +74,7 @@
       }
     }
   },
-  "savedAt": 1574684710,
+  "savedAt": 1574779364,
   "modified": false,
   "lastOpenSuite": "todomvc.json",
   "variables": {

diff --git a/project-demo/todomvc.json b/project-demo/todomvc.json
@@ -3,7 +3,7 @@
   "timeout": 50000,
   "snippets": false,
   "savedAt": 1574684710,
-  "loadedAt": 1574684688,
+  "loadedAt": 1574779347,
   "modified": false,
   "filename": "todomvc.json",
   "targets": {

diff --git a/project-test/.puppetryrc b/project-test/.puppetryrc
@@ -3,7 +3,7 @@
   "appPanels": {
     "suite": {
       "panes": [
-        "targets"
+        "groups"
       ]
     },
     "settings": {
@@ -485,6 +485,10 @@
         "57yk34jpj96": {
           "key": "57yk34jpj96",
           "value": true
+        },
+        "7vnk2vvpx9i": {
+          "key": "7vnk2vvpx9i",
+          "value": true
         }
       }
     },
@@ -511,7 +515,7 @@
       }
     }
   },
-  "savedAt": 1574424146,
+  "savedAt": 1574780615,
   "modified": false,
   "lastOpenSuite": "chained-target.json",
   "variables": {},

diff --git a/project-test/chained-target.json b/project-test/chained-target.json
@@ -3,9 +3,9 @@
   "timeout": 50000,
   "snippets": false,
   "description": "",
-  "savedAt": 1574089644,
-  "loadedAt": 1574423663,
-  "modified": true,
+  "savedAt": 1574780563,
+  "loadedAt": 1574780354,
+  "modified": false,
   "filename": "chained-target.json",
   "targets": {
     "7vnk2vvh36o": {