From 03d7b55986a87ebd9f3b0aa77bd7251821ac50ef Mon Sep 17 00:00:00 2001
From: JPHess <jeremy@cloudify.co>
Date: Thu, 6 Sep 2018 14:42:41 +0300
Subject: [PATCH 1/2] updated webpage html

---
 install-script.yaml | 75 ++++++++++++++++++++++++++++++---------------
 1 file changed, 50 insertions(+), 25 deletions(-)
diff --git a/install-script.yaml b/install-script.yaml
index 387ef3ad..b1ae77b8 100644
--- a/install-script.yaml
+++ b/install-script.yaml
@@ -12,32 +12,57 @@ inputs:
       touch /var/www/example.com/logs/access.log /var/www/example.com/logs/error.log
       cat <<EOF > /var/www/example.com/public_html/index.html
       <html>
-          <header>
-              <title>Cloudify Hello World</title>
-          </header>
-          <style>
-          html, body {
-              height: 100%;
-          }
+    <header>
+        <title>Cloudify Hello World</title>
+    </header>
+<style>
+html {
+	background: url(https://blastmkt.com/wp-content/uploads/2018/08/seo-2-slide-1-background-4.jpg) center top;
+    background-size: auto contain;
+    -webkit-animation: velocity 0.5s linear 0s infinite normal forwards; /* Safari 4.0 - 8.0 */
+    animation: velocity 0.5s linear 0s infinite normal forwards;
+    height: 100%;
+}
+body {
+	background: url(https://blastmkt.com/wp-content/uploads/2018/08/home-2-slide-rocket-shape-4.png) no-repeat center bottom;
+    -webkit-animation: flying 1s ease-in-out 0s infinite normal; /* Safari 4.0 - 8.0 */
+    animation: flying 1s ease-in-out 0s infinite normal;
+    height: 100%;
+    margin: 0;
+}
 
-          html {
-              display: table;
-              margin: auto;
-          }
-          body {
-            display: table-cell;
-            vertical-align: middle;
-            background-color: black;
-          }
-          h1 {
-            color:white;
-          }
-          </style>
-      <body>
-          <h1>Hello, World!</h1>
-          <img src="image.png">
-      </body>
-      </html>
+/* Safari 4.0 - 8.0 */
+@-webkit-keyframes flying {
+    0%   {background-position: center 200%}
+    50%   {background-position: center 150%}
+    100%   {background-position: center 200%}
+}
+
+/* Standard syntax */
+@keyframes flying {
+    0%   {background-position: center 200%}
+    50%   {background-position: center 150%}
+    100%   {background-position: center 200%}
+}
+
+/* Safari 4.0 - 8.0 */
+@-webkit-keyframes velocity {
+    0%   {background-position: center bottom}
+    50%   {background-position: center center}
+    100%   {background-position: center top}
+}
+
+@keyframes velocity {
+    0%   {background-position: center bottom}
+    50%   {background-position: center center}
+    100%   {background-position: center top}
+}
+</style>
+<body>
+    <div style="text-align: center; color: white;"><h1>Hello World!</h1><br>You deployed your first Cloudify blueprint. Well done!
+    <br><br><img src="Cloudify-Logo-White.png" width="300px"></div>
+</body>
+</html>
       EOF
       curl -o /var/www/example.com/public_html/image.png https://raw.githubusercontent.com/cloudify-cosmo/cloudify-hello-world-example/edb09f8c943448cdd34fe28403a392030c10394e/images/cloudify-logo.png
       cat <<EOF > /etc/apache2/sites-available/example.com.conf

From 2701d2709f460f652de6082e5dd4bd00eee8aa21 Mon Sep 17 00:00:00 2001
From: JPHess <jeremy@cloudify.co>
Date: Thu, 6 Sep 2018 15:05:47 +0300
Subject: [PATCH 2/2] fixed indentation

---
 install-script.yaml | 94 ++++++++++++++++++++++-----------------------
 1 file changed, 47 insertions(+), 47 deletions(-)

diff --git a/install-script.yaml b/install-script.yaml
index b1ae77b8..a4611608 100644
--- a/install-script.yaml
+++ b/install-script.yaml
@@ -12,57 +12,57 @@ inputs:
       touch /var/www/example.com/logs/access.log /var/www/example.com/logs/error.log
       cat <<EOF > /var/www/example.com/public_html/index.html
       <html>
-    <header>
-        <title>Cloudify Hello World</title>
-    </header>
-<style>
-html {
-	background: url(https://blastmkt.com/wp-content/uploads/2018/08/seo-2-slide-1-background-4.jpg) center top;
-    background-size: auto contain;
-    -webkit-animation: velocity 0.5s linear 0s infinite normal forwards; /* Safari 4.0 - 8.0 */
-    animation: velocity 0.5s linear 0s infinite normal forwards;
-    height: 100%;
-}
-body {
-	background: url(https://blastmkt.com/wp-content/uploads/2018/08/home-2-slide-rocket-shape-4.png) no-repeat center bottom;
-    -webkit-animation: flying 1s ease-in-out 0s infinite normal; /* Safari 4.0 - 8.0 */
-    animation: flying 1s ease-in-out 0s infinite normal;
-    height: 100%;
-    margin: 0;
-}
+      <header>
+      <title>Cloudify Hello World</title>
+      </header>
+      <style>
+      html {
+        background: url(https://blastmkt.com/wp-content/uploads/2018/08/seo-2-slide-1-background-4.jpg) center top;
+        background-size: auto contain;
+        -webkit-animation: velocity 0.5s linear 0s infinite normal forwards; /* Safari 4.0 - 8.0 */
+        animation: velocity 0.5s linear 0s infinite normal forwards;
+        height: 100%;
+      }
+      body {
+        background: url(https://blastmkt.com/wp-content/uploads/2018/08/home-2-slide-rocket-shape-4.png) no-repeat center bottom;
+        -webkit-animation: flying 1s ease-in-out 0s infinite normal; /* Safari 4.0 - 8.0 */
+        animation: flying 1s ease-in-out 0s infinite normal;
+        height: 100%;
+        margin: 0;
+      }
 
-/* Safari 4.0 - 8.0 */
-@-webkit-keyframes flying {
-    0%   {background-position: center 200%}
-    50%   {background-position: center 150%}
-    100%   {background-position: center 200%}
-}
+      /* Safari 4.0 - 8.0 */
+      @-webkit-keyframes flying {
+        0%   {background-position: center 200%}
+        50%   {background-position: center 150%}
+        100%   {background-position: center 200%}
+      }
 
-/* Standard syntax */
-@keyframes flying {
-    0%   {background-position: center 200%}
-    50%   {background-position: center 150%}
-    100%   {background-position: center 200%}
-}
+      /* Standard syntax */
+      @keyframes flying {
+        0%   {background-position: center 200%}
+        50%   {background-position: center 150%}
+        100%   {background-position: center 200%}
+      }
 
-/* Safari 4.0 - 8.0 */
-@-webkit-keyframes velocity {
-    0%   {background-position: center bottom}
-    50%   {background-position: center center}
-    100%   {background-position: center top}
-}
+      /* Safari 4.0 - 8.0 */
+      @-webkit-keyframes velocity {
+        0%   {background-position: center bottom}
+        50%   {background-position: center center}
+        100%   {background-position: center top}
+      }
 
-@keyframes velocity {
-    0%   {background-position: center bottom}
-    50%   {background-position: center center}
-    100%   {background-position: center top}
-}
-</style>
-<body>
-    <div style="text-align: center; color: white;"><h1>Hello World!</h1><br>You deployed your first Cloudify blueprint. Well done!
-    <br><br><img src="Cloudify-Logo-White.png" width="300px"></div>
-</body>
-</html>
+      @keyframes velocity {
+        0%   {background-position: center bottom}
+        50%   {background-position: center center}
+        100%   {background-position: center top}
+      }
+      </style>
+      <body>
+        <div style="text-align: center; color: white;"><h1>Hello World!</h1><br>You deployed your first Cloudify blueprint. Well done!
+        <br><br><img src="Cloudify-Logo-White.png" width="300px"></div>
+      </body>
+      </html>
       EOF
       curl -o /var/www/example.com/public_html/image.png https://raw.githubusercontent.com/cloudify-cosmo/cloudify-hello-world-example/edb09f8c943448cdd34fe28403a392030c10394e/images/cloudify-logo.png
       cat <<EOF > /etc/apache2/sites-available/example.com.conf
