Update the home page
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 @@
}
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
--- /dev/null
+++ b/assets/img/wayang-banner.png
Binary files 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:
