update layout issue

This commit is contained in:
gangjun06 2020-08-15 12:29:17 +00:00
parent 1b4c23e670
commit f46bfa2ee9
2 changed files with 26 additions and 2 deletions

24
data/home/skills.toml Normal file
View File

@ -0,0 +1,24 @@
[[list]]
name = "go"
icon = "https://devicons.github.io/devicon/devicon.git/icons/go/go-original.svg"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,
exercitationem praesentium nihil.
"""
[[list]]
name = "React"
icon = "https://devicons.github.io/devicon/devicon.git/icons/react/react-original.svg"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,
exercitationem praesentium nihil.
"""
[[list]]
name = "C/C++"
icon = "https://devicons.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg"
text = """
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, nulla! Maiores et perferendis eaque,
exercitationem praesentium nihil.
"""

View File

@ -56,10 +56,10 @@
</div> </div>
{{if $data.skills.list}} {{if $data.skills.list}}
{{ range $data.skills.list }}
<div <div
class="mt-8 grid grid-flow-row grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" class="mt-8 grid grid-flow-row grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
> >
{{ range $data.skills.list }}
<div class="w-full rounded overflow-hidden shadow-lg"> <div class="w-full rounded overflow-hidden shadow-lg">
<div class=""> <div class="">
<div class="font-bold text-xl mb-2 py-2 px-6 bg-gray-500"> <div class="font-bold text-xl mb-2 py-2 px-6 bg-gray-500">
@ -79,8 +79,8 @@
</p> </p>
</div> </div>
</div> </div>
</div>
{{end}} {{end}}
</div>
{{else}} {{else}}
<div class="mt-4 text-xl text-center">Skills don't exist</div> <div class="mt-4 text-xl text-center">Skills don't exist</div>
{{end}} {{end}}