Permalink
Browse files

Project post card

  • Loading branch information...
NateShoffner committed Jun 16, 2018
1 parent 31fdc21 commit b8ef1bcc19ce6ced44d48e1bf10a12dce4464c6d
@@ -0,0 +1,5 @@
{% for p in site.data.projects %}
{% if p.name == include.name %}
{% assign project = p %}
{% endif %}
{% endfor %}
View
@@ -26,6 +26,15 @@ <h2>{{ post.title }}</h2>
{{ post.content }}
</article>
{% if post.categories contains "Projects" %}
{% for tag in post.tags %}
{% include get_project_from_name.liquid name=tag %}
{% if project %}
{% include project_post_card.html project=project %}
{% endif %}
{% endfor %}
{% endif %}
<div class="row mb-3">
<div class="col-12 col-sm-6">
<div class="post-tags">
@@ -6,7 +6,7 @@
<img src="/assets/images/projects/{{ project.slug }}/{{ project_image }}" class="img-fluid mx-auto d-block project-logo">
</div>
<div class="col-12 col-sm-10 col-md-11 mt-3">
<h4><a href="{{ site.project_path | prepend: site.baseurl | replace: '//', '/' | replace: ':slug', project.slug }}">{{ project.name }}</a></h4>
<h4><a href="{{ site.project_path | prepend: site.baseurl | replace: ':slug', project.slug }}">{{ project.name }}</a></h4>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active no-easing" id="{{ project.slug }}-description-tab" data-toggle="tab" href="#{{ project.slug }}-description" role="tab" aria-controls="{{ project.slug }}-description" aria-selected="true">Description</a>
@@ -21,7 +21,7 @@ <h4><a href="{{ site.project_path | prepend: site.baseurl | replace: '//', '/' |
<div class="tab-content" id="{{ project.slug }}-tabs">
<div class="tab-pane fade show active project-description" id="{{ project.slug }}-description" role="tabpanel" aria-labelledby="{{ project.slug }}-description-tab">
<p>{{ project.description }}</p>
<a href="{{ site.project_path | prepend: site.baseurl | replace: '//', '/' | replace: ':slug', project.slug }}">More Info...</a>
<a href="{{ site.project_path | prepend: site.baseurl | replace: ':slug', project.slug }}">More Info...</a>
</div>
<div class="tab-pane fade show" id="{{ project.slug }}-info" role="tabpanel" aria-labelledby="{{ project.slug }}-info-tab">
<table class="table table-sm table-striped project-table">
@@ -0,0 +1,9 @@
{% include get_project_image.liquid project=project %}
<div class="media project-card mt-3 mb-3 p-3">
<img class="align-self-center mr-3 ml-3 img-fluid" src="/assets/images/projects/{{ project.slug }}/{{ project_image }}" alt="{{ project.name }}">
<div class="media-body">
<h5 class="mt-0">{{ project.name }}</h5>
<p>{{ project.description }}</p>
<p class="mb-0"><a href="{{ site.project_path | prepend: site.baseurl | replace: ':slug', project.slug }}">More Info <i class="fa fa-arrow-right"></i></a></p>
</div>
</div>
View
@@ -46,4 +46,13 @@ ul.post-meta {
padding-left: 1rem;
}
}
}
.project-card {
border: 1px solid $gray-300;
img {
max-height: 64px;
}
}

0 comments on commit b8ef1bc

Please sign in to comment.