Merge pull request #11 from gractwo/dzioba-dev

add wiki

assets/Icons.js

@@ -89,4 +89,29 @@ module.exports = {
 			</svg>
 		);
 	},
+	WikiIcon: function (props) {
+		return (
+			<svg
+				width="97.75px"
+				height="97.75px"
+				viewBox="0 0 97.75 97.75"
+				{...props}
+			>
+				<path
+					d="M48.875,0C21.883,0,0,21.883,0,48.875S21.883,97.75,48.875,97.75S97.75,75.867,97.75,48.875S75.867,0,48.875,0z
+		 M77.691,37.503c-2.779,6.28-11.279,26.171-16.951,39.136c-0.008,0.006-1.486-0.003-1.49-0.005l-8.945-21.069
+		c-3.545,6.953-7.473,14.181-10.832,21.059c-0.02,0.035-1.625,0.016-1.627-0.006c-5.135-11.986-10.459-23.893-15.621-35.87
+		c-1.195-2.928-5.387-7.637-8.256-7.61c0-0.34-0.016-1.099-0.02-1.558l17.682-0.002l-0.014,1.531
+		c-2.076,0.096-5.664,1.421-4.734,3.713c2.492,5.381,11.316,26.227,13.701,31.519c1.664-3.257,6.311-11.939,8.225-15.609
+		c-1.5-3.078-6.457-14.57-7.943-17.464c-1.121-1.887-3.934-2.118-6.1-2.151c0-0.483,0.025-0.855,0.016-1.518l15.543,0.048v1.412
+		c-2.104,0.058-4.096,0.841-3.193,2.853c2.091,4.34,3.312,7.43,5.231,11.444c0.613-1.176,3.755-7.622,5.253-11.024
+		c0.905-2.262-0.447-3.109-4.232-3.211c0.05-0.372,0.017-1.119,0.05-1.475l13.424,0.013l0.006,1.401
+		c-2.467,0.096-5.021,1.41-6.354,3.45l-6.464,13.406c0.709,1.773,6.924,15.58,7.578,17.111L74.988,36.18
+		c-0.951-2.497-3.984-3.055-5.17-3.082c0.008-0.398,0.01-1.005,0.012-1.512l13.951,0.04l0.02,0.07l-0.023,1.394
+		C80.717,33.183,78.824,34.82,77.691,37.503z"
+					fill="currentColor"
+				></path>
+			</svg>
+		);
+	},
 };

pages/index.js

@@ -8,6 +8,7 @@ import {
 	TwitterIcon,
 	MemberIcon,
 	CalendarIcon,
+	WikiIcon,
 } from "../assets/Icons.js";
 export default function Home() {
 	return (
@@ -54,8 +55,8 @@ export default function Home() {
 					<a className="github" href="https://github.com/Gractwo">
 						<GithubIcon className="icons" />
 					</a>
-					<a className="minecraft">
+					<a className="wiki" href="https://gractwo.pl/wiki">
-						<PaperPlane className="icons" />
+						<WikiIcon className="icons" />
 					</a>
 				</div>
 			</article>

styles/globals.scss

@@ -135,6 +135,12 @@ article.main {
 			position: absolute;
 			color: white;
 		}
+		.icons {
+			width: 6rem;
+			height: 6rem;
+			position: absolute;
+			color: white;
+		}
 		.msg {
 			grid-column: 1/3;
 			grid-row: 1;