hugo-toha/layouts/partials/cards/project.html
Yuriy 64fb493030
Make Skills and Projects cards linkable (#46)
* Project card header is now can be clicked

* skill is card now having url to add on it's header

* urls added to some skills

* div class synced with original

* guthub button text synced with original

* text decoration removed

* remove next line in card header for text

* whole Skill Card now is under hyperlink

* hyperlink class separated from card

* removed text-decoration from .card class

* ProjectCard header hyperlink decoration removed

* call adjustSkillCardsHeight after page is loaded

* Add "#" in href field when respective URL is not provided

Co-authored-by: hossainemruz <emruz@appscode.com>
2020-07-24 02:16:48 +06:00

45 lines
1.3 KiB
HTML

<div
class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
data-category='all, {{ delimit .tags ","}}'
>
<div class="card mt-1">
<div class="card">
<a class="card-header" href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}#{{ end }}">
<div>
<div class="d-flex">
{{ if .logo }}
<img class="card-img-xs" src="{{ .logo }}" alt="{{ .name }}" />
{{ end }}
<h5 class="card-title mb-0">{{ .name }}</h5>
</div>
<div class="sub-title">
<span>{{ .role }}</span>
<span>{{ .timeline }}</span>
</div>
</div>
</a>
<div class="card-body text-justify pt-1 pb-1">
<p>{{ .summary | markdownify }}</p>
<span class="float-right">
{{ if .repo }}
<a
class="github-button-inactive"
href="{{ .repo }}"
data-icon="octicon-standard"
data-show-count="true"
aria-label="Star {{ .name }}"
>Star</a
>
{{ else if .url }}
<a
class="btn btn-outline-info btn-sm mb-2"
href="{{ .url }}"
target="#"
>Details</a
>
{{ end }}
</span>
</div>
</div>
</div>
</div>