[add] add link for past sitcon web

This commit is contained in:
mysper 2021-01-20 16:52:12 +08:00
parent 6a01f06090
commit f289f6e34c
2 changed files with 15 additions and 4 deletions

View File

@ -106,7 +106,14 @@ $fontColor: $mid-blue;
width: 180px; //225
height: 121px; //152
}
.thumb-link {
color: $mid-blue;
&:visited {
p {
color: $mid-blue;
}
}
}
.thumbnails {
display: flex;
flex-direction: row;
@ -119,6 +126,7 @@ $fontColor: $mid-blue;
font-size: 0.8em;
line-height: 1.75em;
font-weight: 900;
color: $mid-blue;
}
.small {

View File

@ -16,24 +16,27 @@
<div class="thumbnails">
<div class="thumb-wrapper">
<!-- TODO add thumb -->
<a class="thumb-link" href="/2020">
<img class="cfp-img" src="@/assets/images/CFP/2020.png" />
<p class="thumb-title text-center">SITCON 2020<br /></p>
<p class="thumb-subtitle text-center">#define</p>
<p class="thumb-subtitle text-center">#define</p></a>
</div>
<div class="thumb-wrapper">
<!-- TODO add thumb -->
<a class="thumb-link" href="/2019">
<img class="cfp-img" src="@/assets/images/CFP/2019.png" />
<p class="thumb-title text-center">SITCON 2019<br /></p>
<p class="thumb-subtitle text-center">開箱演算法</p>
<p class="thumb-subtitle text-center">開箱演算法</p></a>
</div>
<div class="thumb-wrapper">
<!-- TODO add thumb -->
<a class="thumb-link" href="/2018">
<img class="cfp-img" src="@/assets/images/CFP/2018.png" />
<p class="thumb-title text-center">SITCON 2018<br /></p>
<!-- TODO alignment is not good -->
<p class="thumb-subtitle text-center small">
POPULAR COMPUTER SCIENCE
</p>
</p></a>
</div>
</div>
</div>