marcel
/
congo
mirror of https://github.com/jpanther/congo.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

💄 Add rounded border to images

pull/100/head
James Panther 2022-01-31 09:14:30 +11:00
parent e465eaeb33
commit 053a03d429
No known key found for this signature in database
GPG Key ID: D36F789E45745D17
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
exampleSite/content/docs/version-2/upgrade/index.md
View File

@ -177,7 +177,9 @@ If you have provided an author image or site logo, simply move these assets from
## Step 5: Check content ## Step 5: Check content
The behavior of the `figure` shortcode is different in version 2. If you are using `figure` in your content, you may need to adjust the parameters you are providing. Consult the shortcode docs to learn more about supported parameters. The behavior of the `figure` shortcode is different in version 2. If you are using `figure` in your content and have advanced use cases, you may need to adjust the parameters you are providing.
Consult the [shortcode docs]({{< ref "docs/shortcodes#figure" >}}) to learn more about supported parameters.
## Step 6: Rebuild ## Step 6: Rebuild

10
layouts/_default/_markup/render-image.html
View File

@ -3,13 +3,13 @@
{{ with $.Page.Resources.GetMatch (.Destination) }} {{ with $.Page.Resources.GetMatch (.Destination) }}
<figure> <figure>
<img <img
class="my-0" class="my-0 rounded-md"
srcset=" srcset="
{{ (.Resize "320x").RelPermalink }} 320w, {{ (.Resize "330x").RelPermalink }} 330w,
{{ (.Resize "635x").RelPermalink }} 635w, {{ (.Resize "660x").RelPermalink }} 660w,
{{ (.Resize "1024x").RelPermalink }} 1024w, {{ (.Resize "1024x").RelPermalink }} 1024w,
{{ (.Resize "1270x").RelPermalink }} 2x" {{ (.Resize "1320x").RelPermalink }} 2x"
src="{{ (.Resize "635x").RelPermalink }}" src="{{ (.Resize "660x").RelPermalink }}"
alt="{{ $altText }}" alt="{{ $altText }}"
/> />
<figcaption>{{ $caption | markdownify }}</figcaption> <figcaption>{{ $caption | markdownify }}</figcaption>

10
layouts/shortcodes/figure.html
View File

@ -6,13 +6,13 @@
<figure {{ with $class }}class="{{ . }}"{{ end }}> <figure {{ with $class }}class="{{ . }}"{{ end }}>
{{ with $href }}<a href="{{ . }}">{{ end }} {{ with $href }}<a href="{{ . }}">{{ end }}
<img <img
class="my-0" class="my-0 rounded-md"
srcset=" srcset="
{{ (.Resize "320x").RelPermalink }} 320w, {{ (.Resize "330x").RelPermalink }} 330w,
{{ (.Resize "635x").RelPermalink }} 635w, {{ (.Resize "660x").RelPermalink }} 660w,
{{ (.Resize "1024x").RelPermalink }} 1024w, {{ (.Resize "1024x").RelPermalink }} 1024w,
{{ (.Resize "1270x").RelPermalink }} 2x" {{ (.Resize "1320x").RelPermalink }} 2x"
src="{{ (.Resize "635x").RelPermalink }}" src="{{ (.Resize "660x").RelPermalink }}"
alt="{{ $altText }}" alt="{{ $altText }}"
/> />
{{ if $href }}</a>{{ end }} {{ if $href }}</a>{{ end }}