feat: add project name to card
This commit is contained in:
parent
49d651382a
commit
4943172f64
|
@ -24,40 +24,48 @@
|
|||
case ProjectStatus.Ongoing:
|
||||
<div class="project-card">
|
||||
<div class="ribbon ribbon-top-left green">
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<span>Ongoing</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="project-image">
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<img src="https://cdn.olivr.me/projects/hero/@project.HeroUrl" class="card-img-top" alt="@project.Name">
|
||||
</a>
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<p class="project-title">@project.Name</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
break;
|
||||
|
||||
case ProjectStatus.Past:
|
||||
<div class="border-info project-card">
|
||||
<div class="ribbon ribbon-top-left blue">
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<span>Past Work</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="project-image">
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<img src="https://cdn.olivr.me/projects/hero/@project.HeroUrl" class="card-img-top" alt="@project.Name">
|
||||
</a>
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<p class="project-title">@project.Name</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
break;
|
||||
|
||||
case ProjectStatus.Hiatus:
|
||||
<div class="border-danger project-card">
|
||||
<div class="ribbon ribbon-top-left red">
|
||||
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<span>On Hiatus</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="project-image">
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<img src="https://cdn.olivr.me/projects/hero/@project.HeroUrl" class="card-img-top" alt="@project.Name">
|
||||
</a>
|
||||
<a asp-page="Project" asp-route-slug="@project.Slug">
|
||||
<p class="project-title">@project.Name</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
break;
|
||||
}
|
||||
|
|
|
@ -182,6 +182,21 @@ article {
|
|||
position: relative;
|
||||
background: #000;
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
|
||||
|
||||
.project-image a {
|
||||
&:link, &:visited, &:hover &:active {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.project-image p.project-title {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
margin: -34px 0 0;
|
||||
padding: 5px;
|
||||
background-color: rgba(#000, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
.blog-card {
|
||||
|
|
Loading…
Reference in New Issue