beb6f27d59
summary: - adds prettier formatter configuration - formats the entire repo using prettier, ignoring minified files (`*.min.css`) and heavy generated html - changes extensions of all `.html` files to `.liquid`, which is more correct and necessary for prettier to work correctly - replaces "%-" and "-%" with just "%" — manual liquid formatting using minus signs is superfluous since we are compressing and minifying the code anyway - adds CI action for running prettier check on PR and pushes to master
34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
---
|
|
layout: post
|
|
title: a post with videos
|
|
date: 2023-04-24 21:01:00
|
|
description: this is what included videos could look like
|
|
tags: formatting videos
|
|
categories: sample-posts
|
|
---
|
|
|
|
This is an example post with videos. It supports local video files.
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-sm mt-3 mt-md-0">
|
|
{% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true autoplay=true %}
|
|
</div>
|
|
<div class="col-sm mt-3 mt-md-0">
|
|
{% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true %}
|
|
</div>
|
|
</div>
|
|
<div class="caption">
|
|
A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.
|
|
</div>
|
|
|
|
It does also support embedding videos from different sources. Here are some examples:
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-sm mt-3 mt-md-0">
|
|
{% include video.liquid path="https://www.youtube.com/embed/jNQXAC9IVRw" class="img-fluid rounded z-depth-1" %}
|
|
</div>
|
|
<div class="col-sm mt-3 mt-md-0">
|
|
{% include video.liquid path="https://player.vimeo.com/video/524933864?h=1ac4fd9fb4&title=0&byline=0&portrait=0" class="img-fluid rounded z-depth-1" %}
|
|
</div>
|
|
</div>
|