jcarr
/
hugo-simpleIntro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat!: allow using both icons loaded as CSS classes and as images 

BREAKING CHANGE: config files
This commit is contained in:
f-dinucci 2022-06-01 22:33:27 +02:00 committed by Giuseppe Masino
parent 1f34459bd6
commit f25b6460f7
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
exampleSite/data/home/middle.toml
View File

@ -3,8 +3,8 @@ id = "skills"
text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
[[list]]
name = "go"
icon = "https://devicons.github.io/devicon/devicon.git/icons/go/go-original.svg"
name = "Music"
iconClass = "fa fa-headphones"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,
@ -12,7 +12,7 @@ text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus q
"""
[[list]]
name = "React"
icon = "https://devicons.github.io/devicon/devicon.git/icons/react/react-original.svg"
iconImg = "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,
@ -20,7 +20,7 @@ text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus q
"""
[[list]]
name = "C/C++"
icon = "https://devicons.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg"
iconImg = "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,

6
layouts/partials/utilities/widgetBoxIconText.html
View File

@ -17,11 +17,15 @@
<div class="">
<div class="font-bold text-xl mb-2 py-2 px-6 bg-gray-500">
<div class="flex">
{{if .iconClass}}
<i class="{{.iconClass }} text-4xl bg-gray-300 py-1 px-1 rounded-full"></i>
{{else if .iconImg}}
<img
src="{{ .icon }}"
src="{{ .iconImg }}"
width="50px"
class="bg-gray-300 py-1 px-1 rounded-full"
/>
{{end}}
<div class="my-auto ml-2">
{{ .name }}
</div>