-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
164 lines (152 loc) · 8.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Chennai Mesh Network Community</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Chennai Mesh Network Community Official Website">
<meta name="author" content="">
<!-- <link rel="shortcut icon" href="favicon.ico"> -->
<!-- i -->
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="assets/plugins/prism/prism.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="assets/css/cmnc.css">
<!-- Leaflet css -->
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
</head>
<body data-spy="scroll">
<!-- ******HEADER****** -->
<header id="header" class="header">
<div class="container">
<h1 class="logo pull-left">
<a class="scrollto" href="#promo">
<span class="logo-title">Chennai Mesh</span>
</a>
</h1><!--//logo-->
<nav id="main-nav" class="main-nav navbar-right" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
</div><!--//navbar-header-->
<div class="navbar-collapse collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Mesh <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a class="scrollto" href="#what-is-mesh">What is Mesh?</a></li>
<li><a class="scrollto" href="#why-mesh">Why Mesh?</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contribute<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="how-to-help.html">Put a Node in your place</a></li>
<li><a href="donate_us.html" target="_blank">Donate Us!</a></li>
</ul>
</li>
<li class="nav-item"><a href="map.html">Map</a></li>
<li class="nav-item"><a href="wiki.html">Wiki</a></li>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</li>
<li class="nav-item"><a href="tasks.html">Tasks</a></li>
<li class="nav-item"><a href="about_us.html">About Us</a></li>
<li class="nav-item"><a class="scrollto" href="#contact-us">Contact Us</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div>
</header><!--//header-->
<!-- ******PROMO****** -->
<section id="promo" class="promo section offset-header">
<div class="container text-center">
<h2 class="title">Chennai<span class="highlight">Mesh</span></h2>
<!-- <p><i style="color:#074F66">Chennai Mesh Network Community</i></p> -->
<p class="intro text-justify">Chennai Mesh Network is an initiative by activists with a goal to build a Peer-2-Peer network, in order to empower people in having a Internet the way it was meant to be with no centralization. This is a community of people, by the people and for the people.</p>
</div><!--//container-->
</section><!--//promo-->
<!-- ******What is a Mesh Network****** -->
<section id="what-is-mesh" class="about section">
<div class="container text-center">
<h2 class="title text-center">What is Mesh Network?</h2>
<p class="intro text-justify" style="font-size:20px">A Mesh Network in simple terms is an interconnection of nodes (like wireless routers), where each node play a role in sending message from one node to another in a decentralized way.</p>
<a class="read-more-btn" href="what-is-mesh.html" target="_blank">Read more</a>
</div><!--//container-->
</section><!--//What is mesh-->
<!-- ******Why we need a Mesh Network****** -->
<section id="why-mesh" class="about about-modified section">
<div class="container text-center">
<h2 class="title text-center color-white" style="color:#fff">Why we need a Mesh Network?</h2>
<p class="intro text-justify" style="color:#fff;font-size:20px">Internet in its current form is too centralized putting power in the hands view and thats where Mesh Network comes in to put the power where it should be, that is we the people.</p>
<a class="read-more-btn" href="why-mesh.html" target="_blank">Read more</a>
</div><!--//container-->
</section><!--//why mesh-->
<!-- ******Map****** -->
<section id="map" class="about section">
<div class="container text-center">
<h2 class="title">Where you can find us?</h2>
<p class="intro text-center">A list of active mesh nodes can be found from the map. </p>
<a class="read-more-btn" href="map.html" target="_blank">Explore Map</a>
<div class="row">
<div class="item col-sm-8 col-sm-offset-2">
<!-- <div id="mapid"> -->
</div>
</div>
</div>
</div><!--//container-->
</section><!--//map-->
<!-- ******CONTACT****** -->
<section id="contact-us" class="contact section has-pattern">
<div class="container">
<div class="contact-inner">
<h2 class="title text-center" style="color:#fff">Get Involved!</h2>
<div class="clearfix"></div>
<div class="info text-center">
<h4 class="title text-center" style="color:#fff">Contact Us :)</h4>
<ul class="social-icons list-inline">
<li><a href="https://www.facebook.com/groups/963155543798989" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://github.com/chennaimesh" target="_blank"><i class="fa fa-github"></i></a></li>
</ul>
</div><!--//info-->
</div><!--//contact-inner-->
</div><!--//container-->
</section><!--//contact-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="assets/plugins/prism/prism.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<script>
var mymap = L.map('mapid').setView([13.0796914, 80.2829533], 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoidm1zMjA1OTEiLCJhIjoiY2ludW50eWd2MTI2Y3Uya2o3eGZvamJudCJ9.e4kwIp0DTvcTGVPk91wFIw', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18,
id: 'vms20591.025k5cd7',
accessToken: 'pk.eyJ1Ijoidm1zMjA1OTEiLCJhIjoiY2ludW50eWd2MTI2Y3Uya2o3eGZvamJudCJ9.e4kwIp0DTvcTGVPk91wFIw'
}).addTo(mymap);
</script>
</body>
</html>