From 0d7b96a576a1b320cbc00003382925e95c9f5f6f Mon Sep 17 00:00:00 2001
From: Sam Willcocks <sam@wlcx.cc>
Date: Fri, 10 Aug 2018 23:59:11 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=8C=20GRAPHIC=20DESIGN=20IS=20MY=20PAS?=
 =?UTF-8?q?SION?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/logo.svg |  1 +
 index.html   | 16 ++++++++++++++++
 style.css    | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 66 insertions(+)
 create mode 100644 img/logo.svg
 create mode 100644 index.html
 create mode 100644 style.css

diff --git a/img/logo.svg b/img/logo.svg
new file mode 100644
index 0000000..e853d1a
--- /dev/null
+++ b/img/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 354.96 83"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#f48120;}.cls-3{fill:#73bd45;}.cls-4{fill:#ea1a5b;}.cls-5{fill:#0862ad;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_2-2" data-name="Layer 2"><path class="cls-1" d="M352.27,42a22.62,22.62,0,0,0-3.58-4.13l.34-.32c3.49-3.48,5.28-9.34,1.67-13.37-8.26-9-21.94-10.19-29.89-6.08h0a24.24,24.24,0,0,0-6.24,4.51,8.89,8.89,0,0,0-6.6-2.79,38.3,38.3,0,0,0-4.45.23,8.79,8.79,0,0,0-7.11,4.49,10.14,10.14,0,0,0-1.16-.69c-.78-.39-1.79-.77-2.95-1.22-.49-.19-1-.38-1.55-.6l-1.8-.7-.28-.1A9.83,9.83,0,0,0,276.86,25l-.32.47c.1-2.4.13-3.93.13-4.19.16-6.42-2.25-10.28-8.31-13.31a72.51,72.51,0,0,0-32.29-8A47.42,47.42,0,0,0,222.9,1.71c-10.39,3-18.23,11.12-20.48,21-10.39-5.83-19.91-4.47-25.7-.89l0,0a21.39,21.39,0,0,0-5.88,5.3C169,22.23,162.74,18,158.17,18c-.25,0-.48,0-.81,0-3.43.35-6.06,2.51-8.28,5.21-.61-3.05-2.2-5.87-6-6.78l-.31-.06a35.33,35.33,0,0,0-5.88-.55c-4.5,0-7,1.36-8.45,3A17.48,17.48,0,0,0,121,17.46c-6.48,0-15.71,2.34-22.42,8.88-1.78-6-10.87-6.19-12-6.19a11.51,11.51,0,0,0-2.52.25,7.4,7.4,0,0,0-5.32,4.51,27.07,27.07,0,0,0-4.67-1.08,26.35,26.35,0,0,0-3.65-.26,24.45,24.45,0,0,0-18.3,8.09c-.27-2.42-.56-4.45-.87-5.87C50.52,22,48.65,19.88,45.24,19l-.14,0a6.61,6.61,0,0,0-1.18-.2l-7.22-.47a8.18,8.18,0,0,0-1.4-.12,8.49,8.49,0,0,0-8.47,8.48V38.87l-1.71.23-.9-10.61a8.19,8.19,0,0,0-8.1-7.87l-6.29-.1c-5,0-8.7,3.4-9.36,8.65C-.74,38.84.6,56.28,2,69.25A8.5,8.5,0,0,0,12,77.12l7.58-1.62a7.87,7.87,0,0,0,6.69-7.14,5.89,5.89,0,0,0,0-.84l-.22-4.35L27.47,63l.17,2.72a8.53,8.53,0,0,0,8.59,8l8.83-.2.3,0a8.78,8.78,0,0,0,8-8.2c.08-.68.14-1.52.19-2.47a24.35,24.35,0,0,0,16.62,6.55A21.69,21.69,0,0,0,76,68.6a6.06,6.06,0,0,0,.89,1l.3.26c3,2.29,7.41,2.47,8.71,2.47,5.9,0,8.2-2.84,9-4.48a19.23,19.23,0,0,0,1.36-4.41c5.32,6.21,13.52,8.7,21,8.7a25.78,25.78,0,0,0,10.23-1.87,6.56,6.56,0,0,0,2.35-1.82,12.88,12.88,0,0,0,3,3.37,10.35,10.35,0,0,0,6.33,1.83c3.13,0,9.77-1.11,12.54-5.26a8.35,8.35,0,0,0,1.26-3,17.27,17.27,0,0,0,5.27,4.32,7.87,7.87,0,0,0,3.23.69c4.58,0,8.84-3.85,10.77-6.61a30.91,30.91,0,0,0,15.94,5H189a26,26,0,0,0,8.76-1.57,10.4,10.4,0,0,0,2.6,4.82c1.09,1.18,6.78,7.2,11.9,9.27A18.06,18.06,0,0,0,219.3,83c4.09,0,6.85-2.23,9.32-4.5A63.69,63.69,0,0,0,236.44,69c-.3,2.41-.55,6.23,2,9.15,2.7,3.08,6.78,3.08,8.12,3.08h.34c.94-.05,9.31-.52,12.58-.94,5.86-.8,8.27-2.72,9.92-7.88l.23-.71a91.31,91.31,0,0,0,3-11.05,18.71,18.71,0,0,0,6,5.55A20.13,20.13,0,0,0,288.93,69a24.74,24.74,0,0,0,12.12-3.33,26.42,26.42,0,0,0,6.27-5c3.89,4.65,12.09,9.64,22,10.36.74.06,1.58.1,2.5.1,4.58,0,11.12-.93,16.14-5.41a21.71,21.71,0,0,0,6.53-10.86.65.65,0,0,0,0-.13A16.11,16.11,0,0,0,352.27,42Z"/></g><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M82.27,32.07c-2,.4-4-1.6-9-2.3A18.48,18.48,0,0,0,55.57,37,15.72,15.72,0,0,0,53,50.37c2.9,11.3,14.4,14.5,21.6,12.4,3.3-.9,4.4-2.7,5.6-2s-.2,3.5.7,4.3c1.8,1.4,7.8,1.8,8.7,0,2.3-4.5,4-31.8,3.3-36.9-.2-1.3-5.5-2.4-7.5-1.9a1.38,1.38,0,0,0-1.1,1.2C84.27,27.57,84.17,31.67,82.27,32.07ZM71.07,55c-2.3-.7-4-4.2-3.2-8s3.6-6.5,6.2-5.7c2.3.7,4,4.4,3.2,8.2-.8,4.1-3.6,6.3-6.2,5.5"/><path class="cls-3" d="M281.77,28.47a40.15,40.15,0,0,0-6.5,20.3,13,13,0,0,0,6.4,12.3c4.7,2.8,10.9,2.5,16.4-.6,11.9-6.8,13.3-24,12.9-31.7a2.81,2.81,0,0,0-3-2.9,33,33,0,0,0-3.9.2,3,3,0,0,0-2.9,3.2v.5c-.1,7.2-.6,13.6-3.8,17.5-2.1,2.6-4.7,3.6-6.3,3s-2.4-2.5-2.2-4.5a30.5,30.5,0,0,1,4.1-11.3l.6-1.1c.8-1.7.4-3.4-1-4.1-.8-.4-2.5-1-4-1.6l-1.8-.7c-1.5-.5-3.4-.8-5,1.5"/><path class="cls-4" d="M323.57,23.47c-5.2,2.7-7.8,6.3-8.4,11.5-.7,7,9.1,11.8,11.4,13.1,2.8,1.5,2.9,3.2,2.2,4.2-1.2,1.6-4.3,1.1-6.7.2-2.6-1-3.9-2.2-6-4.6-1.2-1.4-5,2.6-5.6,5.4-.3,1.3.2,1.9,1,3,2.1,2.9,8.7,8.1,18.3,8.8,2.7.2,9.6.3,14.2-3.8a15.9,15.9,0,0,0,4.7-7.8,10.25,10.25,0,0,0-1.4-8.1c-2.6-3.9-7-6.5-11.8-8.7-7.1-3.2-5.7-5.1-4.1-6s6.5-.2,10.5,3.4c2,1.8,6.1-3.9,4.4-5.8-6.4-7-17.1-7.7-22.7-4.8"/><path class="cls-2" d="M179.87,26.87c-4.3,2.7-6.4,6-6.4,10.6-.1,6.1,8.3,10.2,10.5,11.1,2.6,1.1,2.9,2.4,2.5,3.4-.7,1.5-2.2,1.7-4,1.4-3.2-.7-5.8-3.5-8.3-4.9-1.4-.8-3.6,2-3.9,4.4a2.51,2.51,0,0,0,1.1,2.5,25.15,25.15,0,0,0,17.1,7.3c2.3.1,8.3-.4,12.1-4.3a12,12,0,0,0,3.5-6.7,10,10,0,0,0-1.8-6.9c-1.3-2-3.8-4.1-8.1-5.8-7-2.9-4.8-5.8-3.1-6.3,1.4-.5,3.9-.1,8,2.4,2.2,1.3,5.2-3.9,3.4-5.3-9.4-6.7-17.9-5.8-22.6-2.9"/><path class="cls-4" d="M132.77,23.17c-3.1,8.7-3.7,38.3,3.7,43.8,2,1.5,8.9.1,10.3-2,2.1-3.1-4.3-15.3-2-16.9,2.7-1.9,11.5,14,16,16.1,2.4,1.1,8.1-4.3,7.2-6.1-1.9-4.1-12.5-10.5-12.7-14.3-.2-2.6,10.4-9.2,10-14.2-.2-2.3-5-5.8-7.3-5.6-4.9.5-9.5,13.3-12.5,13.3-4.8,0,.4-14-3.8-15C139.47,21.87,133.37,21.17,132.77,23.17Z"/><path class="cls-3" d="M126.67,24.77c1.6,1.3,1.5,8.4.2,10-2.8,3.2-16.8-.9-17.2,10-.4,13,14.3,5.8,15.9,9.4.5,1.3.7,10-.6,10.6-6.1,2.8-28.4,3-28.4-18.6C96.47,24.27,122.27,21.07,126.67,24.77Z"/><path class="cls-4" d="M9.83,26.52l6.2.1a2.22,2.22,0,0,1,2.2,2.2L19.43,43a2.53,2.53,0,0,0,2.9,2.5l8.3-1.1a2.58,2.58,0,0,0,2.2-2.5V26.62a2.48,2.48,0,0,1,3.1-2.4l7.6.5c1.1.3,1.5.3,1.9,2.3,1.6,7.3,2.7,31.8,1.9,37.8a2.78,2.78,0,0,1-2.4,2.7l-8.7.2a2.54,2.54,0,0,1-2.6-2.4l-.4-6.3a2.46,2.46,0,0,0-2.8-2.3l-8.3.8a2.56,2.56,0,0,0-2.2,2.4l.4,7.9c-.1,1.1-.8,1.6-1.9,1.8l-7.5,1.6a2.55,2.55,0,0,1-3-2.5c-1.1-10.6-2.7-29.2-1.5-38.8C6.73,27.52,7.93,26.52,9.83,26.52Z"/><path class="cls-5" d="M265.67,13.37c-15.8-7.9-31.4-8.7-41.1-5.9-17.9,5.2-23.5,27.2-6.9,38,1,.7.4,2-.9,4.2-1.6,2.7-4.4,8.1-9.5,12-3.1,2.3-5.1,3.3-2.5,6.2,0,0,5.6,6.1,9.8,7.8,5,2.1,6.3,1.8,10-1.6,2.3-2.1,7-7.9,12.6-17.1,2.9-4.8,6.8-4.9,6.3,3,0,0-.8,7.6-1,9.2-.6,4.5-.1,6.1,4.1,6.1,0,0,9-.5,12.1-.9,4.4-.6,4.2-1.3,5.3-4.6,6.2-17.9,6.7-48.6,6.7-48.6C270.77,17,269.47,15.27,265.67,13.37Zm-18.5,24.8L236.37,40l-7-8.5,3.8-10.3,10.8-1.8,7,8.5Z"/></g></g></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b66dff2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Hacks 'R' Us</title>
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+	<div class="container">
+		<h1><a href="/"><img src="img/logo.svg" alt="Hacks 'R' Us Logo"></a></h1>
+		<ul class="people">
+			<li><a href="https://twitter.com/swlcx">Sam W</a></li>
+		</ul>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..1afd701
--- /dev/null
+++ b/style.css
@@ -0,0 +1,49 @@
+div.container {
+	max-width: 700px;
+	margin: 0 auto;
+}
+
+ul.people {
+	display: flex;
+	padding: 0px ;
+	align-items: center;
+	justify-content: center;
+}
+
+ul.people>li {
+	padding: 2px;
+	background-color: #adadad;
+	list-style: none;
+	box-shadow: 4px 4px;
+	margin-right: 10px;
+	transition: all 0.1s ease-in-out;
+}
+
+ul.people>li:nth-of-type(4n+1) {
+	background-color: #ea1a5b;
+}
+
+ul.people>li:nth-of-type(4n+2) {
+	background-color: #f48120;
+}
+
+ul.people>li:nth-of-type(4n+3) {
+	background-color: #73bd45;
+}
+
+ul.people>li:nth-of-type(4n) {
+	background-color: #0862ad;
+}
+
+ul.people>li:hover {
+	transform: translate(-2px, -2px);
+	box-shadow: 8px 8px;
+	/*z-index: -1;*/
+}
+ul.people>li>a {
+	color: #fff;
+	text-decoration: none;
+	font-size: 20px;
+	font-family: Comic Sans MS
+}
+