faircoinmap-webapp/index.html
index.htmlRaw
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <title>Map Komun.org</title>
6 <link rel="shortcut icon" href="statics/img/mapfaircoin.png" />
7 <link rel="icon" href="statics/img/mapfaircoin.png" />
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9
10 <meta property="og:type" content="website" />
11 <meta property="og:url" content="https://map.komun.org" />
12 <meta property="og:site_name" content="Map Komun.org"/>
13 <meta property="og:title" content="Map Komun.org" />
14 <meta property="og:description" content="Map Komun.org | Find all FairCoin and social currency accepting places worldwide" />
15 <meta name="description" content="Map Komun.org | Find all FairCoin and social currency accepting places worldwide" />
16 <meta property="og:image" content="https://map.komun.org/statics/img/opengraph300x200.png"/>
17
18 <!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> -->
19 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
20 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
21 <!--[if lte IE 8]><link rel="stylesheet" href="//cdn.leafletjs.com/leaflet-0.7.2/leaflet.ie.css" /><![endif]-->
22
23 <!-- leafletjs marker cluster -->
24 <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.3.0/dist/MarkerCluster.css" />
25 <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.3.0/dist/MarkerCluster.Default.css" />
26
27 <link rel="stylesheet" href="statics/style.css" />
28 <link rel="stylesheet" href="statics/css/sidebar-loader.css" />
29
30 <!-- Bootstrap -->
31 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
32
33</head>
34<body>
35 <div id="sidebar" class="sidebar collapsed">
36 <!-- Nav tabs -->
37 <div class="sidebar-tabs">
38 <ul role="tablist">
39 <li><a href="#home" role="tab"><i class="fa fa-bars"></i></a></li>
40 <li><a href="#filter" title="Select Filters" role="tab"><i class="fa fa-filter"></i></a></li>
41 <li><a onclick="showLocalNodes()" title="Show LocalNodes" role="tab"><i class="fas fa-home"></i></a></li>
42 <li><a onclick="showCommonRoutes()" title="Show CommonRoutes" role="tab"><i class="fa fa-route"></i></a></li>
43 <li><a href="#search" title="Search" role="tab"><i class="fa fa-search"></i></a></li>
44 <li><a href="#about" role="tab"><i class="fa fa-question-circle"></i></a></li>
45 </ul>
46
47 <ul role="tablist">
48 <li><a href="#settings" role="tab"><i class="fas fa-cog"></i></a></li>
49 </ul>
50 </div>
51
52 <!-- Tab panes -->
53 <div class="sidebar-content">
54 <div class="sidebar-pane" id="home">
55 <h1 class="sidebar-header">
56 Map Komun
57 <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
58 </h1>
59 <br>
60 <p>
61 WHAT IS THE KOMUN MAP?
62 The <b>Komun Map</b> is a collaborative map which gives a global overview of various initiatives which strive
63 towards a commons economy*: places which accept FairCoin, POEs, FairCoop local nodes, community
64 currencies, eco-networks, food groups, routes and shared vehicles... <a href="https://komun.org" target="_blank">Visit the page!</a> Search, find, share
65 and contribute to generate alternatives which transform our surroundings through the Integral Revolution.
66 </p>
67 <!-- <img style="width:100px;height:100px; margin:30px;" src="img/map.svg" /> -->
68 <a href="statics/img/komun-ecosystem.jpg" target="_blank"><img style="width:100%;" src="statics/img/komun-ecosystem.jpg" /></a>
69 </div>
70
71 <div class="sidebar-pane" id="filter">
72 <h1 class="sidebar-header">Filters<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
73 <br>
74 <div class='checkbox'>
75 <label><input onclick="selectAllFilters()" type='checkbox' value='' checked >
76 All</label>
77 </div>
78 <div id="filtersList"></div>
79 <hr>
80 <!-- <button onclick="applyFilters()" type="button" class="btn btn-outline-dark float-right">Update</button> -->
81 </div>
82 <div class="sidebar-pane" id="search">
83 <h1 class="sidebar-header">Search<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
84 <br>
85 <p>
86 <input onkeydown="search()" id="searchinput" type="text" class="form-control" placeholder="Search...">
87 <br>
88 <!-- <button onclick="search()" type="button" class="btn btn-outline-dark float-right">Search</button> -->
89 <div id="searchResults">
90
91 </div>
92 </p>
93 </div>
94 <div class="sidebar-pane" id="about">
95 <h1 class="sidebar-header">About<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
96 <br>
97 <img style="width:100%;padding:10px;" src="statics/img/komun-logo-largo.png" />
98 <p><strong>Komun.org es un equipo cooperativo</strong> de gente experta en diferentes areas técnicas: seguridad, redes, blockchain, diseño gráfico y edición de vídeo, diseño web, Prestashop, WordPress, programación... <strong>al servicio del bien común</strong>.
99 </p>
100 <p>Siempre usamos software libre, eso es un tema irrenunciable porque nuestras herramientas, también son políticas.</p>
101 <p>Si formas parte de un proyecto cooperativo o tienes ideas que puedan contribuir a hacer un mundo mejor, podemos ayudarte. Simplemente cuéntanos qué necesitas y buscaremos la mejor forma de hacerlo a cambio de una retribución razonable o ¿quién sabe? si
102 nos enamora un proyecto, no respondemos de nuestros actos.</p>
103 <p><strong>Afinidades:</strong></p>
104 <p>Komun.org es una cooperativa autónoma al servicio del común. Colaboramos con el proyecto <a target="_blank" href="https://fair.coop">FairCoop</a>, <em>el ecosistema cooperativo de la Tierra para una economía justa</em>. Por eso aceptamos <a target="_blank" href="https://fair-coin.org">FairCoin</a>,
105 <em>la moneda ecológica para una economía justa</em>. Igualmente estamos abiertas a la colaboración con cualquier organización o colectivo con valores éticos, ecológicos, solidarios y orientado al bien común. Si deseas colaborar, aceptamos donaciones
106 en FairCoin:</p>
107 <p><strong>fHe67HH8WWR5vA6oPNTyefKbbuABh8sxz9</strong></p>
108 <p>Para cualquier donación en otra moneda o para establecer sinergias, por favor, ponte en <a target="_blank" href="https://komun.org/kontakto">contacto</a> con nosotras.</p>
109 <p><strong>Características:</strong></p>
110 <p>Somos un equipo colaborativo <strong>multidisciplinar, autogestionado y abierto</strong>. Nos gusta trabajar juntas, elaborar herramientas útiles para el común, usar y crear software libre tanto como facilitar el camino hacia un mundo mejor desde la tecnología
111 y los proyectos prácticos. No nos gusta la burocracia, la falta de transparencia, la verticalidad organizativa, los roles de poder ni perder el tiempo en caminos tortuosos. Somos autónomas, libres, alegres y anárquicas. Hacemos cosas, sin tonterías.
112 </p>
113 <p><strong>¿Por qué hay muchas K y nombres raros?</strong></p>
114 <p>Creemos que los seres humanos podemos entendernos si hay voluntad y respetamos profundamente todas las lenguas. Por ello, sentimos un amor especial por el <strong>Esperanto</strong>, una lengua auxiliar cuya única finalidad es que todos los seres humanos
115 puedan entenderse de una manera sencilla y eficiente, respetando a todas las lenguas nativas del mundo. Por eso, al igual que en los decorados del gueto de la película "<a target="_blank" href="http://www.delbarrio.eu/cine.htm">El Gran Dictador</a>", hay muchas palabras
116 en Esperanto en nuestro sitio web. La cuestión es que podamos entendernos.</p>
117 <hr>
118 <p>
119 Full code in <a href="https://github.com/arnaucode/faircoinmap-webapp" target="_blank">Git repo</a> 🍙
120 </p>
121 </div>
122
123
124 <div class="sidebar-pane" id="settings">
125 <h1 class="sidebar-header">Settings<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
126 <br>
127 <p>
128 <div class="form-group">
129 <label for="exampleFormControlSelect1">Language</label>
130 <select onchange="changeLanguage()" class="form-control" id="lang">
131 <option value="ca" >Catalan</option>
132 <option value="de" >German</option>
133 <option value="el" >Greek</option>
134 <option value="en">English</option>
135 <option value="eo" >Esperanto</option>
136 <option value="es" >Spanish</option>
137 <option value="fr" >French</option>
138 <option value="gl" >Galician</option>
139 <option value="it" >Italian</option>
140 <option value="nl" >Dutch</option>
141 <option value="pt" >Portuguese</option>
142 </select>
143 </div>
144 </p>
145 </div>
146 </div>
147 </div>
148 <div id="loadingbar">
149 <div class="cssload-loader-inner">
150 <div class="cssload-cssload-loader-line-wrap-wrap">
151 <div class="cssload-loader-line-wrap"></div>
152 </div>
153 <div class="cssload-cssload-loader-line-wrap-wrap">
154 <div class="cssload-loader-line-wrap"></div>
155 </div>
156 <div class="cssload-cssload-loader-line-wrap-wrap">
157 <div class="cssload-loader-line-wrap"></div>
158 </div>
159 <div class="cssload-cssload-loader-line-wrap-wrap">
160 <div class="cssload-loader-line-wrap"></div>
161 </div>
162 <div class="cssload-cssload-loader-line-wrap-wrap">
163 <div class="cssload-loader-line-wrap"></div>
164 </div>
165 </div>
166 </div>
167
168 <div id="map" class="sidebar-map"></div>
169 <div class="registerButtonBox">
170 <a href="https://map.komun.org/accounts/register/" class="btn btn-outline-dark">Register</a>
171 <a href="https://map.komun.org/accounts/login/" class="btn btn-outline-dark">Login</a>
172 </div>
173 <div id="rightCard" class"card">
174 <div class="card-body">
175 <div class="btn btn-light float-right" onclick="hideRightCard()">X</div>
176 <h5 id="rightCard-title" class="card-title"></h5>
177 <div id="rightCard-categories"></div>
178 <img id="rightCard-img" class="card-img-top hidden" src="" alt="img">
179 <p id="rightCard-text" class="card-text"></p>
180 <a id="rightCard-web" href="#" class="card-link" target="_blank"></a>
181 <a id="rightCard-mastodon" href="#" class="card-link" target="_blank"></a>
182 <a id="rightCard-twitter" href="#" class="card-link" target="_blank"></a>
183 <a id="rightCard-facebook" href="#" class="card-link" target="_blank"></a>
184 <a id="rightCard-telegram" href="#" class="card-link" target="_blank"></a>
185 <a id="rightCard-email" href="#" class="card-link"></a>
186 </div>
187 </div>
188
189
190 <script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>
191 <!-- leafletjs marker cluster -->
192 <script src="https://unpkg.com/leaflet.markercluster@1.3.0/dist/leaflet.markercluster.js"></script>
193 <script src="statics/js/leaflet-sidebar.js"></script>
194
195 <!-- Bootstrap -->
196 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
197 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
198 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
199
200 <script src="statics/index.js"></script>
201 <script src="statics/localnodes.js"></script>
202 <script src="statics/commonroutes.js"></script>
203
204</body>
205</html>