Skip to content

Commit cf00e7d

Browse files
og-silvaaog-silvaa
authored
Merge pull request #629 from NodeSchoolLimaPe/source
HexDex Page mejoras visuales a pesar de lo absurdo
2 parents 152f8a7 + a284025 commit cf00e7d

File tree

3 files changed

+205
-6
lines changed

3 files changed

+205
-6
lines changed

‎hexdex.html

Lines changed: 186 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,12 +35,189 @@ <h1 data-i18n="hexdex-h1">Hexdex</h1>
3535
<br>
3636
<p data-i18n="hexdex-header">An index of the hexagons for <a href="chapters.html">NodeSchool chapters</a>.</p>
3737
<p data-i18n="hexdex-make-logo">Make one for your chapter by starting with <a href="https://github.com/nodeschool/nodeschool.github.io/tree/master/images/make-a-sticker">this
38-
template</a>.</p>
38+
template
39+
</a>.</p>
3940
</div>
4041
<div class="full">
4142
<div id="chapter-list">
4243
<div class="loading" data-i18n="index-chapter-list-loading">
4344
Loading...
45+
<noscript>
46+
<div class="two-thirds">
47+
<a class="imglink" href="http://github.com/nodeschool/luanda" title="Luanda">
48+
<img class="hex" src="/images/nodeschool-luanda.png" alt="Luanda Hexagon">
49+
</a>
50+
<a class="imglink" href="http://github.com/nodeschool/los-angeles" title="Los Angeles">
51+
<img class="hex" src="/images/nodeschool-losangeles.png" alt="Los Angeles Hexagon">
52+
</a>
53+
<a class="imglink" href="https://github.com/nodeschool/hamburg" title="Hamburg">
54+
<img class="hex" src="/images/nodeschool-ham.svg" alt="Hamburg Hexagon">
55+
</a>
56+
<a class="imglink" href="https://github.com/nodeschool/london" title="London">
57+
<img class="hex" src="/images/battersea-power-node.svg" alt="London Hexagon">
58+
</a>
59+
<a class="imglink" href="https://github.com/nodeschool/oakland" title="Oakland">
60+
<img class="hex" src="/images/nodeschool-oakland.svg" alt="Oakland Hexagon">
61+
</a>
62+
<a class="imglink" href="https://github.com/nodeschool/cleveland" title="Cleveland">
63+
<img class="hex" src="/images/nodeschool-cleveland.png" alt="Cleveland Hexagon">
64+
</a>
65+
<a class="imglink" href="https://github.com/nodeschool/buenosaires" title="Buenos Aires">
66+
<img class="hex" src="/images/nodeschool-buenos-aires.svg" alt="Buenos Aires Hexagon">
67+
</a>
68+
<a class="imglink" href="https://github.com/nodeschool/stavanger" title="Stavanger">
69+
<img class="hex" src="/images/nodeschool-stavanger.png" alt="Stavanger hexagon">
70+
</a>
71+
<a class="imglink" href="https://github.com/nodeschool/osaka" title="Osaka">
72+
<img class="hex" src="/images/nodeschool-osaka.png" alt="Osaka Hexagon">
73+
</a>
74+
<a class="imglink" href="https://github.com/nodeschool/cebu" title="Cebu">
75+
<img class="hex" src="/images/nodeschool-cebu.svg" alt="Cebu Hexagon">
76+
</a>
77+
<a class="imglink" href="https://github.com/nodeschool/hradec-kralove" title="Hradec Králové">
78+
<img class="hex" src="/images/nodeschool-hradec-kralove.svg" alt="Hradec Králové Hexagon">
79+
</a>
80+
<a class="imglink" href="https://github.com/nodeschool/silesia" title="Silesia">
81+
<img class="hex" src="/images/nodeschool-silesia.svg" alt="Silesia Hexagon">
82+
</a>
83+
<a class="imglink" href="https://github.com/nodeschool/bali" title="Bali">
84+
<img class="hex" src="/images/nodeschool-bali-sticker.png" alt="Bali Hexagon">
85+
</a>
86+
<a class="imglink" href="https://github.com/nodeschool/portland-me" title="Portland, ME">
87+
<img class="hex" src="/images/nodeschool_pwm_logo.png" alt="Portland Hexagon">
88+
</a>
89+
<a class="imglink" href="https://github.com/nodeschool/dallas" title="Dallas, TX">
90+
<img class="hex" src="/images/nodeschool-dallas.svg" alt="Dallas, Hexagon">
91+
</a>
92+
<a class="imglink" href="https://github.com/nodeschool/mexicocity" title="Mexico City">
93+
<img class="hex" src="/images/nodeschool-mexicocity.svg" alt="Mexico, Hexagon">
94+
</a>
95+
<a class="imglink" href="https://github.com/nodeschool/xian" title="Xi'an, Shaanxi">
96+
<img class="hex" src="/images/nodeschool-xian.svg" alt="Xi'an, Shaanxi Hexagon">
97+
</a>
98+
<a class="imglink" href="https://github.com/nodeschool/medellin" title="Medellín">
99+
<img class="hex" src="/images/nodeschool-medellin.png" alt="Medellín Hexagon">
100+
</a>
101+
<a class="imglink" href="https://github.com/nodeschool/karachi" title="Karachi">
102+
<img src="/images/nodeschool-karachi.png" alt="Karachi hex" class="hex">
103+
</a>
104+
<a class="imglink" href="https://github.com/nodeschool/kyiv" title="Kyiv">
105+
<img src="/images/nodeschool-kyiv.png" alt="Kyiv hex with dollhouse" class="hex">
106+
</a>
107+
<a class="imglink" href="https://github.com/nodeschool/montevideo" title="Montevideo">
108+
<img class="hex" src="/images/nodeschool-montevideo.png" alt="Montevideo Hexagon">
109+
</a>
110+
<a class="imglink" href="https://github.com/nodeschool/montreal" title="Montreal">
111+
<img class="hex" src="/images/nodeschool-montreal.svg" alt="Montreal Hexagon">
112+
</a>
113+
<a class="imglink" href="https://github.com/nodeschool/madrid" title="Madrid">
114+
<img class="hex" src="/images/nodeschool-madrid.png" alt="Madrid Hexagon">
115+
</a>
116+
<a class="imglink" href="https://github.com/nodeschool/tokyo" title="Tokyo">
117+
<img class="hex" src="/images/nodeschool-tokyo.png" alt="Tokyo Hexagon">
118+
</a>
119+
<a class="imglink" href="https://github.com/nodeschool/seville" title="Seville">
120+
<img class="hex" src="/images/nodeschool-seville.png" alt="Seville Hexagon">
121+
</a>
122+
<a class="imglink" href="https://github.com/nodeschool/hanoi" title="Hanoi">
123+
<img class="hex" src="/images/nodeschool-hanoi.svg" alt="Hanoi Hexagon">
124+
</a>
125+
<a class="imglink" href="https://github.com/nodeschool/seoul" title="Seoul">
126+
<img class="hex" src="/images/nodeschool-seoul.png" alt="Seoul Hexagon">
127+
</a>
128+
<a class="imglink" href="https://github.com/nodeschool/chiang-mai" title="Chiang Mai">
129+
<img class="hex" src="/images/nodeschool-chiangmai.png" alt="Chiang Mai Hexagon">
130+
</a>
131+
<a class="imglink" href="https://github.com/nodeschool/lisbon" title="Lisbon">
132+
<img class="hex" src="/images/nodeschool-lisbon.png" alt="Lisbon Hexagon">
133+
</a>
134+
<a class="imglink" href="https://github.com/nodeschool/bratislava" title="Bratislava">
135+
<img class="hex" src="/images/nodeschool-bratislava.svg" alt="Bratislava Hexagon">
136+
</a>
137+
<a class="imglink" href="https://github.com/nodeschool/bainbridge" title="Bainbridge">
138+
<img class="hex" src="/images/nodeschool-bainbridge.svg" alt="Bainbridge Island Hexagon">
139+
</a>
140+
<a class="imglink" href="https://github.com/nodeschool/toronto" title="Toronto">
141+
<img class="hex" src="/images/nodeschool-toronto.svg" alt="Toronto Hexagon">
142+
</a>
143+
<a class="imglink" href="https://nodeschool.io/vancouver/" title="Vancouver">
144+
<img class="hex" src="/images/nodeschool-vancouver.svg" alt="Vancouver Hexagon in shades of purple showing a building underscored by the IATA code YVR used colloquially to refer to the city">
145+
</a>
146+
<a class="imglink" href="https://github.com/nodeschool/hcmc-vietnam" title="Ho Chi Minh City - Vietnam">
147+
<img class="hex" src="/images/nodeschool-hcmc-vietnam.svg" alt="Ho Chi Minh City - Vietnam Hexagon">
148+
</a>
149+
<a class="imglink" href="https://github.com/nodeschool/sanfrancisco/" title="San Francisco">
150+
<img class="hex" src="/images/nodeschool-sf.svg" alt="San Francsico Hexagon">
151+
</a>
152+
<a class="imglink" href="https://github.com/nodeschool/istanbul/" title="Istanbul">
153+
<img class="hex" src="/images/nodeschool-istanbul.svg" alt="Istanbul Hexagon">
154+
</a>
155+
<a class="imglink" href="https://github.com/nodeschool/campinas" title="Campinas">
156+
<img class="hex" src="/images/nodeschool-campinas.svg" alt="Campinas Hexagon">
157+
</a>
158+
<a class="imglink" href="https://github.com/nodeschool/washingtondc" title="Washington DC">
159+
<img class="hex" src="/images/nodeschool-washingtondc.svg" alt="Washington DC Hexagon">
160+
</a>
161+
<a class="imglink" href="https://github.com/nodeschool/spb/" title="Saint Petersburg">
162+
<img class="hex" src="/images/nodeschool-spb.svg" alt="Saint Petersburg Hexagon">
163+
</a>
164+
<a class="imglink" href="https://github.com/nodeschool/perth/" title="Perth, WA">
165+
<img class="hex" src="/images/nodeschool-perth.svg" alt="Perth Hexagon">
166+
</a>
167+
<a class="imglink" href="https://github.com/nodeschool/stlouis/" title="St. Louis, MO">
168+
<img class="hex" src="/images/nodeschool-stlouis.svg" alt="St. Louis Hexagon">
169+
</a>
170+
<a class="imglink" href="https://github.com/nodeschool/nyc/" title="New York City, NY">
171+
<img class="hex" src="/images/nodeschool-nyc.svg" alt="New York City Hexagon">
172+
</a>
173+
<a class="imglink" href="https://github.com/nodeschool/haarlem/" title="Haarlem">
174+
<img class="hex" src="/images/nodeschool-haarlem.svg" alt="Haarlem Hexagon">
175+
</a>
176+
<a class="imglink" href="https://github.com/nodeschool/amsterdam/" title="Amsterdam">
177+
<img class="hex" src="/images/nodeschool-amsterdam.svg" alt="Amsterdam Hexagon">
178+
</a>
179+
<a class="imglink" href="https://github.com/nodeschool/st-petersburg/" title="St. Petersburg, FL">
180+
<img class="hex" src="/images/nodeschool-stpete.png" alt="St. Petersburg, FL Hexagon">
181+
</a>
182+
<a class="imglink" href="https://github.com/nodeschool/reykjavik/" title="Reykjavik">
183+
<img class="hex" src="/images/nodeschool-rvk.svg" alt="Reykjavik Hexagon">
184+
</a>
185+
<a class="imglink" href="https://github.com/nodeschool/dhaka" title="Dhaka">
186+
<img class="hex" src="/images/nodeschool-dhaka.png" alt="Dhaka Hexagon">
187+
</a>
188+
<a class="imglink" href="https://github.com/nodeschool/italy" title="Italy">
189+
<img class="hex" src="/images/nodeschool-italy.svg" alt="Italy Hexagon">
190+
</a>
191+
<a class="imglink" href="https://github.com/nodeschool/hermosillo" title="Hermosillo">
192+
<img class="hex" src="/images/nodeschool-hermosillo.svg" alt="Hermosillo Hexagon">
193+
</a>
194+
<a class="imglink" href="https://github.com/nodeschool/berlin" title="Berlin">
195+
<img class="hex" src="/images/nodeschool-berlin.png" alt="Berlin Hexagon">
196+
</a>
197+
<a class="imglink" href="https://github.com/nodeschool/costarica" title="Costa Rica">
198+
<img class="hex" src="/images/nodeschool-costarica.png" alt="Costa Rica Hexagon">
199+
</a>
200+
<a class="imglink" href="http://nodeschool.io/Lahore" title="Lahore">
201+
<img class="hex" src="/images/nodeschool-lahore.png" alt="Lahore Hexagon">
202+
</a>
203+
<a class="imglink" href="http://nodeschool.io/fort-worth" title="Fort Worth">
204+
<img class="hex" src="/images/nodeschool-fortworth.svg" alt="Fort Worth Hexagon">
205+
</a>
206+
<a class="imglink" href="https://github.com/nodeschool/sydney/" title="Sydney">
207+
<img class="hex" src="/images/nodeschool-sydney.png" alt="Sydney Hexagon">
208+
</a>
209+
<a class="imglink" href="https://nodeschool.io/okinawa/" title="Okinawa">
210+
<img class="hex" src="/images/nodeschool-okinawa.svg" alt="Okinawa Hexagon">
211+
</a>
212+
<a class="imglink" href="https://nodeschool.io/guatemala/" title="Guatemala">
213+
<img class="hex" src="/images/nodeschool-guatemala.svg" alt="Guatemala Hexagon">
214+
</a>
215+
<a class="imglink" href="https://nodeschool.io/pereira/" title="Pereira">
216+
<img class="hex" src="/images/nodeschool-pereira.svg" alt="Pereira Hexagon">
217+
</a>
218+
<img class="hex" src="/images/nodeschool-blank.png" alt="blank hexagon" aria-hidden="true">
219+
</div>
220+
</noscript>
44221
</div>
45222
</div>
46223
<div class="two-thirds">
@@ -51,7 +228,7 @@ <h2>{{region}}</h2>
51228
<ul>
52229
{{#chapters}}
53230
{{#image}}
54-
<li class="chapter" style="width: 275px;text-align: center;">
231+
<li class="chapter badge">
55232
<a target="_blank" rel="noreferrer noopener" href="{{website}}" class="imglink" title="{{location}}">
56233
<img class="hex" src="/images/{{image}}" alt="{{location}} Hexagon" />
57234
{{location}}{{#country}}, {{country}}{{/country}}
@@ -78,10 +255,14 @@ <h2>{{region}}</h2>
78255
<script type="text/javascript" src="/js/dependencies.js"></script>
79256
<script type="text/javascript" src="/js/chapters.js"></script>
80257
<script>
258+
$(document).ready(function () {
259+
setTimeout("cant()", 100);
260+
});
261+
81262
!function (s, c, h, O, o, l) {
82-
s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
83-
(s[h].q = s[h].q || []).push(arguments)
84-
}); s[h].l = +new Date; o = c.createElement(O);
263+
s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
264+
(s[h].q = s[h].q || []).push(arguments)
265+
}); s[h].l = +new Date; o = c.createElement(O);
85266
l = c.getElementsByTagName(O)[0]; o.src = '//www.google-analytics.com/analytics.js';
86267
l.parentNode.insertBefore(o, l)
87268
}(window, document, 'ga', 'script');

‎js/chapters.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,15 @@ function loadChapters() {
1717
var template = $("#tmpl-chapter-list").html()
1818
$("#chapter-list").html(Mustache.render(template, JSON.parse(body)))
1919
})
20+
}
21+
22+
var cant = function () {
23+
$(".chapter-list")
24+
.find("h2")
25+
.each(
26+
function () {
27+
var cont = $(this).parent().find("li").length;
28+
$(this).html($(this).html() + " (" + cont + ")");
29+
}
30+
);
2031
}

‎styles/chapters.styl

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,11 @@
1-
@import 'settings/*'
1+
@import 'settings/*';
2+
3+
.badge {
4+
width: 270px !important;
5+
height: 350px;
6+
text-align: center;
7+
vertical-align: top;
8+
}
29

310
.chapter-list {
411
ul {

0 commit comments

Comments
 (0)