slococo
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make project card entirely clickable (and delete unnecesary div)

This commit is contained in:
Santiago Lo Coco 2022-02-10 13:11:22 -03:00
parent 7ed2bc06d0
commit df28fa8c3c
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_includes/projects.html
View File

@ -1,9 +1,9 @@
<div class="grid-item"> <div class="grid-item">
{% if project.redirect -%} {% if project.redirect -%}
<a href="{{ project.redirect }}"> <a href="{{ project.redirect }}" class="stretched-link">
{%- else -%} {%- else -%}
<a href="{{ project.url | relative_url }}"> <a href="{{ project.url | relative_url }}" class="stretched-link">
{%- endif %} {%- endif %}
<div class="card hoverable"> <div class="card hoverable">
{%- if project.img %} {%- if project.img %}
@ -14,11 +14,10 @@
<div class="card-body"> <div class="card-body">
<h2 class="card-title">{{ project.title }}</h2> <h2 class="card-title">{{ project.title }}</h2>
<p class="card-text">{{ project.description }}</p> <p class="card-text">{{ project.description }}</p>
<div class="row ml-1 mr-1 p-0" style="float: right">
{%- if project.github -%} {%- if project.github -%}
<div class="github-icon"> <div class="github-icon" style="float: right;">
<div class="icon" data-toggle="tooltip" title="Code Repository"> <div class="icon" data-toggle="tooltip" title="Code Repository">
<a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a> <a href="{{ project.github }}" class="stretched-link"><i class="fab fa-lg fa-github gh-icon"></i></a>
</div> </div>
{%- if project.github_stars -%} {%- if project.github_stars -%}
<span class="stars" data-toggle="tooltip" title="GitHub Stars"> <span class="stars" data-toggle="tooltip" title="GitHub Stars">
@ -28,7 +27,6 @@
{%- endif %} {%- endif %}
</div> </div>
{%- endif %} {%- endif %}
</div>
</div> </div>
</div> </div>
</a> </a>

6
_sass/_base.scss
View File

@ -345,6 +345,8 @@ blockquote {
.grid-item { .grid-item {
width: 250px; width: 250px;
margin-bottom: 10px; margin-bottom: 10px;
z-index: 2;
position: relative;
} }
h2.category { h2.category {
@ -357,6 +359,10 @@ blockquote {
} }
} }
.github-icon {
z-index: 2;
position: relative;
}
// Publications // Publications