further tweaks to image include

This commit is contained in:
rzen 2020-05-31 16:26:49 -04:00
parent 9f2a61fb47
commit a2446d666c
2 changed files with 23 additions and 15 deletions

View File

@ -5,12 +5,16 @@ date: 2019-07-21
tags: example deleteme tags: example deleteme
--- ---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut blandit est. Nullam porta sem nec vehicula auctor. Proin venenatis sit amet ligula non rhoncus. Ut dignissim, ante lobortis gravida ullamcorper, metus diam aliquam mauris, non blandit nulla ligula vulputate nibh. In hac habitasse platea dictumst. Ut ac mi arcu. In hac habitasse platea dictumst. Mauris lobortis neque eu aliquam vestibulum. Nullam at maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut blandit est. Nullam porta sem nec vehicula auctor. Proin venenatis sit amet ligula non rhoncus. Ut dim, ignissante lobortis gravida ullamcorper, metus diam aliquam mauris, non blandit nulla ligula vulputate nibh. In hac habitasse platea dictumst. Ut ac mi arcu. In hac habitasse platea dictumst. Mauris lobortis neque eu aliquam vestibulum. Nullam at maximus libero.
> Etiam mollis ultricies justo, posuere eleifend velit. Sed placerat, mi vitae bibendum aliquam, mi ipsum elementum lorem, eget congue eros purus eget lectus. Cras ac sem neque. Quisque congue tortor eget arcu mattis, eget semper lectus rhoncus. Pellentesque eu quam at orci vulputate porta sed fringilla nulla. Morbi tempor blandit leo condimentum gravida. Vivamus tincidunt dapibus est ac facilisis. Mauris gravida nisi urna, eu luctus nulla ultricies et. > Etiam mollis ultricies justo, posuere eleifend velit. Sed placerat, mi vitae bibendum aliquam, mi ipsum elementum lorem, eget congue eros purus eget lectus. Cras ac sem neque. Quisque congue tortor eget arcu mattis, eget semper lectus rhoncus. Pellentesque eu quam at orci vulputate porta sed fringilla nulla. Morbi tempor blandit leo condimentum gravida. Vivamus tincidunt dapibus est ac facilisis. Mauris gravida nisi urna, eu luctus nulla ultricies et.
Morbi orci diam, semper et mauris quis, maximus luctus mi. Morbi vel eros dolor. Suspendisse vitae dapibus leo, eget imperdiet dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae dictum massa. Nulla facilisi. Sed aliquet, orci a dignissim lobortis, libero justo elementum mi, id tincidunt justo orci elementum ligula. Pellentesque viverra quam nec diam faucibus sodales. In massa erat, sagittis a eros quis, aliquet volutpat ex. Morbi semper dictum turpis, in ornare metus consequat ac. Praesent vehicula risus id mi sollicitudin rutrum et nec dui. Morbi orci diam, semper et mauris quis, maximus luctus mi. Morbi vel eros dolor. Suspendisse vitae dapibus leo, eget imperdiet dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae dictum massa. Nulla facilisi. Sed aliquet, orci a dignissim lobortis, libero justo elementum mi, id tincidunt justo orci elementum ligula. Pellentesque viverra quam nec diam faucibus sodales. In massa erat, sagittis a eros quis, aliquet volutpat ex. Morbi semper dictum turpis, in ornare metus consequat ac. Praesent vehicula risus id mi sollicitudin rutrum et nec dui.
{% include image.html name="Quarter_Horse_Buckskin.jpg" width="80%" alt="Sed aliquet, orci a dignissim lobortis, libero justo elementum mi, id tincidunt justo orci elementum ligula." caption="Pellentesque viverra quam nec diam faucibus sodales. In massa erat, sagittis a eros quis, aliquet volutpat ex. Morbi semper dictum turpis, in ornare metus consequat ac. Привет от старых штиблет. Source: wikipedia.com" %}
Morbi orci diam, semper et mauris quis, maximus luctus mi. Morbi vel eros dolor. Suspendisse vitae dapibus leo, eget imperdiet dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae dictum massa. Nulla facilisi. Sed aliquet, orci a dignissim lobortis, libero justo elementum mi, id tincidunt justo orci elementum ligula. Pellentesque viverra quam nec diam faucibus sodales. In massa erat, sagittis a eros quis, aliquet volutpat ex. Morbi semper dictum turpis, in ornare metus consequat ac. Praesent vehicula risus id mi sollicitudin rutrum et nec dui.
<aside>An aside can be used to provide additional information or a casual explanation in service of main contents in an unobtrusive way.</aside> <aside>An aside can be used to provide additional information or a casual explanation in service of main contents in an unobtrusive way.</aside>
Vivamus vitae viverra quam, at condimentum nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla laoreet eget leo sit amet porttitor. Cras varius ut lorem eget ullamcorper. Donec ut mauris ut magna varius euismod. Sed auctor fringilla velit non tristique. In eu accumsan sem. Morbi luctus sed nulla id fringilla. Proin sit amet quam ac libero interdum bibendum eu id nisl. Ut commodo est eget mi rutrum, quis viverra augue vehicula. Nam tempus ante et metus tempor aliquet. Nullam sit amet consectetur urna, et rhoncus magna. Curabitur at risus a mi pellentesque pulvinar et ac sem. Vestibulum porttitor dolor et lorem vulputate tincidunt. Aliquam in suscipit massa. Maecenas nec condimentum enim. Vivamus vitae viverra quam, at condimentum nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla laoreet eget leo sit amet porttitor. Cras varius ut lorem eget ullamcorper. Donec ut mauris ut magna varius euismod. Sed auctor fringilla velit non tristique. In eu accumsan sem. Morbi luctus sed nulla id fringilla. Proin sit amet quam ac libero interdum bibendum eu id nisl. Ut commodo est eget mi rutrum, quis viverra augue vehicula. Nam tempus ante et metus tempor aliquet. Nullam sit amet consectetur urna, et rhoncus magna. Curabitur at risus a mi pellentesque pulvinar et ac sem. Vestibulum porttitor dolor et lorem vulputate tincidunt. Aliquam in suscipit massa. Maecenas nec condimentum enim.
@ -26,4 +30,4 @@ public class HelloWorld {
} }
``` ```
Vivamus efficitur ac sapien sit amet mollis. Aenean volutpat viverra elit, a venenatis elit finibus sit amet. Nulla rhoncus justo dolor, condimentum bibendum quam luctus in. Proin orci nibh, commodo vel aliquam non, convallis nec lorem. Praesent tristique orci ante, quis molestie dui interdum volutpat. Quisque dolor sapien, ornare eu euismod non, sollicitudin non tellus. Praesent dui orci, ultrices ut placerat id, consectetur eget mauris. Phasellus consectetur tellus est, ut ullamcorper eros finibus quis. Morbi convallis mi sit amet malesuada sollicitudin. Donec vestibulum velit id interdum mattis. Pellentesque eget venenatis nibh. Duis eleifend neque sollicitudin, pulvinar ex eu, sagittis nibh. Vivamus efficitur ac sapien sit amet mollis. Aenean volutpat viverra elit, a venenatis elit finibus sit amet. Nulla rhoncus justo dolor, condimentum bibendum quam luctus in. Proin orci nibh, commodo vel aliquam non, convallis nec lorem. Praesent tristique orci ante, quis molestie dui interdum volutpat. Quisque dolor sapien, ornare eu euismod non, sollicitudin non tellus. Praesent dui orci, ultrices ut placerat id, consectetur eget mauris. Phasellus consectetur tellus est, ut ullamcorper eros finibus quis. Morbi convallis mi sit amet malesuada sollicitudin. Donec vestibulum velit id interdum mattis. Pellentesque eget venenatis nibh. Duis eleifend neque sollicitudin, pulvinar ex eu, sagittis nibh. <!--qed-->

View File

@ -1,17 +1,21 @@
{% capture imagePath %}{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %} {% capture imagePath %}/assets/blog/{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %}
{% if include.frame == false %} {% capture src %}src="{{ imagePath }}"{% endcapture %}
{% assign frame = false %}
{% else %} {% assign alt=include.alt | default: "" %}
{% assign frame = true %} {% if alt != blank %}
{% capture alt %}alt="{{ include.alt }}" title="{{ include.alt}}"{% endcapture %}
{% endif %} {% endif %}
<figure class="figure {% if include.caption %}figure-caption{% endif %} {% if frame %}figure--frame{% endif %}"> {% assign caption=include.caption | default: "" %}
<div class="figure__inner">
<img Xwidth="100%" class="figure__image" src="/assets/blog/{{ imagePath }}" {% if include.alt %} alt="{{ include.alt }}" {% endif %} {% if include.width %} width="{{ include.width }}" {% endif %}/>
{% if include.caption %} {% if alt == blank and caption != blank %}
<figcaption class="figure__caption">{{ include.caption }} {% if include.source %}<a class="source" href="{{ include.source }}" title="{{ include.source }}">Source</a>.{% endif %}</figcaption> {% assign alt=caption %}
{% endif %} {% endif %}
</div>
{% assign frame=include.frame | default: true %}
<figure class="figure {% if include.caption %}caption{% endif %} {% if frame %}frame{% endif %}">
<a target="_blank" href="{{ imagePath }}"><img {{ src }} {{ alt }} width="100%" /></a>
{% if caption != blank %}<figcaption>{{ caption }}</figcaption>{% endif %}
</figure> </figure>