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 361eb65 WIP.
361eb65 is described below
commit 361eb6590f214a8fab6c0648f0101c771f995e48
Author: Aaron Radzinski <[email protected]>
AuthorDate: Sun Jul 25 22:37:17 2021 -0700
WIP.
---
_data/videos.yaml | 4 ++--
_includes/quick-links.html | 7 +++++++
_scss/blogs.scss | 14 ++++++++++++--
_scss/misc.scss | 16 ++++++++++++++++
blogs.html | 36 ++++++++++++++++++++----------------
installation.html | 13 ++++++-------
6 files changed, 63 insertions(+), 27 deletions(-)
diff --git a/_data/videos.yaml b/_data/videos.yaml
index c4c1f6b..69ecd2f 100644
--- a/_data/videos.yaml
+++ b/_data/videos.yaml
@@ -16,7 +16,7 @@
#
- title: NLPCraft - Download, Install & Verify
- embed_url: https://www.youtube.com/embed/OYhc6R0b1GA
+ embed_url: https://www.youtube.com/embed/OYhc6R0b1GA?modestbranding=1
publish_date: July 6, 2021
duration: "7:48"
description: >-
@@ -25,7 +25,7 @@
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
+ embed_url: https://www.youtube.com/embed/O7iK0AXvcJ8?modestbranding=1
publish_date: July 25, 2021
duration: "34:42"
description: >-
diff --git a/_includes/quick-links.html b/_includes/quick-links.html
index c60f242..2120147 100644
--- a/_includes/quick-links.html
+++ b/_includes/quick-links.html
@@ -59,6 +59,13 @@
</li>
<li>
<nobr>
+ <i class="fab fa-fw fa-twitter mr-2"></i><a target="twitter"
href="https://twitter.com/ApacheNLPCraft";>Twitter</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/_scss/blogs.scss b/_scss/blogs.scss
index 5dd3e12..f4c6dbe 100644
--- a/_scss/blogs.scss
+++ b/_scss/blogs.scss
@@ -62,10 +62,21 @@ img.avatar-img {
.video-block, .blog-block {
margin-bottom: 50px;
}
- .video-block, .blog-block:last-child {
+ .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%;
@@ -94,7 +105,6 @@ img.avatar-img {
font-weight: 400;
letter-spacing: 0.02em;
margin-bottom: 10px;
- max-width: 800px;
}
.blog-excerpt {
diff --git a/_scss/misc.scss b/_scss/misc.scss
index a61eb02..612744b 100644
--- a/_scss/misc.scss
+++ b/_scss/misc.scss
@@ -495,3 +495,19 @@ code.script {
ul.fixed {
margin-bottom: 1rem;
}
+
+i.fa-jira {
+ color: #2584ff;
+}
+i.fa-gitter {
+ color: #f00160;
+}
+i.fa-youtube {
+ color: #f00;
+}
+i.fa-twitter {
+ color: #00a2f5;
+}
+i.fa-stack-overflow {
+ color: #f58025;
+}
diff --git a/blogs.html b/blogs.html
index 1b1eb6d..97bd459 100644
--- a/blogs.html
+++ b/blogs.html
@@ -65,7 +65,7 @@ layout: interior
{% 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
style="color: #3498db" class="fab fa-fw fa-twitter"></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>
@@ -96,7 +96,7 @@ layout: interior
{% 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
style="color: #3498db" class="fab fa-fw fa-twitter"></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>
@@ -105,7 +105,7 @@ layout: interior
</div>
<div class="tab-pane fade show" id="videos" role="tabpanel">
<br/>
- <div class="bq info">
+ <div class="bq success">
<p>
Share & subscribe to NLPCraft <a target="youtube"
href="https://www.youtube.com/channel/UCzEImY6BfDqCBMDDrdwNo2w";>YouTube
Channel</a> 👌
</p>
@@ -115,21 +115,25 @@ layout: interior
<div class="video-title">
{{ vid.title }}
</div>
- <div>
- <div class="video-description">
- {{ vid.description }}
+ <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>
- <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>
diff --git a/installation.html b/installation.html
index 37c7201..3bd5e4c 100644
--- a/installation.html
+++ b/installation.html
@@ -27,18 +27,17 @@ id: installation
<p>
Watch this quick video (7:48) on how to download, install and
verify your installation:
</p>
- <p>
+ <div>
<iframe
- width="560"
- height="315"
- src="https://www.youtube.com/embed/OYhc6R0b1GA";
- title="Apache NLPCraft - Download, Installation & Verification"
+ width="514"
+ height="289"
+
src="https://www.youtube.com/embed/OYhc6R0b1GA?modestbranding=1&controls=1";
+ title="NLPCraft - Download, Install & Verify"
frameborder="0"
- modestbranding="1"
allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
- </p>
+ </div>
</section>
<section id="install">
<h2 class="section-title">Installation <a href="#"><i class="top-link
fas fa-fw fa-angle-double-up"></i></a></h2>
