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

commit d544f47c804dc4a162755d0c05822a23942d0b4a
Author: Aaron Radzinski <[email protected]>
AuthorDate: Fri Aug 13 16:39:23 2021 -0700

    WIP.
---
 _data/blogs.yaml                  |   6 +-
 _data/events.yaml                 |  41 +++++-
 _includes/quick-links.html        |   4 +-
 _layouts/default.html             |   4 +-
 _scss/blogs.scss                  | 139 ------------------
 _scss/resources.scss              | 235 ++++++++++++++++++++++++++++++
 assets/css/style.scss             |   2 +-
 images/nivanov.jpg                | Bin 0 -> 935958 bytes
 images/nivanov.png                | Bin 0 -> 432966 bytes
 images/scale-by-the-bay-logo.png  | Bin 0 -> 159548 bytes
 images/scale-by-the-bay-logo2.png | Bin 0 -> 38515 bytes
 index.html                        |   2 +-
 relnotes/release-notes-0.9.0.html |   2 +-
 resources.html                    | 290 ++++++++++++++++++++++----------------
 14 files changed, 447 insertions(+), 278 deletions(-)

diff --git a/_data/blogs.yaml b/_data/blogs.yaml
index f58e916..ac21caf 100644
--- a/_data/blogs.yaml
+++ b/_data/blogs.yaml
@@ -111,10 +111,10 @@
 - title: Quick Introduction to Apache NLPCraft
   url: /blogs/quick_intro_apache_nlpcraft.html
   excerpt: In this short article I would like to introduce Apache NLPCraft - 
an open source library for adding Natural Language Interface to any 
application. The goal of this project from its inception in 2017 was and still 
is unambiguously straightforward - provide an efficient & highly productive API 
to develop advanced NLP-based interfaces for modern applications...
-  author: Aaron Radzinski
-  avatar_url: images/lion.jpg
+  author: Nikita Ivanov
+  avatar_url: images/nivanov.png
   publish_date: November 16, 2020
-  twitter_id: aaron_radzinski
+  twitter_id: c64hacker
   href_target: _self
 
 - title: Краткий обзор системы Apache NlpCraft
diff --git a/_data/events.yaml b/_data/events.yaml
index 30c3779..2ce44f8 100644
--- a/_data/events.yaml
+++ b/_data/events.yaml
@@ -15,15 +15,42 @@
 # limitations under the License.
 #
 
-- talk_title: Apache NLPCraft - Breaking Years Of Dogma in NLP
+- talk_name: Apache NLPCraft - Breaking Years Of Dogma in NLP
+  event_name: Scale By The Bay
+  event_loc: Online
+  event_url: https://www.scale.bythebay.io/
+  event_logo_url: images/scale-by-the-bay-logo2.png
+  event_twitter_id: ApacheCon
+  event_date: October 28-29, 2021
+  speaker_1_name: Aaron Radzinski
+  speaker_1_avatar_url: images/lion.jpg
+  speaker_1_title: Founder at DataLingvo<br/>Apache NLPCraft IPMC member
+  speaker_1_twitter_id: aaron_radzinski
+
+- talk_name: Adding Natural Language Interface To Minecraft Using Apache 
NLPCraft
+  event_name: ApacheCon 2021
+  event_loc: Online
+  event_url: https://www.apachecon.com/acah2021/
+  event_logo_url: images/apache-con.jpg
+  event_twitter_id: ApacheCon
+  event_date: September 21-23, 2021
+  speaker_1_name: Sergey Kamov
+  speaker_1_avatar_url: images/sergey_kamov_avatar.png
+  speaker_1_title: Apache NLPCraft IPMC member & committer
+  speaker_1_twitter_id: aaron_radzinski
+
+- talk_name: Apache NLPCraft - Breaking Years Of Dogma in NLP <sub><a 
target="youtube" href="https://youtu.be/O7iK0AXvcJ8";>video</a></sub>
   event_name: ApacheCon Asia 2021
   event_loc: Online
-  url: /relnotes/release-notes-0.9.0.html
-  abstract: Download NLPCraft 0.9.0. Scala 2.13 support + over 35 💪 fixes, 
improvements and enhancements.
+  event_url: https://www.apachecon.com/acasia2021/
+  event_logo_url: images/apache-con.jpg
+  event_twitter_id: ApacheCon
   event_date: August 6-8, 2021
   speaker_1_name: Aaron Radzinski
-  speaker_1_bio: Founder at DataLingvo, Apache NLPCraft IPMC member
+  speaker_1_avatar_url: images/lion.jpg
+  speaker_1_title: Founder at DataLingvo<br/>Apache NLPCraft IPMC member
+  speaker_1_twitter_id: aaron_radzinski
   speaker_2_name: Nikita Ivanov
-  speaker_2_bio: CTO & founder at GridGain System, Apache Ignite/NLPCraft PMC 
member
-  event_avatar_url: images/apache-con.jpg
-  event_twitter_id: ApacheCon
+  speaker_2_title: Founder & CTO at GridGain System<br/>Apache Ignite PMC, 
Apache NLPCraft IPMC member
+  speaker_2_avatar_url: images/nivanov.png
+  speaker_2_twitter_id: c64hacker
diff --git a/_includes/quick-links.html b/_includes/quick-links.html
index 15c0765..c29991d 100644
--- a/_includes/quick-links.html
+++ b/_includes/quick-links.html
@@ -32,12 +32,12 @@
     <i class="fas fa-fw fa-magic mr-2"></i><a href="/cheat-sheet.html">Cheat 
Sheet</a>
 </li>
 <li>
-    <i class="fas fa-fw fa-calendar-alt mr-2"></i><a 
href="/cheat-sheet.html">News <i class="amp">&amp;</i> Events</a>
+    <i class="fas fa-fw fa-calendar-alt mr-2"></i><a 
href="/resources.html">News <i class="amp">&amp;</i> Events</a>
 </li>
 <li class="side-nav-title">Support</li>
 <li>
     <nobr>
-        <i class="fab fa-fw fa-jira mr-2"></i><a target="jira" 
href="https://issues.apache.org/jira/projects/NLPCRAFT/issues";>JIRA</a>
+        <i class="fab fa-fw fa-jira mr-2"></i><a 
href="https://issues.apache.org/jira/projects/NLPCRAFT/issues";>JIRA</a>
     </nobr>
 </li>
 <li>
diff --git a/_layouts/default.html b/_layouts/default.html
index dfc868b..2602c36 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -49,12 +49,12 @@ layout: compress
 
     <title>Apache NLPCraft - Natural Language Interface</title>
     <!-- CSS only -->
-    <link rel="stylesheet" 
href="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
 crossorigin="anonymous">
+    <link rel="stylesheet" 
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"; 
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
 crossorigin="anonymous">
 
     <!-- JS, Popper.js, and jQuery -->
     <script src="//code.jquery.com/jquery-3.5.1.slim.min.js" 
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
 crossorigin="anonymous"></script>
     <script 
src="//cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" 
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
 crossorigin="anonymous"></script>
-    <script 
src="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" 
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
 crossorigin="anonymous"></script>    <!-- BS3 CSS, etc. -->
+    <script 
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js";
 
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
 crossorigin="anonymous"></script>
 
     <link href="//use.fontawesome.com/releases/v5.7.1/css/all.css" 
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
 rel="stylesheet" crossorigin="anonymous">
     <link href="/ext/syntaxhighlighter/styles/shCoreNLPCraft.css" 
rel="stylesheet" type="text/css">
diff --git a/_scss/blogs.scss b/_scss/blogs.scss
deleted file mode 100644
index 523bda5..0000000
--- a/_scss/blogs.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-/*
- * 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.
- */
-
-img.avatar-img {
-    height: 24px;
-    margin-right: 10px;
-    vertical-align: middle;
-    -webkit-border-radius: 100%;
-    -moz-border-radius: 100%;
-    border-radius: 100%;
-}
-
-#blog {
-    .img-title {
-        margin-top: 25px;
-        margin-bottom: 10px;
-    }
-}
-
-.blog-header {
-    a, a:hover, a:active, i.fas {
-        color: $color-asphalt;
-    }
-
-    .blog-author {
-        display: inline;
-        margin-right: 10px;
-    }
-
-    .blog-date {
-        margin-left: 10px;
-        display: inline;
-    }
-
-    .blog-avatar {
-        display: inline;
-    }
-
-    .blog-title {
-        font-size: 32px;
-        letter-spacing: 0.02em;
-        font-weight: 400;
-    }
-}
-
-#blogs {
-    #blogs-container {
-        .video-block, .blog-block {
-            margin-bottom: 50px;
-        }
-        .video-block:last-child, .blog-block:last-child {
-            margin-bottom: 75px;
-        }
-
-        .video-block {
-            iframe {
-                min-width: 560px;
-                margin-right: 20px;
-            }
-        }
-
-        .video-iframe {
-            display: inline-flex;
-        }
-
-        .video-footer {
-            font-size: 90%;
-
-            .sep {
-                color: #cbcbcb;
-            }
-        }
-
-        .video-title, .blog-title {
-            font-size: 24px;
-            letter-spacing: 0.02em;
-            font-weight: 400;
-
-            i.fas {
-                color: $color-asphalt;
-            }
-
-            a {
-                color: $color-slack;
-            }
-        }
-
-        .video-title {
-            margin-bottom: 10px;
-        }
-
-        .video-description {
-            font-size: 15px;
-            color: #999;
-            font-weight: 400;
-            letter-spacing: 0.02em;
-            margin-bottom: 10px;
-        }
-
-        .blog-excerpt {
-            font-size: 15px;
-            color: #999;
-            font-weight: 400;
-            letter-spacing: 0.04em;
-            margin-bottom: 20px;
-
-            a {
-                color: #666;
-            }
-        }
-
-        .blog-footer {
-            letter-spacing: 0.02em;
-
-            a, span {
-                vertical-align: middle;
-            }
-
-            .blog-author {
-                margin-right: 10px;
-                display: inline-block;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/_scss/resources.scss b/_scss/resources.scss
new file mode 100644
index 0000000..8028336
--- /dev/null
+++ b/_scss/resources.scss
@@ -0,0 +1,235 @@
+/*
+ * 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.
+ */
+
+img.avatar-img {
+    height: 22px;
+    margin-right: 10px;
+    vertical-align: middle;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+#blog {
+    .img-title {
+        margin-top: 25px;
+        margin-bottom: 10px;
+    }
+}
+
+.blog-header {
+    a, a:hover, a:active, i.fas {
+        color: $color-asphalt;
+    }
+
+    .blog-author {
+        display: inline;
+        margin-right: 10px;
+    }
+
+    .blog-date {
+        margin-left: 10px;
+        display: inline;
+    }
+
+    .blog-avatar {
+        display: inline;
+    }
+
+    .blog-title {
+        font-size: 32px;
+        letter-spacing: 0.02em;
+        font-weight: 400;
+    }
+}
+
+#resources {
+    .event-block {
+        margin-bottom: 25px;
+        border-bottom: 1px dotted #aaa;
+        padding-bottom: 25px;
+
+        &:last-child {
+            margin-bottom: 75px;
+            border-bottom: none;
+        }
+
+        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-talk-speaker {
+            display: inline-flex;
+        }
+        .even-speakers-block {
+            margin-top: 5px;
+            display: inline-flex;
+        }
+        .talk-speaker-name {
+            font-weight: 600;
+        }
+        .talk-speaker-title {
+            font-size: 85%;
+            color: #aaa;
+            letter-spacing: 0.02em;
+        }
+
+        .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: 22px;
+            letter-spacing: 0.02em;
+            font-weight: 400;
+
+            a {
+                color: $color-slack;
+            }
+
+            margin-bottom: 10px;
+        }
+    }
+
+    .video-block {
+            margin-bottom: 50px;
+
+            &:last-child {
+                margin-bottom: 75px;
+            }
+
+            iframe {
+                min-width: 560px;
+                margin-right: 20px;
+            }
+
+            .video-iframe {
+                display: inline-flex;
+            }
+
+            .video-footer {
+                font-size: 90%;
+
+                .sep {
+                    color: #cbcbcb;
+                }
+            }
+
+            .video-title {
+                font-size: 22px;
+                letter-spacing: 0.02em;
+                font-weight: 400;
+
+                i.fas {
+                    color: $color-asphalt;
+                }
+
+                a {
+                    color: $color-slack;
+                }
+
+                margin-bottom: 10px;
+            }
+
+            .video-description {
+                font-size: 16px;
+                color: #999;
+                font-weight: 400;
+                letter-spacing: 0.02em;
+                margin-bottom: 10px;
+            }
+        }
+
+    .blog-block {
+        margin-bottom: 50px;
+
+        .blog-title {
+            font-size: 22px;
+            letter-spacing: 0.02em;
+            font-weight: 400;
+
+            i.fas {
+                color: $color-asphalt;
+            }
+
+            a {
+                color: $color-slack;
+
+                &.direct-link {
+                    font-weight: 400;
+                    color: #aaa;
+                    letter-spacing: 0.1em;
+                    vertical-align: top; font-size: 60%
+                }
+            }
+        }
+
+        .blog-excerpt {
+            font-size: 16px;
+            color: #999;
+            font-weight: 400;
+            letter-spacing: 0.04em;
+            margin-bottom: 20px;
+
+            a {
+                color: #666;
+                font-weight: 400;
+            }
+        }
+
+        .blog-footer {
+            letter-spacing: 0.02em;
+
+            a, span {
+                vertical-align: middle;
+            }
+
+            .blog-author {
+                margin-right: 10px;
+                display: inline-block;
+            }
+        }
+
+        &:last-child {
+            margin-bottom: 75px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index f4a38a5..ec9a6da 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -45,7 +45,7 @@ $default-font: "Helvetica Neue";
 @import 'installation';
 @import 'intent-matching';
 @import 'community';
-@import 'blogs';
+@import 'resources';
 @import 'relnotes';
 
 html {
diff --git a/images/nivanov.jpg b/images/nivanov.jpg
new file mode 100644
index 0000000..85e2421
Binary files /dev/null and b/images/nivanov.jpg differ
diff --git a/images/nivanov.png b/images/nivanov.png
new file mode 100644
index 0000000..a73553d
Binary files /dev/null and b/images/nivanov.png differ
diff --git a/images/scale-by-the-bay-logo.png b/images/scale-by-the-bay-logo.png
new file mode 100644
index 0000000..9fbf1b8
Binary files /dev/null and b/images/scale-by-the-bay-logo.png differ
diff --git a/images/scale-by-the-bay-logo2.png 
b/images/scale-by-the-bay-logo2.png
new file mode 100644
index 0000000..bae1b40
Binary files /dev/null and b/images/scale-by-the-bay-logo2.png differ
diff --git a/index.html b/index.html
index 9cf4c53..5b28ea5 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@ layout: default
             <div id="nat-lang-itf">Apache NLPCraft</div>
             <h1 id="banner-sub-title">An API to convert natural language into 
actions</h1>
             <div>
-                <a id="get-started-btn" role="button" href="docs.html" 
class="btn mt-5">GET STARTED <i class="ml-2 fas fa-angle-right"></i></a>
+                <a id="get-started-btn" role="button" href="docs.html" 
class="btn mt-5">🤘 GET STARTED 🤘</a>
             </div>
         </div>
     </div>
diff --git a/relnotes/release-notes-0.9.0.html 
b/relnotes/release-notes-0.9.0.html
index abc1249..0c0a61f 100644
--- a/relnotes/release-notes-0.9.0.html
+++ b/relnotes/release-notes-0.9.0.html
@@ -49,7 +49,7 @@ layout: release-notes
     <h2 class="section-title">🤖 Enhancements <a href="#"><i class="top-link 
fas fa-fw fa-angle-double-up"></i></a></h2>
     <ul>
         <li><a target="jira" 
href='https://issues.apache.org/jira/browse/NLPCRAFT-333'>NLPCRAFT-333</a> - 
Replace the DarkSky API with another weather provider in the examples.</li>
-        <li><a target="jira" 
href='https://issues.apache.org/jira/browse/NLPCRAFT-350'>NLPCRAFT-350</a> - 
REST server does not support some model enabled tokes types.</li>
+        <li><a target="jira" 
href='https://issues.apache.org/jira/browse/NLPCRAFT-350'>NLPCRAFT-350</a> - 
REST server does not support some model enabled token types.</li>
         <li><a target="jira" 
href='https://issues.apache.org/jira/browse/NLPCRAFT-351'>NLPCRAFT-351</a> - 
Add log information about detected (or configured) config file.</li>
         <li><a target="jira" 
href='https://issues.apache.org/jira/browse/NLPCRAFT-365'>NLPCRAFT-365</a> - 
Update website documentation to mention that Scala 2.13 is used for 
development/testing.</li>
     </ul>
diff --git a/resources.html b/resources.html
index 1423350..ae52e2c 100644
--- a/resources.html
+++ b/resources.html
@@ -24,146 +24,192 @@ layout: interior
     <span><i class="fas fa-fw fa-book-open"></i> {{ page.active_crumb }}</span>
 </h1>
 
-<div id="blogs" class="three-cols-container">
+<div id="resources" class="three-cols-container">
     <div class="col-md-2 first-column">
         {% include left-side-menu.html %}
     </div>
     <div class="col-md-8 second-column">
-        <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="#all-news" role="tab">News</a>
-                    <a class="nav-item nav-link" data-toggle="tab" 
href="#all-news" role="tab"><i class="fas fw fa-calendar-alt"></i> Events</a>
-                    <a class="nav-item nav-link" 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"><i class="fab fw fa-youtube"></i> Videos</a>
-                </div>
-            </nav>
-            <div class="tab-content">
-                <div class="tab-pane fade show active" id="all-news" 
role="tabpanel">
-                    <br/>
-                    {% for news in site.data.news %}
-                    <div class="blog-block">
-                        <div class="blog-title">
-                            <a href="{{ news.url }}" target={{ 
news.href_target }}>{{ news.title }}</a>
-                            {% if news.href_target != "_self" %}
+        <nav>
+            <div class="nav nav-tabs" role="tablist">
+                <a class="nav-item nav-link active" data-toggle="tab" 
href="#all-news" role="tab">News</a>
+                <a class="nav-item nav-link" data-toggle="tab" href="#events" 
role="tab"><i class="fas fw fa-calendar-alt"></i> Events</a>
+                <a class="nav-item nav-link" 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"><i class="fab fw fa-youtube"></i> Videos</a>
+            </div>
+        </nav>
+        <div class="tab-content">
+            <div class="tab-pane fade show active" id="all-news" 
role="tabpanel">
+                <br/>
+                {% for news in site.data.news %}
+                <div class="blog-block">
+                    <div class="blog-title">
+                        <a href="{{ news.url }}" target={{ news.href_target 
}}>{{ news.title }}</a>
+                        {% if news.href_target != "_self" %}
                             <br/>
-                            <a href="{{ news.url }}" target={{ 
news.href_target }}>
-                                <span style="color: #3498db; letter-spacing: 
0.1em; vertical-align: top; font-size: 50%">{{ news.url }}</span>
-                            </a>
-                            {% endif %}
-                        </div>
-                        <div class="blog-excerpt">
-                            <a target={{ news.href_target }} href="{{ news.url 
}}">{{ news.excerpt}}</a>
-                        </div>
-                        <div class="blog-footer">
-                            {% if news.avatar_url %}<img class="avatar-img" 
src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
-                            {% if news.author %}<div class="blog-author">{{ 
news.author }}</div>{% 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>
+                            <a class="direct-link" href="{{ news.url }}" 
target={{ news.href_target }}>{{ news.url }}</a>
+                        {% endif %}
+                    </div>
+                    <div class="blog-excerpt">
+                        <a target={{ news.href_target }} href="{{ news.url 
}}">{{ news.excerpt}}</a>
+                    </div>
+                    <div class="blog-footer">
+                        {% if news.avatar_url %}<img class="avatar-img" 
src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
+                        {% if news.author %}<div class="blog-author">{{ 
news.author }}</div>{% 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>
-                    {% endfor %}
                 </div>
-                <div class="tab-pane fade show" id="en-blogs" role="tabpanel">
-                    <br/>
-                    {% for news in site.data.blogs %}
-                        {% unless news.ru %}
-                            <div class="blog-block">
-                                <div class="blog-title">
-                                    <a href="{{ news.url }}" target={{ 
news.href_target }}>{{ news.title }}</a>
-                                    {% if news.href_target != "_self" %}
-                                    <br/>
-                                    <a href="{{ news.url }}" target={{ 
news.href_target }}>
-                                        <span style="color: #3498db; 
letter-spacing: 0.1em; vertical-align: top; font-size: 50%">{{ news.url 
}}</span>
-                                    </a>
-                                    {% endif %}
-                                </div>
-                                <div class="blog-excerpt">
-                                    <a target={{ news.href_target }} href="{{ 
news.url }}">{{ news.excerpt}}</a>
-                                </div>
-                                <div class="blog-footer">
-                                    {% if news.avatar_url %}<img 
class="avatar-img" src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
-                                    {% if news.author %}<div 
class="blog-author">{{ news.author }}</div>{% 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>
+                {% endfor %}
+            </div>
+            <div class="tab-pane fade show" id="events" role="tabpanel">
+                <br/>
+                {% for event in site.data.events %}
+                <div class="event-block">
+                    <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><b>Talk:</b></div>
+                    <div class="event-talk-name">
+                        <div>{{ event.talk_name }}</div>
+                    </div>
+                    <div><b>Speakers:</b></div>
+                    <div class="even-speakers-block">
+                        <div class="event-talk-speaker">
+                            <div>
+                                {% if event.speaker_1_avatar_url %}<img 
class="event-avatar-img" src="{{ event.speaker_1_avatar_url | relative_url}}" 
alt="">{% endif %}
                             </div>
-                        {% endunless %}
-                    {% endfor %}
-                </div>
-                <div class="tab-pane fade show" id="ru-blogs" role="tabpanel">
-                    <br/>
-                    {% for news in site.data.blogs %}
-                        {% if news.ru %}
-                            <div class="blog-block">
-                                <div class="blog-title">
-                                    <a href="{{ news.url }}" target={{ 
news.href_target }}>
-                                        {{ news.title }}
-                                    </a>
-                                    {% if news.href_target != "_self" %}
-                                        <br/>
-                                        <a href="{{ news.url }}" target={{ 
news.href_target }}>
-                                            <span style="color: #3498db; 
letter-spacing: 0.1em; vertical-align: top; font-size: 50%">{{ news.url 
}}</span>
-                                        </a>
-                                    {% endif %}
-                                </div>
-                                <div class="blog-excerpt">
-                                    <a target={{ news.href_target }} href="{{ 
news.url }}">{{ news.excerpt}}</a>
+                            <div>
+                                <div class="talk-speaker-name">
+                                    {{ event.speaker_1_name }}
+                                    {% if event.speaker_1_twitter_id %}<a 
target="twitter" href="https://twitter.com/{{ event.speaker_1_twitter_id}}"><i 
class="fab fa-fw fa-twitter"></i></a>{% endif %}
                                 </div>
-                                <div class="blog-footer">
-                                    {% if news.avatar_url %}<img 
class="avatar-img" src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
-                                    {% if news.author %}<div 
class="blog-author">{{ news.author }}</div>{% 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 class="talk-speaker-title">{{ 
event.speaker_1_title }}</div>
+                            </div>
+                        </div>
+                        <div class="event-talk-speaker">
+                            <div>
+                                {% if event.speaker_2_avatar_url %}<img 
class="event-avatar-img" src="{{ event.speaker_2_avatar_url | relative_url}}" 
alt="">{% endif %}
+                            </div>
+                            <div>
+                                <div class="talk-speaker-name">
+                                    {{ event.speaker_2_name }}
+                                    {% if event.speaker_2_twitter_id %}<a 
target="twitter" href="https://twitter.com/{{ event.speaker_2_twitter_id}}"><i 
class="fab fa-fw fa-twitter"></i></a>{% endif %}
                                 </div>
+                                <div class="talk-speaker-title">{{ 
event.speaker_2_title }}</div>
                             </div>
-                        {% endif %}
-                    {% endfor %}
-                </div>
-                <div class="tab-pane fade show" id="videos" role="tabpanel">
-                    <br/>
-                    <div class="bq success">
-                        <p>
-                            Share & subscribe to NLPCraft <a target="youtube" 
href="https://www.youtube.com/channel/UCzEImY6BfDqCBMDDrdwNo2w";>YouTube 
Channel</a> 👌
-                        </p>
+                        </div>
                     </div>
-                    {% for vid in site.data.videos %}
-                    <div class="video-block">
-                        <div class="video-title">
-                            {{ vid.title }}
+                </div>
+                {% endfor %}
+            </div>
+            <div class="tab-pane fade show" id="en-blogs" role="tabpanel">
+                <br/>
+                {% for news in site.data.blogs %}
+                    {% unless news.ru %}
+                        <div class="blog-block">
+                            <div class="blog-title">
+                                <a href="{{ news.url }}" target={{ 
news.href_target }}>{{ news.title }}</a>
+                                {% if news.href_target != "_self" %}
+                                    <br/>
+                                    <a href="{{ news.url }}" target={{ 
news.href_target }}>{{ news.url }}</a>
+                                {% endif %}
+                            </div>
+                            <div class="blog-excerpt">
+                                <a target={{ news.href_target }} href="{{ 
news.url }}">{{ news.excerpt}}</a>
+                            </div>
+                            <div class="blog-footer">
+                                {% if news.avatar_url %}<img 
class="avatar-img" src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
+                                {% if news.author %}<div 
class="blog-author">{{ news.author }}</div>{% 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>
-                        <div class="video-iframe">
-                            <iframe
-                                    width="514"
-                                    height="289"
-                                    src="{{ vid.embed_url }}"
-                                    title="{{ vid.title}}"
-                                    frameborder="0"
-                                    allow="accelerometer; autoplay; 
clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-                                    allowfullscreen>
-                            </iframe>
-                            <div>
-                                <p>
-                                    <b>Description:</b>
-                                </p>
-                                <p class="video-description">
-                                    {{ vid.description }}
-                                </p>
+                    {% endunless %}
+                {% endfor %}
+            </div>
+            <div class="tab-pane fade show" id="ru-blogs" role="tabpanel">
+                <br/>
+                {% for news in site.data.blogs %}
+                    {% if news.ru %}
+                        <div class="blog-block">
+                            <div class="blog-title">
+                                <a href="{{ news.url }}" target={{ 
news.href_target }}>
+                                    {{ news.title }}
+                                </a>
+                                {% if news.href_target != "_self" %}
+                                    <br/>
+                                    <a class="direct-link" href="{{ news.url 
}}" target={{ news.href_target }}>{{ news.url }}</a>
+                                {% endif %}
+                            </div>
+                            <div class="blog-excerpt">
+                                <a target={{ news.href_target }} href="{{ 
news.url }}">{{ news.excerpt}}</a>
+                            </div>
+                            <div class="blog-footer">
+                                {% if news.avatar_url %}<img 
class="avatar-img" src="{{ news.avatar_url | relative_url}}" alt="">{% endif %}
+                                {% if news.author %}<div 
class="blog-author">{{ news.author }}</div>{% 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>
-                        <div class="video-footer">
-                            {{ vid.publish_date }} <span class="sep">•</span> 
{{ vid.duration }}min
+                    {% endif %}
+                {% endfor %}
+            </div>
+            <div class="tab-pane fade show" id="videos" role="tabpanel">
+                <br/>
+                <div class="bq success">
+                    <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 class="video-iframe">
+                        <iframe
+                                width="514"
+                                height="289"
+                                src="{{ vid.embed_url }}"
+                                title="{{ vid.title}}"
+                                frameborder="0"
+                                allow="accelerometer; autoplay; 
clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                                allowfullscreen>
+                        </iframe>
+                        <div>
+                            <p>
+                                <b>Description:</b>
+                            </p>
+                            <p class="video-description">
+                                {{ vid.description }}
+                            </p>
                         </div>
                     </div>
-                    {% endfor %}
+                    <div class="video-footer">
+                        {{ vid.publish_date }} <span class="sep">•</span> {{ 
vid.duration }}min
+                    </div>
                 </div>
+                {% endfor %}
             </div>
         </div>
     </div>

Reply via email to