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:20 UTC
[incubator-wayang-website] 26/29: about: new look to the feature
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 70050e17e005bd058d95c9787e2ac4e1db1cb1d4
Author: Bertty Contreras-Rojas <be...@scalytics.io>
AuthorDate: Mon Feb 15 02:05:33 2021 -0300
about: new look to the feature
---
_layouts/about.html | 42 +++++++++++++++++++++++++++---------------
assets/css/home.css | 4 ++--
2 files changed, 29 insertions(+), 17 deletions(-)
diff --git a/_layouts/about.html b/_layouts/about.html
index 1527587..467644e 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -39,25 +39,37 @@ layout: post
</div>
<section id="feature_about">
- <div class="container">
+ {% assign vec_order = "order-2, order-1" | split: ", " %}
+ {% assign row = 1 %}
{% for item in site.data.features %}
<div class="row" style="padding: 1em;margin-bottom: 0.3em">
-
- <div class="col-sm-12 col-md-3 col-md-push-9 text-center vcenter">
- <div class="service-item">
- <i class="{{item.icon}} fa-5x"></i>
- <h4>{{item.title}}</h4>
- <p style="color: #0074D9 !important;">
- {{item.description-short}}
- </p>
+ <div class="container">
+ <div class="row d-flex flex-nowrap">
+ <div class="col-sm-12 col-md-3 col-md-push-9 text-center align-self-center p-2 {{vec_order[0]}}">
+ <div class="service-item">
+ <i class="{{item.icon}} fa-5x"></i>
+ <h4>{{item.title}}</h4>
+ <strong>
+ {{item.description-short}}
+ </strong>
+ </div>
+ </div>
+ <div class="col-sm-12 col-md-9 col-md-pull-3 align-self-center p-2 {{vec_order[1]}}">
+ <p class="text-justify">
+ {{item.description}}
+ </p>
+ </div>
</div>
+
</div>
- <div class="col-sm-12 col-md-9 col-md-pull-3 align-middle">
- <p class="text-justify">
- {{item.description}}
- </p>
- </div>
+
</div>
+ {% assign row = row | plus: 1 %}
+ {% if row == 2 %}
+ {% assign row = 1 %}
+ {% assign vec_order = vec_order | reverse %}
+ {% else %}
+ {% assign vec_order = vec_order | reverse %}
+ {% endif %}
{% endfor %}
- </div>
</section>
diff --git a/assets/css/home.css b/assets/css/home.css
index a48285c..ccb50d8 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -69,10 +69,10 @@ service Start
font-size: 17px;
line-height: 1.8;
}
-#feature_about .row:nth-child(odd) {
+#feature_about > .row:nth-child(odd) {
background: linear-gradient(to left, rgba(139,134,163, 0.2), rgba(50,46,64, 0.0));
}
-#feature_about .row:nth-child(even) {
+#feature_about > .row:nth-child(even) {
background: linear-gradient(to left, rgba(50,46,64, 0.0), rgba(139,134,163, 0.2));
}