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 5aff16e  WIP.
5aff16e is described below

commit 5aff16eca69b5bc4b7d43904e4e2c496a1c82593
Author: Aaron Radzinski <[email protected]>
AuthorDate: Thu Nov 12 19:43:54 2020 -0800

    WIP.
---
 _data/news.yml                 |  20 +++++---
 _scss/blogs.scss               |  71 +++++++++++++++++++++++++++
 assets/css/style.scss          |   1 +
 blogs.html                     | 106 +++++++++--------------------------------
 images/sergey_kamov_avatar.png | Bin 0 -> 16701 bytes
 index.html                     |   4 +-
 6 files changed, 110 insertions(+), 92 deletions(-)

diff --git a/_data/news.yml b/_data/news.yml
index 4062f7f..79c144a 100644
--- a/_data/news.yml
+++ b/_data/news.yml
@@ -15,25 +15,31 @@
 # limitations under the License.
 #
 
-- title: Apache NLPCraft 0.7.1 Released
+- title: πŸ“ƒ ΠšΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ систСмы Apache NlpCraft
+  url: https://habr.com/ru/post/526950/
+  excerpt: ЦСль ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° β€” Ρ‚ΠΎΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½ΠΈΠ΅ доступа ΠΊ возмоТностям NLP 
Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π£Π»ΠΎΠ²ΠΈΡ‚ΡŒ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ простотой вхоТдСния Π² NLP 
ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ‚ΠΈΠΊΡƒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° возмоТностСй ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΠΉ 
Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ.
+  author: Π‘Π΅Ρ€Π³Π΅ΠΉ Камов
+  publish_date: November 8, 2020
+  avatar_url: images/sergey_kamov_avatar.png
+  twitter_id: apachenlpcraft
+
+- title: πŸ“’ Apache NLPCraft 0.7.1 Released
   url: /release-notes-0.7.1.html
-  excerpt: Download NLPCraft 0.7.1.
-  author: Aaron Radzinksi
+  excerpt: Download NLPCraft 0.7.1. Over 19 tickets fixed πŸ’ͺ
   publish_date: October 29, 2020
   avatar_url: images/nlpcraft_logo.png
   twitter_id: apachenlpcraft
 
-- title: Apache NLPCraft 0.7.0 Released
+- title: πŸ“’ Apache NLPCraft 0.7.0 Released
   url: /release-notes-0.7.0.html
-  excerpt: Download NLPCraft 0.7.0.
-  author: Aaron Radzinksi
+  excerpt: Download NLPCraft 0.7.0. Lots of changes - JDK 11 support, model 
auto-validation and synonym suggestor based on BERT and FastText models πŸŽ‰
   publish_date: September 29, 2020
   avatar_url: images/nlpcraft_logo.png
   twitter_id: apachenlpcraft
 
 - title: Introducing Apache NLPCraft 0.5.0
   url: 
https://medium.com/@aradzinski/introducing-apache-nlpcraft-0-5-open-source-api-to-convert-natural-language-into-actions-11d7536d0507
-  excerpt: Announcing the 1st release of the Apache NLPCraft.
+  excerpt: Announcing the 1st release of the Apache NLPCraft πŸ”₯πŸ”₯
   author: Aaron Radzinksi
   avatar_url: images/lion.jpg
   publish_date: April 30, 2020
diff --git a/_scss/blogs.scss b/_scss/blogs.scss
new file mode 100644
index 0000000..a886448
--- /dev/null
+++ b/_scss/blogs.scss
@@ -0,0 +1,71 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#blogs {
+    #blogs-container {
+        .blog-block {
+            margin-bottom: 50px;
+        }
+
+        a, a:hover, a:active, i.fas {
+            color: $color-asphalt;
+        }
+
+        .blog-title {
+            font-size: 24px;
+            letter-spacing: 0.02em;
+            font-weight: 200;
+
+            i.fas {
+                color: $color-asphalt;
+            }
+        }
+
+        .blog-excerpt {
+            font-size: 15px;
+            color: #666;
+            font-weight: 200;
+            letter-spacing: 0.05em;
+            margin-bottom: 20px;
+        }
+
+        .blog-footer {
+            letter-spacing: 0.02em;
+
+            img {
+                height: 32px;
+                margin-right: 5px;
+                vertical-align: middle;
+            }
+
+            img.avatar-img {
+                -webkit-border-radius: 100%;
+                -moz-border-radius: 100%;
+                border-radius: 100%;
+            }
+
+            a, span {
+                vertical-align: middle;
+            }
+
+            a.blog-author {
+                margin-right: 15px;
+                display: inline-block;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 5565bf8..e7399c9 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -43,6 +43,7 @@ $default-font: "Helvetica Neue";
 @import 'integrations';
 @import 'installation';
 @import 'community';
+@import 'blogs';
 
 html {
     position: relative;
diff --git a/blogs.html b/blogs.html
index 07e50a9..e77b0ea 100644
--- a/blogs.html
+++ b/blogs.html
@@ -21,10 +21,10 @@ layout: interior
 -->
 
 <h1 class="page-title">
-    <span><i class="fas fa-fw fa-users-cog"></i> {{ page.active_crumb }}</span>
+    <span><i class="fas fa-fw fa-blog"></i> {{ page.active_crumb }}</span>
 </h1>
 
-<div id="use-cases" class="three-cols-container">
+<div id="blogs" class="three-cols-container">
     <div class="col-md-2 first-column">
         <ul class="side-nav">
             <li class="side-nav-title">Documentation</li>
@@ -34,89 +34,29 @@ layout: interior
         </ul>
     </div>
     <div class="col-md-8 second-column">
-        <section>
-            <h2 class="section-title">NLI Applications</h2>
-            <p>
-                Despite being seemingly obvious that NLI (Natural Language 
Interface) has wide applicability to many applications and
-                software systems there are specific areas where NLI is already 
used today and has
-                demonstrated its unique capabilities.
-            </p>
-        </section>
-        <section class="two-col-section">
-            <div class="container-fluid">
-                <div class="row">
-                    <div class="col-6">
-                        <div id="search" 
class="sub-section-title">NLI-Enhanced Search</div>
-                        <p class="subhead">
-                            NLI-enhanced search, filter and sort is one area 
where NLI has been successful
-                            for a number of years already. Look at Google 
Analytics, GMail, JIRA, or many
-                            other applications that allow you to search, 
filter or sort their content with
-                            natural language queries. This use case is a 
perfect application of NLI as it
-                            naturally augments the existing UI/UX by replacing 
often cumbersome and hard-to-use
-                            search/filter/sort UX with a simple text box.
-                        </p>
-                        <p>
-                            As a matter of fact, all major general purpose 
search platforms today (i.e.
-                            Google, Bing, or Siri) use NLI-enhanced approach 
to their search queries processing.
-                        </p>
-                        <div id="chatbots" 
class="sub-section-title">Chatbots</div>
-                        <p>
-                            NLI is clearly at the heart of any chatbot 
implementation. And although most initial naive
-                            implementations of chatbots have struggles to gain 
traction - the advancement
-                            in NLI technology is allowing modern chatbots to 
become gradually more sophisticated
-                            and outgrow the early "childhood" problems of 
parasitic dialogues, lack of contextual
-                            awareness, inability to comprehend a spoken, 
free-form language, and primitive rule-based logic.
-                        </p>
-                        <div id="reporting" class="sub-section-title">Data 
Reporting</div>
-                        <p>
-                            Fully deterministic NLI systems like NLPCraft 
provide critical technology for NLI-based
-                            data reporting. Unlike data insights analytics or 
data exploration, the data reporting
-                            typically cannot rely on the probabilistic nature 
of ML/DL-based approaches as it must
-                            provide 100% correctness in all cases.
-                        </p>
-                        <p>
-                            NLPCraft employs advanced semantic modelling that 
provides fully deterministic
-                            results and NL comprehension.
-                        </p>
-                    </div>
-                    <div class="col-6">
-                        <div id="data" class="sub-section-title">Ad-Hoc Data 
Exploration</div>
-                        <p>
-                            One of the most exciting applications of NLI is an 
ad-hoc data analytics or
-                            data exploration. This is the area where the 
proper NLI application can bring
-                            about a fundamental seismic change to how we 
explore our data and discover the
-                            insights from it.
-                        </p>
-                        <p>
-                            Today the most data is walled off in the silos of 
the individual, incompatible
-                            data systems making it mostly inaccessible to the 
all but a few "power" users.
-                            Very few can gain access to all the different 
systems in a typical company, learn all
-                            the different ways to analyse the data and master 
incompatible and drastically different
-                            user interfaces.
-                        </p>
-                        <p>
-                            The NLI-based approach can democratize access to 
the sprawling silo-ed data with a
-                            single unified UX by allowing users to use the 
natural language to explore and analyse
-                            the data. The natural language is the only UX/UI 
that everyone already knows, requires no
-                            training or learning and is universal regardless 
of the data source.
-                        </p>
-                        <div id="device" class="sub-section-title">Device 
Control</div>
-                        <p>
-                            With the popularization of consumer technologies 
like Amazon Alexa, Apple HomeKit,
-                            Mercedes MBUX and similar the NLI-based control of 
various devices and systems
-                            becoming a norm.
-                        </p>
-                        <p>
-                            While most of these systems today can only 
understand the
-                            rudimentary 2-3 words command the advancements in 
NLI technology is rapidly leading to
-                            more sophisticated interfaces. The enterprise 
world is starting to catch up and
-                            NLI-based systems appear today in various 
manufacturing, oil and gas, pharma
-                            and medical applications.
-                        </p>
-                    </div>
+        <div id="blogs-container" class="row">
+            {% for news in site.data.news %}
+            <div class="col-6 blog-block">
+                <div class="blog-title">
+                    <a href="{{ news.url }}" target=_>
+                        {{ news.title }}
+                    </a>
+                </div>
+                <div class="blog-excerpt">
+                    {{ news.excerpt}}&nbsp;<a target=_ href="{{ news.url 
}}"><i class="fas fa-angle-double-right"></i></a>
+                </div>
+                <div class="blog-footer">
+                    {% if news.avatar_url %}<img class="avatar-img" src="{{ 
news.avatar_url | relative_url}}" alt="">{% endif %}
+                    {% if news.pub_logo_url %}<img class="pub-logo-img" 
src="{{ news.pub_logo_url | relative_url}}" alt="">{% endif %}
+                    {% if news.author %}{{ news.author }}{% endif %}
+                    {% if news.linkedin_id %}<a target="linkedin" 
href="https://www.linkedin.com/in/{{ news.linkedin_id}}/"><i class="fab fa-fw 
fa-linkedin"></i></a>{% endif %}
+                    {% if news.medium_id %}<a target="medium" 
href="https://medium.com/@{{ news.medium_id}}"><i class="fab fa-fw 
fa-medium"></i></a>{% endif %}
+                    {% if news.twitter_id %}<a target="twitter" 
href="https://twitter.com/{{ news.twitter_id}}"><i class="fab fa-fw 
fa-twitter"></i></a>{% endif %}
+                    <span class="text-nowrap">{{ news.publish_date }}</span>
                 </div>
             </div>
-        </section>
+            {% endfor %}
+        </div>
     </div>
     <div class="col-md-2 third-column">
         <ul class="side-nav">
diff --git a/images/sergey_kamov_avatar.png b/images/sergey_kamov_avatar.png
new file mode 100644
index 0000000..f3d7a5b
Binary files /dev/null and b/images/sergey_kamov_avatar.png differ
diff --git a/index.html b/index.html
index 88a04ca..9f0704f 100644
--- a/index.html
+++ b/index.html
@@ -292,13 +292,13 @@ layout: default
                     {% if news.linkedin_id %}<a target="linkedin" 
href="https://www.linkedin.com/in/{{ news.linkedin_id}}/"><i class="fab fa-fw 
fa-linkedin"></i></a>{% endif %}
                     {% if news.medium_id %}<a target="medium" 
href="https://medium.com/@{{ news.medium_id}}"><i class="fab fa-fw 
fa-medium"></i></a>{% endif %}
                     {% if news.twitter_id %}<a target="twitter" 
href="https://twitter.com/{{ news.twitter_id}}"><i class="fab fa-fw 
fa-twitter"></i></a>{% endif %}
-                    <span class="text-nowrap news-date">{{ news.publish_date 
}}</span>
+                    <span class="text-nowrap">{{ news.publish_date }}</span>
                 </div>
             </div>
             {% endfor %}
         </div>
         <div class="learn-more">
-            <a href="blogs.html">Blogs &amp; articles <i 
class="align-text-bottom fas fa-angle-right"></i></a>
+            <a href="blogs.html">Blogs <i class="align-text-bottom fas 
fa-angle-right"></i></a>
         </div>
     </div>
 </div>

Reply via email to