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

aradzinski pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-nlpcraft-website.git


The following commit(s) were added to refs/heads/master by this push:
     new bb7a663  WIP.
bb7a663 is described below

commit bb7a663514696da88f6ca6c9e2c496ab7832640e
Author: Aaron Radzinski <[email protected]>
AuthorDate: Fri Aug 13 17:11:30 2021 -0700

    WIP.
---
 _data/events.yaml                      |   4 +-
 _scss/index.scss                       |  73 ++++++++++++++++++++++++++-----
 blogs/quick_intro_apache_nlpcraft.html |   6 +--
 images/apache-con.gif                  | Bin 0 -> 3272 bytes
 images/apachecon-logo.png              | Bin 0 -> 19631 bytes
 index.html                             |  76 +++++++++++++++------------------
 6 files changed, 103 insertions(+), 56 deletions(-)

diff --git a/_data/events.yaml b/_data/events.yaml
index 2ce44f8..2256798 100644
--- a/_data/events.yaml
+++ b/_data/events.yaml
@@ -31,7 +31,7 @@
   event_name: ApacheCon 2021
   event_loc: Online
   event_url: https://www.apachecon.com/acah2021/
-  event_logo_url: images/apache-con.jpg
+  event_logo_url: images/apachecon-logo.png
   event_twitter_id: ApacheCon
   event_date: September 21-23, 2021
   speaker_1_name: Sergey Kamov
@@ -43,7 +43,7 @@
   event_name: ApacheCon Asia 2021
   event_loc: Online
   event_url: https://www.apachecon.com/acasia2021/
-  event_logo_url: images/apache-con.jpg
+  event_logo_url: images/apachecon-logo.png
   event_twitter_id: ApacheCon
   event_date: August 6-8, 2021
   speaker_1_name: Aaron Radzinski
diff --git a/_scss/index.scss b/_scss/index.scss
index 1c9d94f..396ff10 100644
--- a/_scss/index.scss
+++ b/_scss/index.scss
@@ -155,18 +155,10 @@
 }
 
 #features {
-    background-color: rgba(238,244,246,84);
+    background-color: #fff; //rgba(238,244,246,84);
 
     &:after {
-        border-top-color: rgba(238,244,246,84);
-    }
-}
-
-#howitworks {
-    background-color: #fff;
-
-    &:after {
-        border-top-color: #fff;
+        border-top-color: #fff; //rgba(238,244,246,84);
     }
 }
 
@@ -203,6 +195,67 @@
     }
 }
 
+#home-events {
+    background-color: #eafaff;
+
+    &:after {
+        border-top-color: #eafaff;
+    }
+
+    #event-container {
+        margin-bottom: 20px;
+
+        a, a:hover, a:active, i.fas {
+            color: $color-asphalt;
+        }
+
+        img.event-logo {
+            max-height: 56px;
+            margin-bottom: 10px;
+            vertical-align: middle;
+        }
+
+        .event-loc,
+        .event-date,
+        .event-link {
+            font-size: 15px;
+            font-weight: 400;
+            letter-spacing: 0.02em;
+            border-left: 1px dotted #aaa;
+            padding-left: 10px;
+        }
+
+        .event-talk-name {
+            margin-bottom: 10px;
+        }
+
+        .event-link {
+            margin-bottom: 15px;
+        }
+
+        img.event-avatar-img {
+            height: 36px;
+            margin-right: 10px;
+            vertical-align: middle;
+            -webkit-border-radius: 100%;
+            -moz-border-radius: 100%;
+            border-radius: 100%;
+        }
+
+        .event-name {
+            font-size: 25px;
+            letter-spacing: 0.02em;
+            font-weight: 200;
+
+            a {
+                color: $color-slack;
+            }
+
+            margin-bottom: 10px;
+        }
+    }
+}
+
 #news {
     background-color: $color-magnolia;
 
diff --git a/blogs/quick_intro_apache_nlpcraft.html 
b/blogs/quick_intro_apache_nlpcraft.html
index 6ff05be..77c224f 100644
--- a/blogs/quick_intro_apache_nlpcraft.html
+++ b/blogs/quick_intro_apache_nlpcraft.html
@@ -2,9 +2,9 @@
 active_crumb: Introduction To NLPCraft
 layout: blog
 blog_title: Quick Introduction to Apache NLPCraft
-author_name: Aaron Radzinski
-author_avatar: images/lion.jpg
-author_twitter_id: aaron_radzinski
+author_name: Nikita Ivanov
+author_avatar: images/nivanov.png
+author_twitter_id: c64hacker
 publish_date: November 16, 2020
 ---
 
diff --git a/images/apache-con.gif b/images/apache-con.gif
new file mode 100644
index 0000000..debdfe6
Binary files /dev/null and b/images/apache-con.gif differ
diff --git a/images/apachecon-logo.png b/images/apachecon-logo.png
new file mode 100644
index 0000000..2e60371
Binary files /dev/null and b/images/apachecon-logo.png differ
diff --git a/index.html b/index.html
index 5b28ea5..6f24c97 100644
--- a/index.html
+++ b/index.html
@@ -117,6 +117,41 @@ layout: default
     </div>
 </div>
 
+<div id="home-events" class="bottom-arrow main-section">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-12">
+                <h2 class="section-title">NLPCraft <span>Events</span></h2>
+            </div>
+        </div>
+        <div id="event-container" class="row">
+            {% for event in site.data.events  limit:4%}
+            <div class="col-4">
+                <div class="event-logo">
+                    <img class="event-logo" src="{{ event.event_logo_url | 
relative_url}}" alt="">
+                </div>
+                <div class="event-name">
+                    <a href="{{ event.event_url }}" target=_new>{{ 
event.event_name }}</a>
+                    {% if event.event_twitter_id %}<a target="twitter" 
href="https://twitter.com/{{ event.event_twitter_id}}"><i class="fab fa-fw 
fa-twitter"></i></a>{% endif %}
+                </div>
+                <div class="event-loc">
+                    Location: {{ event.event_loc }}
+                </div>
+                <div class="event-date">
+                    Dates: {{ event.event_date }}
+                </div>
+                <div class="event-link">
+                    URL: <a href="{{ event.event_url }}" target=_new>{{ 
event.event_url }}</a>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+        <div class="learn-more">
+            <a href="resources.html">Learn More <i class="align-text-bottom 
fas fa-angle-right"></i></a>
+        </div>
+    </div>
+</div>
+
 <div id="features" class="bottom-arrow main-section">
     <div class="container-fluid">
         <div class="row">
@@ -231,47 +266,6 @@ layout: default
     </div>
 </div>
 
-<div id="howitworks" class="bottom-arrow main-section">
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col-12">
-                <h2 class="section-title">How <span>It Works</span></h2>
-            </div>
-        </div>
-        <div class="row d-flex flex-wrap align-items-center">
-            <div class="col-6">
-                <section>
-                    <p>
-                        There are three main software components:
-                    </p>
-                    <p>
-                        <b>Data model</b> provides named entities, 
configuration properties and intents.
-                        Developers use model-as-a-code approach
-                        to build models using any JVM language like Java, 
Scala, Groovy or Kotlin.
-                    </p>
-                    <p>
-                        <b>Data probe</b> is a DMZ-deployed application 
designed to securely
-                        deploy and manage data models. Each probe can manage 
multiple models and you can
-                        have many probes.
-                    </p>
-                    <p>
-                        <b>REST server</b> provides REST endpoint for end-user 
applications to securely query data
-                        sources using natural language via data models 
deployed in data probes.
-                    </p>
-                </section>
-            </div>
-            <div class="col-6">
-                <div style="text-align: center">
-                    <img class="img-fluid" src="/images/homepage-fig1.1.png" 
alt="">
-                </div>
-            </div>
-        </div>
-        <div class="learn-more">
-            <a href="docs.html">Learn more <i class="align-text-bottom fas 
fa-angle-right"></i></a>
-        </div>
-    </div>
-</div>
-
 <div id="news" class="bottom-arrow main-section">
     <div class="container-fluid">
         <div class="row">

Reply via email to