Skip to content

Commit

Permalink
testing default post style
Browse files Browse the repository at this point in the history
  • Loading branch information
siril-teja committed Nov 27, 2024
1 parent 5e149da commit 34f8eed
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 2 deletions.
49 changes: 49 additions & 0 deletions _news/2015-05-15-images.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
layout: post
title: a post with images
date: 2015-05-15 21:01:00
description: this is what included images could look like
tags: formatting images
categories: sample-posts
thumbnail: assets/img/fall2024.jpg
---

This is an example post with image galleries.

<div class="row mt-3">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/fall2024.jpg" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.
</div>

Images can be made zoomable.
Simply add `data-zoomable` to `<img>` tags that you want to make zoomable.

<div class="row mt-3">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
</div>
</div>

The rest of the images in this post are all zoomable, arranged into different mini-galleries.

<div class="row mt-3">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid path="assets/img/11.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid path="assets/img/12.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
</div>
</div>
2 changes: 0 additions & 2 deletions _news/announcement_11.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,3 @@ hide: false
---

Last day of teaching for my MECH 561 - Intro to MSK Biomechanics course. This has been such a rewarding experience for me and I've enjoyed this semester more so than the last. Looking forward to many more of these.

{% raw %}{% include figure.liquid path="assets/img/fall2024.jpg" class="img-fluid" alt="MECH 561 Fall 2024" %}{% endraw %}

0 comments on commit 34f8eed

Please sign in to comment.