satchlj
/
blube.club
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add shortcodes for youtube and vimeo

This commit is contained in:
Ratan Kulshreshtha 2020-10-11 17:30:56 +05:30
parent 84b76cc886
commit acabf58fe1
13 changed files with 45 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/posts/extended-shortcodes/index.md
View File

@ -807,4 +807,4 @@ A radar chart provides a way of displaying multivariate data in the form of a tw
- [Koes nadi](https://unsplash.com/@bangkoes?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/@bangkoes?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
- [Lazyartistgallery](https://unsplash.com/@rahulp9800?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/@rahulp9800?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
- [Saira](https://unsplash.com/@sairaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/@sairaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
- [Waldemar Brandt](https://unsplash.com/@waldemarbrandt67w?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/@waldemarbrandt67w?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
- [Waldemar Brandt](https://unsplash.com/@waldemarbrandt67w?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/@waldemarbrandt67w?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

2
content/posts/welcome-to-deep-thought.md
View File

@ -86,7 +86,7 @@ We have them!
## Youtube
with `youtube(id="the_id_here")`
{{ youtube(id="Rq1kBWzn5-s") }}
{{ youtube(id="dNRDvLACg5Q") }}
## Vimeo
with `vimeo(id="id_here")`

2
static/js/site.js
View File

@ -242,7 +242,7 @@ $(document).ready(function () {
);
}
Galleria.run(`#galleria-${index}`);
Galleria.run(`.galleria`);
});
$(".map").each(function (index) {

6
templates/base.html
View File

@ -24,8 +24,8 @@
<link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />
{% endif %}
<link href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/twelve/galleria.twelve.min.css"
<link href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/folio/galleria.folio.min.css"
rel="stylesheet" />
<link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" />
<link href='{{ get_url(path='site.css') }}' rel="stylesheet" />
@ -148,7 +148,7 @@
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1/dist/chart.xkcd.min.js"></script>
<script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/twelve/galleria.twelve.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/folio/galleria.folio.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/elasticlunr/0.9.6/elasticlunr.min.js"></script>
<script src='{{ get_url(path='search_index.en.js') }}'></script>
<script src='{{ get_url(path='js/site.js') }}'></script>

2
templates/categories/list.html
View File

@ -20,7 +20,7 @@
{% endblock %}
{% block content %}
<section class="section">
<section class="section py-0">
<div class="container">
{% for category in terms %}
<span class="my-3 mx-2" style="display: inline-block;">

2
templates/categories/single.html
View File

@ -13,7 +13,7 @@
{% endblock %}
{% block content %}
<section class="section">
<section class="section py-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">

14
templates/page.html
View File

@ -5,26 +5,26 @@
{% endblock title %}
{% block content %}
<section class="section">
<section class="section pb-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">
<article>
<h1 class="title">{{ page.title }}</h1>
<h2 class="subtitle">{{ page.description }}</h2>
<div class="columns is-multiline">
<div class="column is-6">
<div class="columns is-multiline is-gapless">
<div class="column is-8">
{{ macros::page_publish_metadata(page=page) }}
</div>
<div class="column is-6 has-text-right-desktop">
<div class="column is-4 has-text-right-desktop">
{{ macros::page_content_metadata(page=page) }}
</div>
<div class="column is-6">
<div class="column is-4">
{% if page.taxonomies.categories %}
{{ macros::render_categories(categories=page.taxonomies.categories) }}
{% endif %}
</div>
<div class="column is-6 has-text-right-desktop">
<div class="column is-8 has-text-right-desktop">
{% if page.taxonomies.tags %}
{{ macros::render_tags(tags=page.taxonomies.tags) }}
{% endif %}
@ -121,7 +121,7 @@
{% block comment %}
{% if page.extra.comments and config.extra.commenting.hyvor %}
<section class="section">
<section class="section pt-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-6">

11
templates/section.html
View File

@ -18,7 +18,7 @@
{% endblock %}
{% block content %}
<section class="section">
<section class="section py-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">
@ -36,7 +36,14 @@
</a>
</h1>
<h2 class="subtitle">{{ page.description }}</h2>
{{ macros::page_publish_metadata(page=page) }}
<div class="columns is-multiline is-gapless">
<div class="column is-8">
{{ macros::page_publish_metadata(page=page) }}
</div>
<div class="column is-4 has-text-right-desktop">
{{ macros::page_content_metadata(page=page) }}
</div>
</div>
<div class="content mt-2">
{{ page.summary | safe }}
<a class="read-more" href='{{ page.permalink }}'>

4
templates/shortcodes/galleria.html
View File

@ -1,3 +1 @@
<div class="galleria mb-6" style="height: 450px">
{{body | safe}}
</div>
<div class="galleria mb-6" style="height: 450px">{{body | safe}}</div>

9
templates/shortcodes/vimeo.html Normal file
View File

@ -0,0 +1,9 @@
<div class="center">
<iframe
width="640" height="360"
title="vimeo-player"
src="https://player.vimeo.com/video/{{id}}"
frameborder="0"
allowfullscreen>
</iframe>
</div>

9
templates/shortcodes/youtube.html Normal file
View File

@ -0,0 +1,9 @@
<div class="center">
<iframe
width="640" height="360"
src="https://www.youtube.com/embed/{{id}}"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>

2
templates/tags/list.html
View File

@ -16,7 +16,7 @@
{% endblock %}
{% block content %}
<section class="section">
<section class="section py-0">
<div class="container">
{% for tag in terms %}
<span class="my-3 mx-2" style="display: inline-block;">

2
templates/tags/single.html
View File

@ -53,7 +53,7 @@
{% block pagination%}
{% if paginator.previous or paginator.next %}
<section class="section">
<section class="section py-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">