Update Content and icons

webmontagks · Sep 11, 2018 · 1117f34 · 1117f34
1 parent 0931a0b
commit 1117f34
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 56 deletions.
diff --git a/index.html b/index.html
@@ -1,29 +1,48 @@
 <!doctype html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width">
 	<link rel="stylesheet" href="dist/css/main.min.css">
 
 	<title>Web Montag Kassel</title>
 </head>
+
 <body>
 	<img src="dist/img/webmontag-kassel-logo.png" alt="Logo: Web Montag Kassel">
 	<h1>Web Montag Kassel</h1>
 	<p>
-		Der 17. Kasseler Web Montag findet am 30. Januar 2017 statt. Infos und Anmeldung im <a href="http://webmontag.de/location/kassel/index">Web Montag Wiki</a>.
-	</p>
+		Als Webmontag bezeichnet man eine Reihe informeller, nichtkommerzieller, dezentral organisierter Treffen um das Thema Internet
+		und digitale Technologien und dient dem offenen Austausch zwischen Entwicklern, Designern und allen Webenthusiasten.</p>
+
+	<p>Seit 2013 findet der Webmontag auch in Kassel statt. Veranstaltungsort ist die Micromata GmbH in Kassel.</p>
+	<p>Aktuelle Informationen zum nächsten Webmontag in Kassel findet ihr auf <a href="https://www.meetup.com/webmontag-kassel/">meetup</a>.</p>
+
 	<ul>
-		<li><a href="https://twitter.com/webmontagKS"><span class="icon-twitter"></span></a></li>
-		<li><a href="https://www.facebook.com/webmontagks"><span class="icon-facebook"></span></a></li>
-		<li><a href="https://flattr.com/profile/webmontagks"><span class="icon-flattr"></span></a></li>
+		<li><a href="https://twitter.com/webmontagKS" title="Twitter">
+				<svg class="icon-twitter" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>twitter</title>
+					<path d="M25.312 6.375a10.85 10.85 0 0 1-2.531 2.609c.016.219.016.438.016.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-.828-7.75-2.266.406.047.797.063 1.219.063 2.359 0 4.531-.797 6.266-2.156a5.056 5.056 0 0 1-4.719-3.5c.313.047.625.078.953.078.453 0 .906-.063 1.328-.172a5.048 5.048 0 0 1-4.047-4.953v-.063a5.093 5.093 0 0 0 2.281.641 5.044 5.044 0 0 1-2.25-4.203c0-.938.25-1.797.688-2.547a14.344 14.344 0 0 0 10.406 5.281 5.708 5.708 0 0 1-.125-1.156 5.045 5.045 0 0 1 5.047-5.047 5.03 5.03 0 0 1 3.687 1.594 9.943 9.943 0 0 0 3.203-1.219 5.032 5.032 0 0 1-2.219 2.781c1.016-.109 2-.391 2.906-.781z"
+					/></svg>
+			</a></li>
+		<li><a href="https://www.facebook.com/webmontagks" title="Facebook">
+				<svg class="icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="28" viewBox="0 0 16 28"><title>facebook</title>
+					<path d="M14.984.187v4.125h-2.453c-1.922 0-2.281.922-2.281 2.25v2.953h4.578l-.609 4.625H10.25v11.859H5.469V14.14H1.485V9.515h3.984V6.109C5.469 2.156 7.891 0 11.422 0c1.687 0 3.141.125 3.563.187z"
+					/></svg>
+			</a></li>
+		<li><a href="https://webmontag-slackin.now.sh/" title="Slack">
+				<svg class="icon-slack" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>slack</title>
+					<path d="M23.734 12.125c1.281 0 2.266.938 2.266 2.219 0 1-.516 1.703-1.453 2.031l-2.688.922.875 2.609c.078.234.109.484.109.734 0 1.234-1 2.266-2.234 2.266a2.271 2.271 0 0 1-2.172-1.547l-.859-2.578-4.844 1.656.859 2.562c.078.234.125.484.125.734 0 1.219-1 2.266-2.25 2.266a2.25 2.25 0 0 1-2.156-1.547l-.859-2.547-2.391.828c-.25.078-.516.141-.781.141-1.266 0-2.219-.938-2.219-2.203 0-.969.625-1.844 1.547-2.156l2.438-.828-1.641-4.891-2.438.844c-.25.078-.5.125-.75.125-1.25 0-2.219-.953-2.219-2.203 0-.969.625-1.844 1.547-2.156l2.453-.828-.828-2.484a2.337 2.337 0 0 1-.125-.734c0-1.234 1-2.266 2.25-2.266a2.25 2.25 0 0 1 2.156 1.547l.844 2.5L13.14 5.5 12.296 3a2.337 2.337 0 0 1-.125-.734c0-1.234 1.016-2.266 2.25-2.266.984 0 1.859.625 2.172 1.547l.828 2.516 2.531-.859c.219-.063.438-.094.672-.094 1.219 0 2.266.906 2.266 2.156 0 .969-.75 1.781-1.625 2.078l-2.453.844 1.641 4.937 2.562-.875a2.32 2.32 0 0 1 .719-.125zm-12.406 4.094l4.844-1.641-1.641-4.922-4.844 1.672z"
+					/></svg>
+			</a></li>
 	</ul>
+
 	<nav>
 		<ul>
-			<li><a href="newsletter.html" class="popup">Newsletter</a></li>
 			<li><a href="impressum.html" class="popup">Impressum</a></li>
 		</ul>
 	</nav>
-<script src="dist/js/main.min.js"></script>
+	<script src="dist/js/main.min.js"></script>
 </body>
+
 </html>
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "time-grunt": "^0.4.0"
   },
   "scripts": {
-    "postinstall": "bower install"
+    "postinstall": "bower install",
+    "build": "grunt"
   }
 }
diff --git a/src/img/icons/facebook.svg b/src/img/icons/facebook.svg
diff --git a/src/img/icons/slack.svg b/src/img/icons/slack.svg
diff --git a/src/img/icons/twitter.svg b/src/img/icons/twitter.svg
diff --git a/src/less/icons.less b/src/less/icons.less
@@ -1,34 +1,13 @@
-@font-face {
-	font-family: 'icons';
-	src:url('../fonts/icons.eot');
-	src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
-		url('../fonts/icons.ttf') format('truetype'),
-		url('../fonts/icons.woff') format('woff'),
-		url('../fonts/icons.svg#icons') format('svg');
-	font-weight: normal;
-	font-style: normal;
+[class^="icon-"] {
+	width: 1.5rem;
 }
 
-[class^="icon-"], [class*=" icon-"] {
-	font-family: 'icons';
-	speak: none;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-	line-height: 1;
-
-	/* Better Font Rendering =========== */
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.icon-flattr:before {
-	content: "\e608";
+.icon-slack {
+	fill: #EFC35C
 }
-.icon-twitter:before {
-	content: "\e609";
+.icon-twitter {
+	fill: #77ACE3
 }
-.icon-facebook:before {
-	content: "\e602";
+.icon-facebook {
+	fill: #445B8F
 }
diff --git a/src/less/styles.less b/src/less/styles.less
@@ -1,6 +1,7 @@
 body {
 	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
 	margin: 0 2em 2em 2em;
+	color: #333;
 }
 img { max-width: 100%; }
 a { color: #1a3784; }
@@ -16,25 +17,6 @@ ul {
 	a { text-decoration: none; }
 }
 
-[class^="icon-"] {
-font-size: 32px;
-}
-
-.icon-twitter {
-	color: #4092cc;
-	&:hover { color: #317fbf; }
-}
-
-.icon-flattr {
-	color: #8db65b;
-	&:hover { color: #ec8e24; }
-}
-
-.icon-facebook {
-	color: #6d84b4;
-	&:hover { color: #4c66a4; }
-}
-
 .mfp-bg {
 	background: rgb(119, 119, 119);
 	opacity: 0.7;