t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[add] add link for past sitcon web

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/scss/CFP/intro.scss
View File

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

9
src/components/CFP/Intro.vue
View File

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