wulkanowy/wulkanowy.github.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add discord invite link

Browse source
This commit is contained in:
Mikołaj Pich 2019-02-04 19:02:05 +01:00
parent b20459d7bf
commit a0bb9b6ebd
No known key found for this signature in database
GPG key ID: F62B26E36D4C4BAA
4 changed files with 120 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
app.css
View file

@ -125,14 +125,37 @@ a {
background: #222;
}
.github {
.icon {
transition: opacity 0.3s;
}
.github:hover, .github:focus, .github:active {
.icon:hover, .icon:focus, .icon:active {
opacity: 0.7;
}
.links {
font-size: 0;
padding: 0;
list-style: none;
}
.links__item {
display: inline-block;
}
.links__item + .links__item {
margin-left: 10px;
}
.links__item {
width: 45px;
height: 45px;
}
.links__item--discord img {
max-width: 38px;
}
.button span {
font-size: small;
display: flex;
@ -154,8 +177,7 @@ a {
.button-more__link:hover,
.button-more__link:focus,
.button-more__link:active
{
.button-more__link:active {
text-decoration: underline;
}
@ -178,6 +200,7 @@ a {
color: #eeeeee;
text-decoration: none;
}
.footer__link:hover {
text-decoration: underline;
}

15
dev.html
View file

@ -44,9 +44,18 @@
</section>
</main>
<footer id="footer" class="footer">
<a title="Zobacz repozytorium na Githubie" href="https://github.com/wulkanowy/wulkanowy" class="github">
<img src="./github.svg" alt="Zobacz repozytorium na Githubie">
</a>
<ul class="footer__links links">
<li class="links__item">
<a title="Zobacz repozytorium na Githubie" href="https://github.com/wulkanowy/wulkanowy">
<img src="./github.svg" alt="Zobacz repozytorium na Githubie">
</a>
</li>
<li class="links__item links__item--discord">
<a title="Dołącz do naszego serwera Discord" href="https://discord.gg/vccAQBr">
<img src="./discord.svg" alt="Dołącz do naszego serwera Discord">
</a>
</li>
</ul>
<ul class="footer__nav">
<li class="footer__item">
<a class="footer__link" href="https://github.com/wulkanowy">Wszystkie projekty</a>

69
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>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

15
index.html
View file

@ -63,9 +63,18 @@
</section>
</main>
<footer id="footer" class="footer">
<a title="Zobacz repozytorium na Githubie" href="https://github.com/wulkanowy/wulkanowy" class="github">
<img src="./github.svg" alt="Zobacz repozytorium na Githubie">
</a>
<ul class="footer__links links">
<li class="links__item">
<a title="Zobacz repozytorium na Githubie" href="https://github.com/wulkanowy/wulkanowy">
<img src="./github.svg" alt="Zobacz repozytorium na Githubie">
</a>
</li>
<li class="links__item links__item--discord">
<a title="Dołącz do naszego serwera Discord" href="https://discord.gg/vccAQBr">
<img src="./discord.svg" alt="Dołącz do naszego serwera Discord">
</a>
</li>
</ul>
<ul class="footer__nav">
<li class="footer__item">
<a class="footer__link" href="https://github.com/wulkanowy">Wszystkie projekty</a>