x0rg/agr.asia
1
0
Fork 0
forked from Git/hugo-story
Code Pull Requests Activity

adding template support for spotlights

Browse Source
This commit is contained in:
mspnr
2021-01-31 16:47:21 +01:00
parent 51e38e582c
commit 6524098340
5 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
exampleSite/data/spotlight1.yml Normal file
View File

@ -0,0 +1,10 @@
####################### Spotlight #########################
style: "style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
id: "first"
title : "Spotlight"
content: |
This is a <strong>Spotlight</strong> element, and it's generally used &ndash; as its name implies &ndash; to spotlight a particular feature, subject, or pretty much whatever. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).
button:
label: "Learn More"
link: "#"
image: "images/spotlight01.jpg"

9
exampleSite/data/spotlight2.yml Normal file
View File

@ -0,0 +1,9 @@
####################### Spotlight #########################
style: "style1 orient-left content-align-left image-position-center onscroll-image-fade-in"
title : "Spotlight"
content: |
This is also a <strong>Spotlight</strong> element, and it's here because this demo would look a bit empty with just one spotlight. Like all spotlights, you can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).
button:
label: "Learn More"
link: "#"
image: "images/spotlight02.jpg"

10
exampleSite/data/spotlight3.yml Normal file
View File

@ -0,0 +1,10 @@
####################### Spotlight #########################
style: "style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
id: "first"
title : "Spotlight"
content: |
And yes, this is another <strong>Spotlight</strong> element, and it's also here because I need to fill a bit of space. Naturally, like any other spotlight, you can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).
button:
label: "Learn More"
link: "#"
image: "images/spotlight03.jpg"