diff options
author | Kim Laberinto <git@kimlaberinto.com> | 2021-01-30 06:29:13 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-30 06:29:13 +0300 |
commit | 26dde5274fb57dad6445bc2eeb4937865512070a (patch) | |
tree | 623ca0d9dac9bbe70b8f0eb107894b8d1d47f611 /layouts | |
parent | ef43e8347388e20a96e2472088623b8901da21bb (diff) |
feat: add experiences widget (#37)
* Add experiences widget in card style format
* Add basic styling to dates and location in experiences
* Add example for experiences widget
* Adjust formatting as suggested
* Adjust style of location and dates
* Omits seperator if organization or location is not provided
* Fix tabs/spacing of code
* Adds hide_entry optional variable
* Add organization name and url hyperlinking
* Update example experiences widget with new features
* Reorder widgets on homepage
* refactor: make experiences responsive
* Remove hide_entry
* Refactor experiences code
* refactor: migrate from toml to yaml
Co-authored-by: Wang Chucheng <me@wangchucheng.com>
Closes #35
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/partials/widgets/experiences.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/layouts/partials/widgets/experiences.html b/layouts/partials/widgets/experiences.html new file mode 100644 index 0000000..cf29982 --- /dev/null +++ b/layouts/partials/widgets/experiences.html @@ -0,0 +1,30 @@ +{{ range .Params.experiences }} +<div class="mb-6"> + <div class="bg-secondary-bg rounded border hover:shadow-lg transition ease-in-out duration-200 px-6 pt-6 pb-4"> + <div class="mb-4"> + <div class="font-bold text-xl">{{ .title }}</div> + <div class="flex flex-col md:flex-row md:justify-between"> + <div> + {{ $org_name := .organization_name}} + {{ if .organization.url }} + <a href="{{ .organization.url }}">{{ .organization.name | markdownify }}</a> + {{ else }} + <span>{{ .organization.name | markdownify }}</span> + {{ end }} + + {{ if and .organization.name .location }} + <span class="ml-2 mr-2">ยท</span> + {{ end }} + + <span>{{ .location | markdownify }} </span> + </div> + <div class="flex-shrink-0"> {{ .dates | markdownify }}</div> + </div> + </div> + + <div class="content"> + {{ .writeup | markdownify }} + </div> + </div> +</div> +{{ end }}
\ No newline at end of file |