103 lines
7.0 KiB
HTML
103 lines
7.0 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:sa="/">
|
|
<head>
|
|
<link rel="icon" type="image/png" href="/static/images/favicon.png">
|
|
<link rel="stylesheet" id="navigationCss" href="/static/template/default.css" media="" type="text/css" />
|
|
|
|
<link rel="stylesheet" id="navigationCss" href="/static/template/js/jquery-ui/themes/base/jquery-ui.css" media="" type="text/css" />
|
|
<script type="text/javascript" src="/static/js/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/jquery-2.1.4.min.js"></script>
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular-animate.js"></script>
|
|
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><title>Maidstone Hackspace</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta property="description" name="description" content="Hackspace for Maidstone, kent. for collaberation and discussion for artists, designers, makers, hackers, programmers, tinkerer, professionals and hobbyists." />
|
|
</head>
|
|
<body>
|
|
<div id="headerstrip"><nav class="navstrip"><div class="left mini-logo">Maidstone Hackspace</div><div class="social"><div size="standard" class="g-plusone" data-href="http://maidstone-hackspace.org.uk/" data-size="medium" data-annotation="inline" count="true"></div></div></nav></div>
|
|
<nav id="leftNav" class="menu" ><ul><li class="active mi0"><a href="/" >Home</a></li><li class="mi1"><a href="#mailing-list-signup" >Contact</a></li></ul><div style="clear:both;"></div></nav>
|
|
<div id="headerstrip"><nav class="navstrip"><div class="left mini-logo">Maidstone Hackspace</div><div class="social"></div></nav></div>
|
|
<nav id="leftNav" class="menu" ><ul><li class="active mi0"><a href="/" >Home</a></li><li class="mi1"><a href="#mailing-list-signup" >Contact</a></li></ul><div style="clear:both;"></div></nav>
|
|
<div class="page" ><header class="pageHeader"></header><section class="pageSection"><img src="/static/template/images/tile-01.jpg" alt="" class="tile-right" />
|
|
<img src="/static/template/images/tile-01.jpg" alt="" class="tile-right" /><div class="banner-slide" ng-app="myApp" ng-controller="sliderController"><ul ng-switch on="currentSlide" ng-init="length=3;"><li class="slide" ng-switch-when="0"><img src="/static/template/images/hackspace-banner.png" /><div class="content">title<br />intro text</div></li><li class="slide" ng-switch-when="1"><img src="/static/template/images/example-01.jpg" /><div class="content">title<br />intro text</div></li><li class="slide" ng-switch-when="2"><img src="/static/template/images/example-02.jpg" /><div class="content">title<br />intro text</div></li><li style="clear:both;"></li></ul><div ng-click="prev()" title="Previous" role="button" class="slide-button left"><</div><div ng-click="next()" title="Next" role="button" class="slide-button right">></div></div><div class="clear"></div></section><section class="pageSection"><h2>Introduction</h2></section><section class="pageSection"><p>Hackspaces are a shared space where artists, designers, makers, hackers, programmers, tinkerers, professionals and hobbyists
|
|
can work on their projects, share knowledge and collaborate.We are in the process of developing Maidstone Hackspace. We're previous members of <span class="info" title="Innovation center medway prototype">(ICMP)</span> and looking to form a new space in the future.
|
|
At the moment, communication is via google groups, email, and the website. If you're at all intrested please join our <a href="#mailing-list-signup">mailing list</a>
|
|
and make yourself known!</p></section><section class="pageSection"><h2>Proposed activities</h2><ul >
|
|
<li>Workshop on building a mobile application which can run on ios and android,potentially game oriented for a bit of fun, but open to suggestions.</li>
|
|
<li>Build an interactive splash screen to feature on this site.</li>
|
|
<li><a title="Suggest a new activity" href="#mailing-list-signup" >Suggest a new activity</a></li>
|
|
</ul>
|
|
<div class="twitter-feed">
|
|
<a class="twitter-timeline" href="https://twitter.com/MHackspace" data-widget-id="606798560374484992">
|
|
Tweets by @MHackspace
|
|
</a>
|
|
</div></section><footer class="pageFooter"></footer></div>
|
|
<div id="footer"><div id="footertop"></div><div id="footerbottom"><div class="container"><div class="copyright">©2015 Maidstone Hackspace</div><div id="mailing-list-signup" class="google-groups-signup"><h3>Signup and make yourself known</h3><form class="block" name="signup" method="get" action="http://groups.google.com/group/maidstone-hackspace/boxsubscribe"><label for="groups-email">Email Address</label><input id="groups-email" name="email" class="required"/><button type="submit" />Subscribe</button><a href="http://groups.google.com/group/maidstone-hackspace">Browse Archives</a></form><div style="clear:both;"></div><div></div></div><div>
|
|
<script type="text/javascript" ><!--//--><![CDATA[//><!--
|
|
//twitter code
|
|
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
|
|
|
|
|
|
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
|
|
ga('create', 'UA-63373181-1', 'maidstone-hackspace.org.uk');
|
|
|
|
ga('send', 'pageview');
|
|
|
|
var app = angular.module('myApp', ['ngAnimate']);
|
|
|
|
app.controller('sliderController', function($scope, $interval) {
|
|
$scope.currentSlide = 0;
|
|
$scope.autoSlide = true;
|
|
//$scope.length = 0;
|
|
|
|
$scope.next = function() {
|
|
$scope.autoSlide=false;
|
|
if ($scope.currentSlide < $scope.length - 1){
|
|
$scope.currentSlide += 1;
|
|
}else{
|
|
$scope.currentSlide = 0;
|
|
};
|
|
}
|
|
|
|
$scope.prev = function() {
|
|
$scope.autoSlide=false;
|
|
if ($scope.currentSlide > 0){
|
|
$scope.currentSlide -= 1;
|
|
}else{
|
|
$scope.currentSlide = $scope.length - 1;
|
|
}
|
|
}
|
|
|
|
$scope.isCurrentSlideIndex = function (index) {
|
|
return $scope.currentSlide === index;
|
|
};
|
|
|
|
$scope.loopSlides = function (index) {
|
|
if ($scope.autoSlide==false){return false;}
|
|
if ($scope.currentSlide < $scope.length - 1){
|
|
$scope.currentSlide += 1;
|
|
}else{
|
|
$scope.currentSlide = 0;
|
|
}
|
|
};
|
|
|
|
$interval(function(){$scope.loopSlides();}, 5000);
|
|
|
|
});
|
|
|
|
//]]>
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|