Add tiktok account link

This commit is contained in:
Mikołaj Pich 2023-06-15 21:53:45 +02:00
parent 5aab2f1eef
commit 36628005b0
3 changed files with 59 additions and 7 deletions

42
src/assets/tiktok.svg Normal file
View file

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg
fill="#ffffff"
width="48"
height="48"
viewBox="0 0 30.72 30.72"
id="icons"
version="1.1"
sodipodi:docname="logo-tiktok-svgrepo-com.svg"
inkscape:version="1.2.2 (b0a8486, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs64" />
<sodipodi:namedview
id="namedview62"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="4.72"
inkscape:cx="3.9194915"
inkscape:cy="28.389831"
inkscape:window-width="1920"
inkscape:window-height="958"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="icons" />
<path
d="m 25.357391,6.5699682 a 6.9929308,6.9929308 0 0 1 -0.60477,-0.35199 8.5032554,8.5032554 0 0 1 -1.5532,-1.31961 c -1.15835,-1.32538 -1.59097,-2.66995 -1.75032,-3.61134 h 0.006 C 21.321991,0.50562818 21.377001,4.8179784e-5 21.385401,4.8179784e-5 h -5.2759 V 20.400948 c 0,0.27391 0,0.54462 -0.0115,0.81212 0,0.0333 -0.003,0.064 -0.005,0.0998 0,0.0147 0,0.0301 -0.003,0.0454 0,0.004 0,0.008 0,0.0115 a 4.4797763,4.4797763 0 0 1 -2.25397,3.55566 4.4029802,4.4029802 0 0 1 -2.18293,0.57597 c -2.4581201,0 -4.4503401,-2.00438 -4.4503401,-4.47978 0,-2.47539 1.99222,-4.47977 4.4503401,-4.47977 a 4.4093798,4.4093798 0 0 1 1.37017,0.21695 l 0.006,-5.3719 a 9.8004707,9.8004707 0 0 0 -7.5516201,2.20917 10.354043,10.354043 0 0 0 -2.25909,2.78579 c -0.22271,0.38398 -1.06298,1.92694 -1.16474,4.43113 -0.064,1.42137 0.36286,2.89394 0.56637,3.50255 v 0.0128 c 0.128,0.35838 0.62397,1.58136 1.43225,2.61235 a 10.721385,10.721385 0 0 0 2.28533,2.15605 v -0.0128 l 0.0128,0.0128 c 2.55411,1.73559 5.3859701,1.62168 5.3859701,1.62168 0.49021,-0.0198 2.13237,0 3.99724,-0.8838 2.06837,-0.97979 3.24592,-2.43955 3.24592,-2.43955 a 10.140934,10.140934 0 0 0 1.76887,-2.93938 c 0.47741,-1.25498 0.63677,-2.76018 0.63677,-3.36175 v -10.82314 c 0.064,0.0384 0.91643,0.60221 0.91643,0.60221 0,0 1.2281,0.78716 3.14416,1.29978 1.37465,0.36478 3.22672,0.44157 3.22672,0.44157 V 7.3768682 c -0.64893,0.0704 -1.96662,-0.1344 -3.31567,-0.807 z"
id="path59"
style="stroke-width:0.0639968" />
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View file

@ -41,11 +41,12 @@
:class="wulkanowy ? 'features-table__cell--wulkanowy' : ''"
title="Nie dotyczy"
>
<minus-icon
title="Nie dotyczy"
:size="wulkanowy ? 36 : 28"
fillColor="#000000"
/>
<minus-icon
title="Nie dotyczy"
:size="wulkanowy ? 36 : 28"
fillColor="#000000"
/>
</td>
<td
v-else
class="features-table__cell features-table__cell--feature features-table__cell--other"

View file

@ -43,10 +43,13 @@
<a class="facebook" title="Facebook" href="https://www.facebook.com/wulkanowy" @click="facebookClick">
<img src="../assets/facebook.png" alt="Facebook" />
</a>
<a class="reddit" title="Reddit" href="https://www.reddit.com/r/wulkanowy/" @click="redditClick">
<a class="reddit" title="Reddit" href="https://www.reddit.com/r/wulkanowy/" @click="redditClick">
<img src="../assets/reddit.svg" alt="Reddit" />
</a>
<a class="twitter" title="Twitter" href="https://www.twitter.com/wulkanowy" @click="twitterClick">
<a class="tiktok" title="TikTok" href="https://www.tiktok.com/@wulkanowy.official" @click="tiktokClick">
<img src="../assets/tiktok.svg" alt="TikTok" />
</a>
<a class="twitter" title="Twitter" href="https://www.twitter.com/wulkanowy" @click="twitterClick">
<img src="../assets/twitter.svg" alt="Twitter" />
</a>
</div>
@ -111,6 +114,12 @@
eventAction: 'click',
});
},
tiktokClick() {
this.$ga.event({
eventCategory: 'tiktok-link',
eventAction: 'click',
});
},
twitterClick() {
this.$ga.event({
eventCategory: 'twitter-link',