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 <[email protected]> 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)); }
