Add quick links

This commit is contained in:
Dominik Korsa 2019-02-23 22:28:04 +01:00
parent 80d71e1d65
commit 8658ca84c2
4 changed files with 213 additions and 1 deletions

69
src/assets/discord.svg Normal file
View file

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="Layer_1"
viewBox="0 0 175 200"
version="1.1"
sodipodi:docname="discord.svg"
width="175"
height="200"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata13">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs11" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="955"
id="namedview9"
showgrid="false"
inkscape:zoom="1.9666667"
inkscape:cx="152.20438"
inkscape:cy="25.380053"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<style
id="style2">.st0{fill:#FFFFFF;}</style>
<path
class="st0"
d="m 69.4,83.9 c -5.7,0 -10.2,5 -10.2,11.1 0,6.1 4.6,11.1 10.2,11.1 5.7,0 10.2,-5 10.2,-11.1 0.1,-6.1 -4.5,-11.1 -10.2,-11.1 z m 36.5,0 c -5.7,0 -10.2,5 -10.2,11.1 0,6.1 4.6,11.1 10.2,11.1 5.7,0 10.2,-5 10.2,-11.1 0,-6.1 -4.5,-11.1 -10.2,-11.1 z"
id="path4"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
<path
class="st0"
d="M 154.5,0 H 20.5 C 9.2,0 0,9.2 0,20.6 v 135.2 c 0,11.4 9.2,20.6 20.5,20.6 h 113.4 l -5.3,-18.5 12.8,11.9 12.1,11.2 21.5,19 V 20.6 C 175,9.2 165.8,0 154.5,0 Z m -38.6,130.6 c 0,0 -3.6,-4.3 -6.6,-8.1 13.1,-3.7 18.1,-11.9 18.1,-11.9 -4.1,2.7 -8,4.6 -11.5,5.9 -5,2.1 -9.8,3.5 -14.5,4.3 -9.6,1.8 -18.4,1.3 -25.9,-0.1 -5.7,-1.1 -10.6,-2.7 -14.7,-4.3 -2.3,-0.9 -4.8,-2 -7.3,-3.4 -0.3,-0.2 -0.6,-0.3 -0.9,-0.5 -0.2,-0.1 -0.3,-0.2 -0.4,-0.3 -1.8,-1 -2.8,-1.7 -2.8,-1.7 0,0 4.8,8 17.5,11.8 -3,3.8 -6.7,8.3 -6.7,8.3 C 38.1,129.9 29.7,115.4 29.7,115.4 29.7,83.2 44.1,57.1 44.1,57.1 58.5,46.3 72.2,46.6 72.2,46.6 l 1,1.2 c -18,5.2 -26.3,13.1 -26.3,13.1 0,0 2.2,-1.2 5.9,-2.9 10.7,-4.7 19.2,-6 22.7,-6.3 0.6,-0.1 1.1,-0.2 1.7,-0.2 6.1,-0.8 13,-1 20.2,-0.2 9.5,1.1 19.7,3.9 30.1,9.6 0,0 -7.9,-7.5 -24.9,-12.7 l 1.4,-1.6 c 0,0 13.7,-0.3 28.1,10.5 0,0 14.4,26.1 14.4,58.3 0,0 -8.5,14.5 -30.6,15.2 z"
id="path6"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

66
src/assets/github.svg Normal file
View file

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="11.493064mm"
height="11.209469mm"
viewBox="0 0 11.493064 11.209469"
version="1.1"
id="svg400"
inkscape:version="0.92.1 r15371"
sodipodi:docname="github.svg">
<defs
id="defs394" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="6.8325799"
inkscape:cy="15.756873"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1280"
inkscape:window-height="955"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata397">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-80.431998,-106.18693)">
<path
d="m 86.178042,106.18693 c -3.173236,0 -5.746044,2.57281 -5.746044,5.74675 0,2.53894 1.646414,4.69265 3.929944,5.45289 0.287514,0.0526 0.392289,-0.12488 0.392289,-0.27728 0,-0.13618 -0.0049,-0.49777 -0.0078,-0.9772 -1.598436,0.34713 -1.935692,-0.77047 -1.935692,-0.77047 -0.261408,-0.66392 -0.638174,-0.84066 -0.638174,-0.84066 -0.521759,-0.35631 0.03951,-0.34925 0.03951,-0.34925 0.576791,0.0406 0.88018,0.59231 0.88018,0.59231 0.512586,0.87806 1.345142,0.62442 1.67252,0.47731 0.05221,-0.37112 0.200377,-0.62442 0.364772,-0.768 -1.275997,-0.14499 -2.617611,-0.63817 -2.617611,-2.84021 0,-0.62724 0.224014,-1.14018 0.591608,-1.54199 -0.05927,-0.14535 -0.256469,-0.72955 0.05609,-1.52083 0,0 0.4826,-0.15452 1.580444,0.58914 0.458258,-0.12771 0.950031,-0.19121 1.438628,-0.19332 0.487891,0.002 0.979664,0.0656 1.438628,0.19332 1.097138,-0.74366 1.57868,-0.58914 1.57868,-0.58914 0.313619,0.79128 0.116417,1.37548 0.05715,1.52083 0.3683,0.40181 0.590903,0.91475 0.590903,1.54199 0,2.20768 -1.343731,2.69345 -2.623961,2.83562 0.206375,0.17745 0.390172,0.52811 0.390172,1.06433 0,0.768 -0.0071,1.38783 -0.0071,1.57622 0,0.15381 0.103364,0.33267 0.395111,0.27657 2.28177,-0.76164 3.926773,-2.91394 3.926773,-5.45218 0,-3.17394 -2.573161,-5.74675 -5.747103,-5.74675"
style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
id="path198"
inkscape:connector-curvature="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

50
src/assets/trello.svg Normal file
View file

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 1000 1000"
enable-background="new 0 0 1000 1000"
xml:space="preserve"
id="svg8"
sodipodi:docname="trello.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)"><defs
id="defs12" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="955"
id="namedview10"
showgrid="false"
inkscape:zoom="0.236"
inkscape:cx="500"
inkscape:cy="500"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<metadata
id="metadata2"> Svg Vector Icons : http://www.onlinewebfonts.com/icon <rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata>
<g
id="g6"><path
d="M459.1,785.8V132.5c0-6-1.9-10.8-5.8-14.7c-3.8-3.8-8.7-5.8-14.7-5.8H132.5c-6,0-10.9,1.9-14.7,5.8c-3.8,3.8-5.8,8.7-5.8,14.7v653.3c0,6,1.9,10.8,5.8,14.7c3.8,3.8,8.7,5.8,14.7,5.8h306.2c6,0,10.9-1.9,14.7-5.8C457.2,796.7,459.1,791.8,459.1,785.8z M887.9,540.8V132.5c0-6-1.9-10.8-5.8-14.7c-3.8-3.8-8.7-5.8-14.7-5.8H561.2c-6,0-10.9,1.9-14.7,5.8c-3.8,3.8-5.8,8.7-5.8,14.7v408.3c0,6,1.9,10.8,5.8,14.7c3.8,3.8,8.7,5.8,14.7,5.8h306.2c6,0,10.8-1.9,14.7-5.8C886,551.7,887.9,546.8,887.9,540.8z M990,50.8v898.3c0,11.1-4,20.6-12.1,28.7c-8.1,8.1-17.7,12.1-28.7,12.1H50.8c-11.1,0-20.6-4-28.7-12.1C14,969.8,10,960.2,10,949.2V50.8c0-11.1,4-20.6,12.1-28.7C30.2,14,39.8,10,50.8,10h898.3c11.1,0,20.6,4,28.7,12.1C986,30.2,990,39.8,990,50.8L990,50.8z"
id="path4"
style="fill:#ffffff" /></g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -16,6 +16,17 @@
INNE OPCJE INNE OPCJE
</a> </a>
</div> </div>
<div class="quick-links">
<a class="discord" title="Discord" href="https://discord.gg/vccAQBr" target="_blank">
<img src="../assets/discord.svg" alt="Discord" />
</a>
<a class="github" title="GitHub" href="https://github.com/wulkanowy/" target="_blank">
<img src="../assets/github.svg" alt="GitHub" />
</a>
<a class="trello" title="Trello" href="https://trello.com/b/A97NUM1s/wulkanowy" target="_blank">
<img src="../assets/trello.svg" alt="Trello" />
</a>
</div>
</div> </div>
</template> </template>
@ -44,7 +55,7 @@ export default {
filter: filter:
drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2)) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2))
drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14))
drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.12));
} }
.text { .text {
@ -118,4 +129,20 @@ export default {
} }
} }
} }
.quick-links {
margin-top: 32px;
.github, .trello, .discord {
margin: 8px;
img {
width: 48px;
height: 48px;
filter:
drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2))
drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14))
drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.12));
}
}
}
</style> </style>