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