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>