You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@wayang.apache.org by be...@apache.org on 2021/02/15 06:09:16 UTC

[incubator-wayang-website] 22/29: Update the home page

This is an automated email from the ASF dual-hosted git repository.

bertty pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/incubator-wayang-website.git

commit 9479314ae66cd60b00296173fc7f3e9000c1b7b3
Author: Bertty Contreras-Rojas <be...@scalytics.io>
AuthorDate: Sun Feb 14 23:22:53 2021 -0300

    Update the home page
---
 _layouts/home.html           |  65 +++++++++++++++++++++++++++++++++++++++++--
 assets/css/home.css          |  29 ++++++++++++++++++-
 assets/img/wayang-banner.png | Bin 0 -> 424872 bytes
 index.md                     |   7 ++++-
 4 files changed, 96 insertions(+), 5 deletions(-)

diff --git a/_layouts/home.html b/_layouts/home.html
index a0b274e..3ade523 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -1,9 +1,68 @@
 ---
 layout: default
 ---
-<div id="full-screen" class="container-fluid p-0">
-    {{page.other}}
+<section id="full-screen-2" class="container-fluid p-0">
+    <div class="row h-100 p-5">
+        <div class="col-6 h-100">
 
-</div>
+        </div>
+        <div class="col-6 h-100 p-5" >
+            <div class="row h-50">
+                <div class="col h-100 d-flex align-content-end flex-wrap" >
+                    <h1 class="p-2 display-4 tx-shadow">
+                        {{ page.section-1.title }}
+                    </h1>
+                </div>
+            </div>
+            <div class="row h-50">
+                <div class="col h-100 tx-shadow p-5">
+                    <p class="lead">
+                        <strong>
+                            {{ page.section-1.text }}
+                        </strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="container-fluid p-0">
+    <div class="row d-flex justify-content-center">
+        <p class="display-4 p-2">
+            {{ page.section-2.title }}
+        </p>
+    </div>
+    <div class="row d-flex justify-content-center">
+        <p class="lead p-2">
+            <strong>
+                {{ page.section-2.text }}
+            </strong>
+        </p>
+    </div>
+</section>
+<section id="full-screen" class="container-fluid p-0">
+    <div class="row h-100 p-5">
+        <div class="col-6 h-100">
 
+        </div>
+        <div class="col-6 h-100 p-5" >
+            <div class="row h-50">
+                <div class="col h-100 d-flex align-content-end flex-wrap" >
+                    <h1 class="p-2 display-4 tx-shadow">
+                        {{ page.section-1.title }}
+                    </h1>
+                </div>
+            </div>
+            <div class="row h-50">
+                <div class="col h-100 tx-shadow p-5">
+                    <p class="lead">
+                        <strong>
+                            {{ page.section-1.text }}
+                        </strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
 {{content}}
\ No newline at end of file
diff --git a/assets/css/home.css b/assets/css/home.css
index 78fdba5..e5ccc4a 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -8,8 +8,17 @@
     background-image: url('{{ "assets/img/keyword.png" | absolute_url }}');
     background-repeat: no-repeat;
     background-size: cover;
+    background-attachment: fixed;
+}
+#full-screen-2
+{
+    height: 100vh;
+    width: 100vw;
+    background-image: url('{{ "assets/img/wayang-banner.png" | absolute_url }}');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
 }
-
 
 .title-post
 {
@@ -18,6 +27,7 @@
     background-image: url('{{ "assets/img/keyword.png" | absolute_url }}');
     background-repeat: no-repeat;
     background-size: cover;
+    background-attachment: fixed;
 }
 
 .subtitle-post
@@ -27,6 +37,7 @@
     background-image: url('{{ "assets/img/keyword.png" | absolute_url }}');
     background-repeat: no-repeat;
     background-size: cover;
+    background-attachment: fixed;
 }
 
 .service-item {
@@ -77,4 +88,20 @@ hr {
 }
 p {
     text-align: justify;
+}
+
+.tx-shadow {
+    color: white;
+    text-shadow:
+            0.05em 0 black,
+            0 0.05em black,
+            -0.05em 0 black,
+            0 -0.05em black,
+            -0.05em -0.05em black,
+            -0.05em 0.05em black,
+            0.05em -0.05em black,
+            0.05em 0.05em black;
+}
+.tx-shadow .lead {
+    font-size: 1.7em;
 }
\ No newline at end of file
diff --git a/assets/img/wayang-banner.png b/assets/img/wayang-banner.png
new file mode 100644
index 0000000..df88bd1
Binary files /dev/null and b/assets/img/wayang-banner.png differ
diff --git a/index.md b/index.md
index f156d17..84846a1 100644
--- a/index.md
+++ b/index.md
@@ -2,7 +2,12 @@
 layout: home
 title: "Home"
 section-1:
-  title: THE CROSS-PLATFORM DATA PROCESSING SYSTEM 
+  title: |
+    THE <br/>
+    CROSS-PLATFORM <br/>
+    DATA<br/> 
+    PROCESSING <br/>
+    SYSTEM 
   text:   |
     Apache Wayang is a system designed to fully support cross-platform data processing. That is, it enables users to run data analytics over multiple data processing platforms. For this, it provides an abstraction on top of existing platforms in order to run data analytic tasks on top of any set of platforms. As a result, users can focus on the logics of their applications rather on the intricacies of the underlying platforms.
 section-2: