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 15182f3  WIP.
15182f3 is described below

commit 15182f347a2c76a9a014597a60d14314d613b5e5
Author: Aaron Radzinski <aradizn...@apache.org>
AuthorDate: Sun Jul 25 21:48:43 2021 -0700

    WIP.
---
 _data/videos.yaml          |  36 ++++++++++++++++++++++++++++++++++++
 _includes/quick-links.html |   5 +++++
 _layouts/blog.html         |   4 ++--
 _layouts/default.html      |   4 ++--
 _scss/blogs.scss           |  25 +++++++++++++++++++------
 blogs.html                 |  42 ++++++++++++++++++++++++++++++++++++++----
 images/yt_icon_rgb.png     | Bin 0 -> 7778 bytes
 installation.html          |  14 +++++++++-----
 8 files changed, 111 insertions(+), 19 deletions(-)

diff --git a/_data/videos.yaml b/_data/videos.yaml
new file mode 100644
index 0000000..c4c1f6b
--- /dev/null
+++ b/_data/videos.yaml
@@ -0,0 +1,36 @@
+#
+# 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.
+#
+
+- title: NLPCraft - Download, Install & Verify
+  embed_url: https://www.youtube.com/embed/OYhc6R0b1GA
+  publish_date: July 6, 2021
+  duration: "7:48"
+  description: >-
+    Apache NLPCraft is a Java-based open source library for adding natural 
language interface to modern applications,
+    enabling people to interact with your products using voice or text. In 
this quick video we’ll cover the download,
+    installation, and running one of the built in examples to verify our 
installation.
+
+- title: NLPCraft - Breaking Years Of Dogma In NLP
+  embed_url: https://www.youtube.com/embed/O7iK0AXvcJ8
+  publish_date: July 25, 2021
+  duration: "34:42"
+  description: >-
+    This is the recording of the presentation from ApacheCon Asia 2021.
+    This presentation is split into two parts. In the first 20 minutes we will 
be talking
+    about what NLPCraft is and is not, what are some of its unique ideas, how 
it works at a high level,
+    and how it is different from many existing approaches. In the second part, 
we will do a full live coding
+    demonstration where we will build a fully functional application that 
would have a natural language interface to it.
\ No newline at end of file
diff --git a/_includes/quick-links.html b/_includes/quick-links.html
index 3e06cc0..c60f242 100644
--- a/_includes/quick-links.html
+++ b/_includes/quick-links.html
@@ -57,3 +57,8 @@
         <i class="fab fa-fw fa-gitter mr-2"></i><a target="gitter" 
href="https://gitter.im/apache-nlpcraft/community";>Gitter</a>
     </nobr>
 </li>
+<li>
+    <nobr>
+        <i class="fab fa-fw fa-youtube mr-2"></i><a target="youtube" 
href="https://www.youtube.com/channel/UCzEImY6BfDqCBMDDrdwNo2w";>YouTube</a>
+    </nobr>
+</li>
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 07ffd42..e3ff124 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -23,12 +23,12 @@ layout: default
     <div class="navbar-aligned">
         <ol class="breadcrumb">
             <li class="mr-1"><a href="/index.html">Home</a></li>
-            <li class="mr-1"><a href="/blogs.html">Blogs</a></li>
+            <li class="mr-1"><a href="/blogs.html">Learn</a></li>
             <li class="mr-1 active">{{ page.active_crumb }}</li>
         </ol>
 
         <h1 class="page-title">
-            <span><i class="fas fa-fw fa-blog"></i> Blogs</span>
+            <span><i class="fas fa-fw fa-book-open"></i> Learn</span>
         </h1>
 
         <div class="three-cols-container">
diff --git a/_layouts/default.html b/_layouts/default.html
index 343032f..e3cb874 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -105,13 +105,13 @@ layout: compress
                 <a class="nav-link" href="/index.html#features">Features</a>
             </li>
             <li class="nav-item">
-                <a class="nav-link" href="/docs.html">Docs <span 
class="amp">&</span> Tutorials</a>
+                <a class="nav-link" href="/docs.html">Docs</a>
             </li>
             <li class="nav-item">
                 <a class="nav-link" href="/download.html">Downloads <i 
class="fas fa-download"></i></a>
             </li>
             <li class="nav-item">
-                <a class="nav-link" href="/blogs.html">Blog</a>
+                <a class="nav-link" href="/blogs.html">Learn</a>
             </li>
             <li class="nav-item">
                 <a class="nav-link" href="/community.html">Community</a>
diff --git a/_scss/blogs.scss b/_scss/blogs.scss
index f0d07e8..5dd3e12 100644
--- a/_scss/blogs.scss
+++ b/_scss/blogs.scss
@@ -59,18 +59,22 @@ img.avatar-img {
 
 #blogs {
     #blogs-container {
-        .blog-block {
+        .video-block, .blog-block {
             margin-bottom: 50px;
         }
-        .blog-block:last-child {
+        .video-block, .blog-block:last-child {
             margin-bottom: 75px;
         }
 
-        a, a:hover, a:active, i.fas {
-            color: $color-asphalt;
+        .video-footer {
+            font-size: 90%;
+
+            .sep {
+                color: #cbcbcb;
+            }
         }
 
-        .blog-title {
+        .video-title, .blog-title {
             font-size: 24px;
             letter-spacing: 0.02em;
             font-weight: 400;
@@ -84,11 +88,20 @@ img.avatar-img {
             }
         }
 
+        .video-description {
+            font-size: 15px;
+            color: #999;
+            font-weight: 400;
+            letter-spacing: 0.02em;
+            margin-bottom: 10px;
+            max-width: 800px;
+        }
+
         .blog-excerpt {
             font-size: 15px;
             color: #999;
             font-weight: 400;
-            letter-spacing: 0.05em;
+            letter-spacing: 0.04em;
             margin-bottom: 20px;
 
             a {
diff --git a/blogs.html b/blogs.html
index 3e48871..1b1eb6d 100644
--- a/blogs.html
+++ b/blogs.html
@@ -1,5 +1,5 @@
 ---
-active_crumb: Blog
+active_crumb: Learn
 layout: interior
 ---
 
@@ -21,7 +21,7 @@ layout: interior
 -->
 
 <h1 class="page-title">
-    <span><i class="fas fa-fw fa-blog"></i> {{ page.active_crumb }}</span>
+    <span><i class="fas fa-fw fa-book-open"></i> {{ page.active_crumb }}</span>
 </h1>
 
 <div id="blogs" class="three-cols-container">
@@ -37,8 +37,9 @@ layout: interior
         <div id="blogs-container" class="row">
             <nav>
                 <div class="nav nav-tabs" role="tablist">
-                    <a class="nav-item nav-link active" data-toggle="tab" 
href="#en-blogs" role="tab">English Blogs</a>
-                    <a class="nav-item nav-link" data-toggle="tab" 
href="#ru-blogs" role="tab">Russian Blogs <img alt="" style="vertical-align: 
middle" src="/images/ru-flag-16.png"></a>
+                    <a class="nav-item nav-link active" data-toggle="tab" 
href="#en-blogs" role="tab">English Blog</a>
+                    <a class="nav-item nav-link" data-toggle="tab" 
href="#ru-blogs" role="tab">Русский Блог </a>
+                    <a class="nav-item nav-link" data-toggle="tab" 
href="#videos" role="tab">Videos <i style="color: #f00" class="fab fw 
fa-youtube"></i></a>
                 </div>
             </nav>
             <div class="tab-content">
@@ -102,6 +103,39 @@ layout: interior
                         {% endif %}
                     {% endfor %}
                 </div>
+                <div class="tab-pane fade show" id="videos" role="tabpanel">
+                    <br/>
+                    <div class="bq info">
+                        <p>
+                            Share & subscribe to NLPCraft <a target="youtube" 
href="https://www.youtube.com/channel/UCzEImY6BfDqCBMDDrdwNo2w";>YouTube 
Channel</a> 👌
+                        </p>
+                    </div>
+                    {% for vid in site.data.videos %}
+                    <div class="video-block">
+                        <div class="video-title">
+                            {{ vid.title }}
+                        </div>
+                        <div>
+                            <div class="video-description">
+                                {{ vid.description }}
+                            </div>
+                        </div>
+                        <iframe
+                                width="800"
+                                height="450"
+                                src="{{ vid.embed_url }}"
+                                title="{{ vid.title}}"
+                                frameborder="0"
+                                modestbranding="1"
+                                allow="accelerometer; autoplay; 
clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                                allowfullscreen>
+                        </iframe>
+                        <div class="video-footer">
+                            {{ vid.publish_date }} <span class="sep">•</span> 
{{ vid.duration }}min
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
             </div>
         </div>
     </div>
diff --git a/images/yt_icon_rgb.png b/images/yt_icon_rgb.png
new file mode 100644
index 0000000..3fbe82f
Binary files /dev/null and b/images/yt_icon_rgb.png differ
diff --git a/installation.html b/installation.html
index 9297930..37c7201 100644
--- a/installation.html
+++ b/installation.html
@@ -36,7 +36,8 @@ id: installation
                 frameborder="0"
                 modestbranding="1"
                 allow="accelerometer; autoplay; clipboard-write; 
encrypted-media; gyroscope; picture-in-picture"
-                allowfullscreen></iframe>
+                allowfullscreen>
+            </iframe>
         </p>
     </section>
     <section id="install">
@@ -47,16 +48,19 @@ id: installation
         <ul>
             <li>If you <a href="/download.html">downloaded</a> binary ZIP 
archive - <a target="asf" 
href="https://www.apache.org/dyn/closer.cgi#verify";>verify</a> it and unzip 
it</li>
             <li>If you <a href="/download.html">cloned</a> GitHub repository 
or downloaded source archive - use <code>mvn clean package -P examples</code> 
to build it</li>
-            <li>If you <a href="/download.html">used</a> Maven/Gradle/SBT - 
you know what you are doing 👍</li>
+            <li>If you <a href="/download.html">used</a> Maven/Gradle/SBT - 
you know what you are doing...</li>
         </ul>
+        <p>
+            You are done 👍
+        </p>
         <div class="bq warn">
             <p>
                 <b>Minimal Java and Scala versions</b>
             </p>
             <p>
-                Starting with version <b>0.7.0</b> NLPCraft requires JDK 11+ 
and Scala 2.12 to compile and run.
-                Starting with version <b>0.9.0</b> NLPCraft requires Scala 
2.13. Prior versions supported
-                JDK 8 and Scala 2.12.
+                Starting with version <b>0.9.0</b> NLPCraft requires JDK 11+ 
and Scala 2.13.<br/>
+                Starting with version <b>0.7.0</b> NLPCraft requires JDK 11+ 
and Scala 2.12.<br/>
+                Prior versions supported JDK 8 and Scala 2.12.
             </p>
         </div>
     </section>

Reply via email to