diff options
author | Anthony Whitford <anthony@whitford.com> | 2020-01-02 21:16:40 +0300 |
---|---|---|
committer | Eddie Webb <ollitech@gmail.com> | 2020-01-02 21:16:40 +0300 |
commit | e36813d53f952460739f4a3f378a766cc9a1daa4 (patch) | |
tree | 59638bd7ecf0e8f6f6acfcbcce05ddbceb59bcbe | |
parent | 0180c2fc84de12ee47ab11903ab7db8b1fd258fb (diff) |
Optional icon or link for Skills (#38)
* Updated the Skills template to be more flexible so that one can optionally specify an icon or link for a skill.
* Updated the sample skills to demonstrate new functionality of optionally specifying an icon or link for a skill.
-rw-r--r-- | exampleSite/data/skills.json | 9 | ||||
-rw-r--r-- | layouts/partials/portfolio/skills.html | 9 |
2 files changed, 16 insertions, 2 deletions
diff --git a/exampleSite/data/skills.json b/exampleSite/data/skills.json index e1efa3b..94bff8a 100644 --- a/exampleSite/data/skills.json +++ b/exampleSite/data/skills.json @@ -11,6 +11,15 @@ "skills":[ "Atlassian","Bamboo","Bitbucket","NGINX","MySQL","Wordpress"] }, { + "grouping":"Data Management", + "skills":[ + {"name":"Microsoft SQL Server","icon":"msql_server"}, + {"name":"Oracle","icon":"database"}, + "MongoDB", + {"name":"Apache Spark"} + ] + }, + { "grouping":"Containers & Cloud", "skills":[ {"name":"BOSH","link":"https://bosh.io"}, diff --git a/layouts/partials/portfolio/skills.html b/layouts/partials/portfolio/skills.html index 3883c61..d406fb2 100644 --- a/layouts/partials/portfolio/skills.html +++ b/layouts/partials/portfolio/skills.html @@ -6,9 +6,14 @@ <ul> {{ range .skills }} {{ if isset . "name" }} + {{ $devicon := cond (in $.Site.Data.devicons (lower .icon)) (lower .icon) (cond (in $.Site.Data.devicons (lower .name)) (lower .name) "terminal_badge") }} <li class="list-inline-item"> - <i class="devicons devicons-{{ cond (in $.Site.Data.devicons (lower .name)) (lower .name) "terminal_badge" }}"></i> - <a href="{{.link}}">{{ .name }}</a> + <i class="devicons devicons-{{ $devicon }}"></i> + {{if isset . "link"}} + <a href="{{.link}}">{{ .name }}</a> + {{ else }} + {{ .name }} + {{ end }} </li> {{ else }} <li class="list-inline-item"> |