Commit 2db54184 authored by Martin Schoeler's avatar Martin Schoeler Committed by Gabriel Engel

[NEW] Webnar pages (#625)

* Work in progress on webinar pages

* more work in progress

* bump ver

* Test should pass

* Add redirect to blog category

* Better webinar subscribed page

* Improve variables names on webinarID tests

* General improvements to CSS and structure

* Add correct youtube URLs and some descriptions

* Use High res images for thumbnails and preview

* more layout improvements

* CSS organization improvement
parent efea3e75
language: ruby
rvm:
- 2.4
sudo: false
branches:
only:
- master
install:
- bundle install --jobs=3 --retry=3 --deployment
script:
- bundle exec "rake test"
source 'https://rubygems.org'
gem 'github-pages', group: :jekyll_plugins
gem 'jekyll-sitemap'
gem 'jekyll-sitemap'
group :development, :test do
gem 'rake'
end
......@@ -212,6 +212,7 @@ GEM
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (2.0.5)
rake (12.3.1)
rb-fsevent (0.10.3)
rb-inotify (0.9.10)
ffi (>= 0.5.0, < 2)
......@@ -244,6 +245,7 @@ PLATFORMS
DEPENDENCIES
github-pages
jekyll-sitemap
rake
BUNDLED WITH
1.17.1
task :test do
# sh "bundle exec jekyll build"
webinarIDs = %x[grep -roh '^webinarID.[^:-]*.[0-9][0-9][0-9]*' . | uniq -c ]
webinarIDsArray = []
webinarIDs.each_line { |line| webinarIDsArray << line.strip unless line == "\n" }
# puts webinarIDsArray
if webinarIDsArray.uniq.length == webinarIDsArray.length
puts "No duplicate webinar IDs, all good!"
else
raise "Duplicate webinar ID, please make sure to change the webinarID property on it's file Frontmatter."
end
end
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 100
version: 101
# read speed
wpm: 160
......
<a class="card--blog card--blog__image {% if include.post.inactive %}inactiveLink{% endif %} {% if include.post.dateEvent %} event{% endif %}" href='{% if include.post.extUrl %} {{include.post.extUrl}} {% else %} {{ include.post.url | remove: "index.html" }} {% endif %}' >
{% if post.categories contains "Webinars" %}
{% capture posttime %} {{include.post.dateEvent | date: '%s'}} {% endcapture %}
{% capture nowunix %} {{'now' | date: '%s'}} {% endcapture %}
{% endif %}
<a class="card--blog card--blog__image {% if include.post.inactive %}inactiveLink{% endif %} {% if include.post.dateEvent %} event{% endif %} {% if post.categories contains 'Webinars' %} webinar {% endif %}" href='{% if include.post.extUrl %} {{include.post.extUrl}} {% else %} {{ include.post.url | remove: "index.html" }} {% endif %}' >
<div class="card--blog__cover" style="{% if include.post.bgColor %}background-color: #{{include.post.bgColor}};{% endif %}{% unless include.post.bgSize == 'logo' %}{% if include.post.cover %}background-image: url('{{ include.post.cover }}');{% if include.post.bgSize %}background-size: {{ include.post.bgSize }};{% endif %}{% else %}background-image: url('/images/blog/post.jpg');{% endif %}{% endunless %}">
{% if include.post.cover and include.post.bgSize == 'logo'%}
<img class="card--blog__img-cover" src="{{include.post.cover}}" alt="go to post">
......@@ -7,18 +13,59 @@
<div class="card--blog__wrap">
<!-- If post has a dateEvent attribute, it is a event post -->
{% if include.post.dateEvent %}
<p class="blog__event-dayweek label--small theme_type--grey type--nomargin">{{ include.post.dateEvent | date: "%a" }}{% if include.post.language %}<img class="post-flag" src="/images/flags/{{post.language}}.png" alt="language"> {% endif %}</p>
<p class="blog__event-dayweek label--small theme_type--grey type--nomargin">
{{ include.post.dateEvent | date: "%a" }}
{% if include.post.gmt %} (GMT {{include.post.gmt}}) {% endif %}
{% if include.post.language %}
<img class="post-flag" src="/images/flags/{{post.language}}.png" alt="language">
{% endif %}
{% if include.post.language == "USA" %}In English{% elsif include.post.language == "Brazil" %} In Portuguese {% endif %}
</p>
<h4 class="display theme_type--dark">
{{ include.post.dateEvent | date: "%m.%d" }}
{% if include.post.categories contains "Webinars" %}
{% if posttime > nowunix %}
{{ include.post.dateEvent | date: "%m %b - %I:%M %P" }}
{% else %}
{{ include.post.dateEvent | date: "%m %b - %Y" }}
{% endif %}
{% else %}
{{ include.post.dateEvent | date: "%m.%d" }}
{% endif %}
{% if include.post.dateEventEnd %}
— {{ include.post.dateEventEnd | date: "%m.%d" }}
{% endif %}
</h4>
<h3 class="text theme_type--dark type--nomargin">
<h3 class="blog__subtitle text theme_type--dark type--nomargin">
{% if include.post.type %}<strong>{{ include.post.type }}:</strong> {% endif %}
{{ include.post.title }}</h3>
<div class="space--1"></div>
<p class="blog__event-location text--small theme_type--grey type--nomargin">{{ include.post.location }}</p>
{% if include.post.categories contains "Webinars" and include.post.hosts %}
<div class="blog__webinar-host {% if include.post.hosts.size > 2 %}multiple{% endif %}">
{% for host in include.post.hosts %}
{% for member in site.data.team %}
{% if member.name == host %}
<img class="host__image" src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg">
<div class="host__text">
<h4 class="host__name theme_type--dark">{{member.name}}</h4>
<p class="host__role">{{member.role}}</p>
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% elsif include.post.categories contains "Webinars" and include.post.off-team-host %}
<div class="blog__webinar-host">
<img class="host__image" src="{{include.post.off-team-host-image}}">
<div class="host__text">
<h4 class="host__name theme_type--dark">{{include.post.off-team-host}}</h4>
<p class="host__role">{{include.post.off-team-host-role}}</p>
</div>
</div>
{% else %}
<p class="blog__event-location text--small theme_type--grey type--nomargin">{{ include.post.location }}</p>
{% endif %}
{% else %}
<!-- If not, is a normal blog post -->
<p class="card--blog__meta label--small theme_type--grey">
......
{% capture posttime %} {{page.dateEvent | date: '%s'}} {% endcapture %}
{% capture nowunix %} {{'now' | date: '%s'}} {% endcapture %}
<article class="blog-post webinar">
<div class="container webinar">
<h3 class="display--big theme_type--dark">{{ page.title }}</h3>
<div class="webinar-content">
<div class="webinar-info">
<div class="webinar-box">
{% if posttime > nowunix %}
<img src="{{page.cover}}">
{% else %}
<a class="youtube-image-link webinar" style="background-image: url({{ page.cover }})" data-featherlight="#youtube-link"><img class="youtube-play" src="/images/default/play-circle.svg" alt="play"></a>
<div id="youtube-link"><iframe class="youtube-video"src="{{ page.webinarURL }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
{% endif %}
</div>
<div class="webinar-description">
<p class="blog__event-dayweek label--small theme_type--grey type--nomargin">{{ page.dateEvent | date: "%A" }} (GMT {{page.gmt}}) <img class="post-flag" src="/images/flags/{{page.language}}.png" alt="language"></p>
<h4 class="display theme_type--dark">
{{ page.dateEvent | date: "%m %b - %I:%M %P" }}
</h4>
<p class="desc">{{ page.description }}</p>
{% if page.hosts %}
{% for host in page.hosts %}
{% for member in site.data.team %}
{% if member.name == host %}
<div class="blog__webinar-host">
<img class="host__image" src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg">
<div class="host__text">
<h4 class="host__name theme_type--light">{{member.name}}</h4>
<p class="host__role">{{member.role}}</p>
</div>
</div>
{% endif %}
{% endfor %}
{% endfor %}
{% elsif page.off-team-host %}
<div class="blog__webinar-host">
<img class="host__image" src="{{page.off-team-host-image}}">
<div class="host__text">
<h4 class="host__name theme_type--dark">{{page.off-team-host}}</h4>
<p class="host__role">{{page.off-team-host-role}}</p>
</div>
</div>
{% endif %}
</div>
</div>
{% capture posttime %} {{page.dateEvent | date: '%s'}} {% endcapture %}
{% capture nowunix %} {{'now' | date: '%s'}} {% endcapture %}
{% if posttime > nowunix %}
<div class="webinar-form">
{% include blog/webinar-form.html post=post %}
</div>
{% endif %}
</div>
</div>
</article>
{% include webrules.html %}
<div class="">
<div class="flex-grid--nobreak">
<div class="no-gutter align--center" style="width:100%;">
<h2 class="display--small theme_type--dark"><strong>Sign Up for further webinars</strong></h2>
<link href="https://d1gwclp1pmzk26.cloudfront.net/agile/forms/v1/agile-form-min.css" rel="stylesheet">
<form class="form-view agile-form-transparent theme5" id="agile-form" action="https://rocketchat.agilecrm.com/formsubmit" style="max-width:100%;" method="GET">
<fieldset>
<!-- Form Name -->
<div style="display: none; height: 0px; width: 0px;">
<input type="hidden" id="_agile_form_name" name="_agile_form_name" value="Inscreva-se">
<input type="hidden" id="_agile_domain" name="_agile_domain" value="rocketchat">
<input type="hidden" id="_agile_api" name="_agile_api" value="8pat9ou8gh0thqd8dlgctje3go">
<input type="hidden" id="_agile_redirect_url" name="_agile_redirect_url" value="https://rocket.chat/webinar-subscribed">
<input type="hidden" id="_agile_document_url" name="_agile_document_url" value="">
<input type="hidden" id="_agile_confirmation_msg" name="_agile_confirmation_msg" value="">
<input type="hidden" id="_agile_form_id_tags" name="tags" value="webinar-{{page.webinarID}}">
<input type="hidden" id="_agile_form_id" name="_agile_form_id" value="5681097123823616">
</div>
<!-- Text input-->
<div class="agile-group required-control">
<label class="agile-label" for="agilefield-1">First Name<span class="agile-span-asterisk"> *</span></label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-1" name="first_name" type="text" placeholder="" class="agile-height-default" required="">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Text input-->
<div class="agile-group required-control">
<label class="agile-label" for="agilefield-8">Last Name<span class="agile-span-asterisk"> *</span></label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-8" name="last_name" type="text" placeholder="" class="agile-height-default" required="">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Text input-->
<div class="agile-group">
<label class="agile-label" for="agilefield-5">Title</label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-5" name="title" type="text" placeholder="" class="agile-height-default">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Text input-->
<div class="agile-group required-control">
<label class="agile-label" for="agilefield-3">Work Email<span class="agile-span-asterisk"> *</span></label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-3" name="email" type="email" placeholder="" class="agile-height-default" required="">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Text input-->
<div class="agile-group">
<label class="agile-label" for="agilefield-2">Mobile</label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-2" name="phone" type="text" placeholder="+1 (__) _____ - ____ " class="agile-height-default">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Text input-->
<div class="agile-group">
<label class="agile-label" for="agilefield-4">Company</label>
<div class="agile-field-xlarge agile-field">
<input maxlength="250" id="agilefield-4" name="company" type="text" placeholder="" class="agile-height-default">
</div>
<div class="agile-custom-clear"></div>
</div>
<!-- Select Basic -->
<div class="agile-group">
<label class="agile-label" for="agilefield-7">Employees</label>
<div class="agile-field-xlarge agile-field">
<select id="agilefield-7" name="note" class="agile-height-default">
<option value="">Select</option>
<option value="less than 50">less than 50</option>
<option value="up to 100">up to 100</option>
<option value="up to 500">up to 500</option>
<option value="up to 1000">up to 1000</option>
<option value="more than 1000">more than 1000</option>
</select>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="agile-group agile-form-inlinecheckboxes">
<label class="agile-label" for="multiple_checkboxes_1525323255546">Interests</label>
<div class="agile-field agile-field-xlarge agile-height-default" style="text-align:left;">
<div>
<label for="multiple_checkboxes_1525323255546-0" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-0" value="Learn More" checked="checked"><i></i>
Learn More
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-1" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-1" value="Service Manager"><i></i>
Service Manager
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-2" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-2" value="Help Desk"><i></i>
Help Desk
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-3" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-3" value="Process Automation"><i></i>
Process Automation
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-4" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-4" value="Chatbots"><i></i>
Chatbots
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-5" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-5" value="Monitoring"><i></i>
Monitoring
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-6" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-6" value="External Communication"><i></i>
External Communication
</label>
</div>
<div>
<label for="multiple_checkboxes_1525323255546-7" class="i-checks">
<input type="checkbox" name="tags" id="multiple_checkboxes_1525323255546-7" value="Internal Communication"><i></i>
Internal Communication
</label>
</div>
</div>
</div>
<!--recaptcha aglignment-->
<!-- Button -->
<div class="agile-group">
<label class="agile-label">&nbsp;</label>
<div class="agile-field agile-button-field">
<button type="submit" class="agile-button">Sign me up</button>
<br><span id="agile-error-msg"></span>
</div>
</div>
</fieldset>
</form>
<script async type="text/javascript">
(function(a){var b=a.onload,p=false;isCaptcha=true;if(p){a.onload="function"!=typeof b?function(){try{_agile_load_form_fields()}catch(a){}}:function(){b();try{_agile_load_form_fields()}catch(a){}}};var formLen=document.forms.length;for(i=0;i<formLen;i++){if(document.forms.item(i).getAttribute("id")== "agile-form"){a.document.forms.item(i).onsubmit=function(a){a.preventDefault();try{_agile_synch_form_v5(this)}catch(b){this.submit()}}}}})(window);
</script>
</div>
</div>
</div>
......@@ -40,7 +40,7 @@ permalink: /categories/
<h3 class="display--small theme_type--dark blog__section"><strong>Upcoming</strong></h3>
<div class="{% if noHighlight == true %}blog__category--no-highlight{% elsif Upcoming.size > 3 %}blog__category{% else %}blog__category--no-highlight{% endif %}">
<div class="{% if noHighlight == true %}blog__category--no-highlight{% elsif Upcoming.size > 3 or page.category == "Webinars" %}blog__category{% else %}blog__category--no-highlight{% endif %}">
{% for post in UpcomingSorted %}
{% include blog/article-link.html post=post %}
{% endfor %}
......
......@@ -12,7 +12,7 @@
<link rel="shortcut icon" href="/favicon.ico?v=1"/>
<link rel="stylesheet" href="/styles.css?v={{ site.version }}">
{% if page.class == "index" %}
{% if page.class == "index" or page.categories contains "Webinars" %}
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" />
{% endif %}
......@@ -45,7 +45,7 @@
<script src="/main.js"></script>
<script src="/redirect.js"></script>
{% if page.class == "index" %}
{% if page.class == "index" or page.categories contains "Webinars" %}
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" async type="text/javascript" charset="utf-8"></script>
{% endif %}
......
......@@ -3,125 +3,130 @@ layout: en/default
class: post
---
<article class="blog-post">
<header class="blog-post__header">
<div class="container">
<div class="flex-grid grid--justify-around">
<div class="blog-post__header-wrap">
<p class="label--small theme_type--grey">
{% assign words = page.content | number_of_words %}
{% if words < site.wpm %} 1 min {% else %} {{ words | divided_by: site.wpm }} mins {% endif %} read
{{ page.date | date: "%b %-d, %Y" }}
</p>
<h3 class="display--big theme_type--dark">{{ page.title }}</h3>
<div class="card--blog__data">
<p class="card--blog__category theme_box--dark-medium theme_type--dark tag">
<a href="/category/{{ page.categories[0] | slugify}}">
{{ page.categories[0] }}
</a>
{% if page.categories contains "Webinars" %}
{% include blog/webinar-detail.html page=post %}
{% else %}
<article class="blog-post">
<header class="blog-post__header">
<div class="container">
<div class="flex-grid grid--justify-around">
<div class="blog-post__header-wrap">
<p class="label--small theme_type--grey">
{% assign words = page.content | number_of_words %}
{% if words < site.wpm %} 1 min {% else %} {{ words | divided_by: site.wpm }} mins {% endif %} read
{{ page.date | date: "%b %-d, %Y" }}
</p>
<p class="card--blog__author text--small theme_type--grey">by {{ page.author }}</p>
<h3 class="display--big theme_type--dark">{{ page.title }}</h3>
<div class="card--blog__data">
<p class="card--blog__category theme_box--dark-medium theme_type--dark tag">
<a href="/category/{{ page.categories[0] | slugify}}">
{{ page.categories[0] }}
</a>
</p>
<p class="card--blog__author text--small theme_type--grey">by {{ page.author }}</p>
</div>
</div>
</div>
</div>
</div>
</header>
</header>
{% if page.cover %}
<img class="blog-post__cover" src="{{ page.cover }}" alt="{{ page.title }}" />
{% endif %}
{% if page.cover %}
<img class="blog-post__cover" src="{{ page.cover }}" alt="{{ page.title }}" />
{% endif %}
<div class="blog-post__wrap">
{{ content }}
</div>
{% if page.ios_release %}
<div class="card theme_box--light blog-post__social flex-grid grid--center">
<p class="display--small type--nomargin col">Install the latest release:</p>
<a href="https://itunes.apple.com/app/rocket-chat/id1148741252">
<img class="itunes" src="/images/install/itunes-store.svg">
</a>
<div class="blog-post__wrap">
{{ content }}
</div>
{% endif %}
{% if page.android_release %}
<div class="card theme_box--light blog-post__social flex-grid grid--center">
<p class="display--small type--nomargin col">Install the latest release:</p>
<a href="https://play.google.com/store/apps/details?id=chat.rocket.android">
<img class="googleplay" src="/images/install/google-play.svg">
</a>
</div>
{% endif %}
<div class="space--2"></div>
<div class="card theme_box--light blog-post__social" id="social">
<p class="label--small theme_type--light">Share article</p>
<div class="share">
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>
<a
class="twitter-share-button"
href="#social"
onclick="window.open('https://twitter.com/intent/tweet?text={{ page.title }}&url=https://rocket.chat{{ page.url }}&hashtags=Rocket.Chat','Facebook Share','width=800,height=600');"
data-size="large"
target="_blank"
>
<img src="/images/blog/twitter.svg" alt="Share on Tweet" />
</a>
<a
class="facebook-share-button"
href="#social"
onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=https://rocket.chat{{ page.url }}','Facebook Share','width=800,height=600');">
<img src="/images/blog/facebook.svg" alt="Share on Facebook" />
</a>
<a
href="#social"
target="_blank"
onclick="window.open('//www.reddit.com/submit?url=https://rocket.chat{{ page.url }}','Reddit Share','width=800,height=600');">
<img src="/images/blog/reddit.svg" alt="Share on Reddit" />
</a>
<a
href="mailto:?subject=I%20just%20read%20{{ page.title }}&body=Hey%2C%20I%20just%20read%20{{ page.title }}%20https://rocket.chat{{ page.url }}"
>
<img src="/images/blog/email.svg" alt="Share by Email" />
</a>
{% if page.ios_release %}
<div class="card theme_box--light blog-post__social flex-grid grid--center">
<p class="display--small type--nomargin col">Install the latest release:</p>
<a href="https://itunes.apple.com/app/rocket-chat/id1148741252">
<img class="itunes" src="/images/install/itunes-store.svg">
</a>
</div>
{% endif %}
{% if page.android_release %}
<div class="card theme_box--light blog-post__social flex-grid grid--center">
<p class="display--small type--nomargin col">Install the latest release:</p>
<a href="https://play.google.com/store/apps/details?id=chat.rocket.android">
<img class="googleplay" src="/images/install/google-play.svg">
</a>
</div>
{% endif %}
<div class="space--2"></div>
<div class="card theme_box--light blog-post__social" id="social">
<p class="label--small theme_type--light">Share article</p>
<div class="share">
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>
<a
class="twitter-share-button"
href="#social"
onclick="window.open('https://twitter.com/intent/tweet?text={{ page.title }}&url=https://rocket.chat{{ page.url }}&hashtags=Rocket.Chat','Facebook Share','width=800,height=600');"
data-size="large"
target="_blank"
>
<img src="/images/blog/twitter.svg" alt="Share on Tweet" />
</a>
<a
class="facebook-share-button"
href="#social"
onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=https://rocket.chat{{ page.url }}','Facebook Share','width=800,height=600');">
<img src="/images/blog/facebook.svg" alt="Share on Facebook" />
</a>
<a
href="#social"
target="_blank"
onclick="window.open('//www.reddit.com/submit?url=https://rocket.chat{{ page.url }}','Reddit Share','width=800,height=600');">
<img src="/images/blog/reddit.svg" alt="Share on Reddit" />
</a>
<a
href="mailto:?subject=I%20just%20read%20{{ page.title }}&body=Hey%2C%20I%20just%20read%20{{ page.title }}%20https://rocket.chat{{ page.url }}"
>
<img src="/images/blog/email.svg" alt="Share by Email" />
</a>
</div>
</div>
</div>
<div class="space--4"></div>
</article>
<div class="space--4"></div>
<div class="space--4"></div>
</article>
{% assign RelatedList = "" | split: "" %}
<div class="space--4"></div>
{% for post in site.posts %}
{% if post.url != page.url and post.categories contains page.categories[0] %}
{% assign RelatedList = RelatedList | push: post %}
{% endif %}
{% endfor %}
{% if RelatedList.size > 0 %}
<div class="blog-post__related theme_box--space">
<div class="container">
<h3 class="display--small theme_type--dark blog__section">
<span><strong>Related Articles</strong></span>
<small><a href="/category/{{ page.categories[0] | slugify}}" class="button--link">View all</a></small>
</h3>
<div class="blog__related">
{% for post in RelatedList limit:3 %}
{% include blog/article-link.html post=post %}
{% endfor %}
{% assign RelatedList = "" | split: "" %}
{% for post in site.posts %}
{% if post.url != page.url and post.categories contains page.categories[0] %}
{% assign RelatedList = RelatedList | push: post %}
{% endif %}
{% endfor %}
{% if RelatedList.size > 0 %}
<div class="blog-post__related theme_box--space">
<div class="container">
<h3 class="display--small theme_type--dark blog__section">
<span><strong>Related Articles</strong></span>
<small><a href="/category/{{ page.categories[0] | slugify}}" class="button--link">View all</a></small>
</h3>
<div class="blog__related">
{% for post in RelatedList limit:3 %}
{% include blog/article-link.html post=post %}
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include webrules.html %}
{% include webrules.html %}
{% endif %}
---
title: Integração Rocket.chat e Ligero
description: Webinar com guias de como integrar Rocket.Chat e Ligero
webinarID: 001
dateEvent: 2018-05-22 10:00:00
extUrl: https://youtu.be/_LDVryNlWuw
webinarURL: https://youtube.com/embed/_LDVryNlWuw
bgSize: cover
bgColor: 030c1a
author: Diego Dorgam
off-team-host: Diego Dorgam
off-team-host-image: "/images/team/member/diego-dorgam-01.jpg"
off-team-host-role: Bot Engineer
language: Brazil
cover: https://img.youtube.com/vi/_LDVryNlWuw/0.jpg
gmt: -3
cover: https://img.youtube.com/vi/_LDVryNlWuw/maxresdefault.jpg
categories:
- Webinars
---
\ No newline at end of file
---
title: Introdução ao Livechat
description:
webinarID: 003
dateEvent: 2018-07-21 10:00:00
extUrl: https://youtu.be/PxtQp8N3Pww
webinarURL: https://youtube.com/embed/PxtQp8N3Pww
bgSize: cover
bgColor: 030c1a
author: Diego Dorgam
off-team-host: Diego Dorgam
off-team-host-image: "/images/team/member/diego-dorgam-01.jpg"
off-team-host-role: Bot Engineer
gmt: -3
language: Brazil
cover: https://img.youtube.com/vi/PxtQp8N3Pww/0.jpg
cover: https://img.youtube.com/vi/PxtQp8N3Pww/maxresdefault.jpg
categories:
- Webinars
---
\ No newline at end of file
---
title: Tips and tricks to get you started with Rocket.Chat
description: In this webinar you will find various tips and tricks to start using Rocket.Chat today!
webinarID: 002
dateEvent: 2018-07-7 10:00:00
extUrl: https://youtu.be/aeMgkHpSWr0
webinarURL: https://youtube.com/embed/aeMgkHpSWr0
bgSize: cover
bgColor: 030c1a
author: Diego Dorgam
off-team-host: Diego Dorgam
off-team-host-image: "/images/team/member/diego-dorgam-01.jpg"
off-team-host-role: Bot Engineer
gmt: -3
language: USA
cover: https://img.youtube.com/vi/aeMgkHpSWr0/0.jpg
cover: https://img.youtube.com/vi/aeMgkHpSWr0/maxresdefault.jpg
categories:
- Webinars
---
\ No newline at end of file
---
title: Webinar Zenvia + Rocket.chat Como ter um atendimento de excelência
description:
webinarID: 004
dateEvent: 2018-12-13 10:00:00
extUrl: https://youtu.be/-syyThQAFuM
webinarURL: https://youtube.com/embed/-syyThQAFuM
bgSize: cover
bgColor: 030c1a
author: Carolina Freitas
hosts:
- Carolina Freitas
language: Brazil
cover: https://img.youtube.com/vi/-syyThQAFuM/0.jpg
gmt: -3
cover: https://img.youtube.com/vi/-syyThQAFuM/maxresdefault.jpg
categories:
- Webinars
---
\ No newline at end of file
---
title: Rocket.Chat - iOS 3.2 release
description: On this webinar the mobile apps team talk about the new features and improvements of the version 3.2 of Rocket.Chat iOS App.
webinarID: 005
dateEvent: 2018-12-19 10:00:00
extUrl: https://youtu.be/PJwxVrQfgrM
webinarURL: https://www.youtube.com/embed/PJwxVrQfgrM
bgSize: cover
bgColor: 030c1a
author: Carolina Freitas
hosts:
- Rafael Kellermann Streit
- Matheus Cardoso
- Filipe Alvarenga