Skip to content

Commit

Permalink
Merge pull request #629 from NodeSchoolLimaPe/source
Browse files Browse the repository at this point in the history 
HexDex Page

mejoras visuales a pesar de lo absurdo
  • Loading branch information
@ogsilvaa
ogsilvaa authored Aug 30, 2018
2 parents 152f8a7 + a284025 commit cf00e7d
Show file tree
Hide file tree
Showing 3 changed files with 205 additions and 6 deletions.
191 changes: 186 additions & 5 deletions hexdex.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,12 +35,189 @@ <h1 data-i18n="hexdex-h1">Hexdex</h1>
<br>
<p data-i18n="hexdex-header">An index of the hexagons for <a href="chapters.html">NodeSchool chapters</a>.</p>
<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
template</a>.</p>
template
</a>.</p>
</div>
<div class="full">
<div id="chapter-list">
<div class="loading" data-i18n="index-chapter-list-loading">
Loading...
<noscript>
<div class="two-thirds">
<a class="imglink" href="http://github.com/nodeschool/luanda" title="Luanda">
<img class="hex" src="/images/nodeschool-luanda.png" alt="Luanda Hexagon">
</a>
<a class="imglink" href="http://github.com/nodeschool/los-angeles" title="Los Angeles">
<img class="hex" src="/images/nodeschool-losangeles.png" alt="Los Angeles Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/hamburg" title="Hamburg">
<img class="hex" src="/images/nodeschool-ham.svg" alt="Hamburg Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/london" title="London">
<img class="hex" src="/images/battersea-power-node.svg" alt="London Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/oakland" title="Oakland">
<img class="hex" src="/images/nodeschool-oakland.svg" alt="Oakland Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/cleveland" title="Cleveland">
<img class="hex" src="/images/nodeschool-cleveland.png" alt="Cleveland Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/buenosaires" title="Buenos Aires">
<img class="hex" src="/images/nodeschool-buenos-aires.svg" alt="Buenos Aires Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/stavanger" title="Stavanger">
<img class="hex" src="/images/nodeschool-stavanger.png" alt="Stavanger hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/osaka" title="Osaka">
<img class="hex" src="/images/nodeschool-osaka.png" alt="Osaka Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/cebu" title="Cebu">
<img class="hex" src="/images/nodeschool-cebu.svg" alt="Cebu Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/hradec-kralove" title="Hradec Králové">
<img class="hex" src="/images/nodeschool-hradec-kralove.svg" alt="Hradec Králové Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/silesia" title="Silesia">
<img class="hex" src="/images/nodeschool-silesia.svg" alt="Silesia Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/bali" title="Bali">
<img class="hex" src="/images/nodeschool-bali-sticker.png" alt="Bali Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/portland-me" title="Portland, ME">
<img class="hex" src="/images/nodeschool_pwm_logo.png" alt="Portland Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/dallas" title="Dallas, TX">
<img class="hex" src="/images/nodeschool-dallas.svg" alt="Dallas, Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/mexicocity" title="Mexico City">
<img class="hex" src="/images/nodeschool-mexicocity.svg" alt="Mexico, Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/xian" title="Xi'an, Shaanxi">
<img class="hex" src="/images/nodeschool-xian.svg" alt="Xi'an, Shaanxi Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/medellin" title="Medellín">
<img class="hex" src="/images/nodeschool-medellin.png" alt="Medellín Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/karachi" title="Karachi">
<img src="/images/nodeschool-karachi.png" alt="Karachi hex" class="hex">
</a>
<a class="imglink" href="https://github.com/nodeschool/kyiv" title="Kyiv">
<img src="/images/nodeschool-kyiv.png" alt="Kyiv hex with dollhouse" class="hex">
</a>
<a class="imglink" href="https://github.com/nodeschool/montevideo" title="Montevideo">
<img class="hex" src="/images/nodeschool-montevideo.png" alt="Montevideo Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/montreal" title="Montreal">
<img class="hex" src="/images/nodeschool-montreal.svg" alt="Montreal Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/madrid" title="Madrid">
<img class="hex" src="/images/nodeschool-madrid.png" alt="Madrid Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/tokyo" title="Tokyo">
<img class="hex" src="/images/nodeschool-tokyo.png" alt="Tokyo Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/seville" title="Seville">
<img class="hex" src="/images/nodeschool-seville.png" alt="Seville Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/hanoi" title="Hanoi">
<img class="hex" src="/images/nodeschool-hanoi.svg" alt="Hanoi Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/seoul" title="Seoul">
<img class="hex" src="/images/nodeschool-seoul.png" alt="Seoul Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/chiang-mai" title="Chiang Mai">
<img class="hex" src="/images/nodeschool-chiangmai.png" alt="Chiang Mai Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/lisbon" title="Lisbon">
<img class="hex" src="/images/nodeschool-lisbon.png" alt="Lisbon Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/bratislava" title="Bratislava">
<img class="hex" src="/images/nodeschool-bratislava.svg" alt="Bratislava Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/bainbridge" title="Bainbridge">
<img class="hex" src="/images/nodeschool-bainbridge.svg" alt="Bainbridge Island Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/toronto" title="Toronto">
<img class="hex" src="/images/nodeschool-toronto.svg" alt="Toronto Hexagon">
</a>
<a class="imglink" href="https://nodeschool.io/vancouver/" title="Vancouver">
<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">
</a>
<a class="imglink" href="https://github.com/nodeschool/hcmc-vietnam" title="Ho Chi Minh City - Vietnam">
<img class="hex" src="/images/nodeschool-hcmc-vietnam.svg" alt="Ho Chi Minh City - Vietnam Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/sanfrancisco/" title="San Francisco">
<img class="hex" src="/images/nodeschool-sf.svg" alt="San Francsico Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/istanbul/" title="Istanbul">
<img class="hex" src="/images/nodeschool-istanbul.svg" alt="Istanbul Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/campinas" title="Campinas">
<img class="hex" src="/images/nodeschool-campinas.svg" alt="Campinas Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/washingtondc" title="Washington DC">
<img class="hex" src="/images/nodeschool-washingtondc.svg" alt="Washington DC Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/spb/" title="Saint Petersburg">
<img class="hex" src="/images/nodeschool-spb.svg" alt="Saint Petersburg Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/perth/" title="Perth, WA">
<img class="hex" src="/images/nodeschool-perth.svg" alt="Perth Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/stlouis/" title="St. Louis, MO">
<img class="hex" src="/images/nodeschool-stlouis.svg" alt="St. Louis Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/nyc/" title="New York City, NY">
<img class="hex" src="/images/nodeschool-nyc.svg" alt="New York City Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/haarlem/" title="Haarlem">
<img class="hex" src="/images/nodeschool-haarlem.svg" alt="Haarlem Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/amsterdam/" title="Amsterdam">
<img class="hex" src="/images/nodeschool-amsterdam.svg" alt="Amsterdam Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/st-petersburg/" title="St. Petersburg, FL">
<img class="hex" src="/images/nodeschool-stpete.png" alt="St. Petersburg, FL Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/reykjavik/" title="Reykjavik">
<img class="hex" src="/images/nodeschool-rvk.svg" alt="Reykjavik Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/dhaka" title="Dhaka">
<img class="hex" src="/images/nodeschool-dhaka.png" alt="Dhaka Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/italy" title="Italy">
<img class="hex" src="/images/nodeschool-italy.svg" alt="Italy Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/hermosillo" title="Hermosillo">
<img class="hex" src="/images/nodeschool-hermosillo.svg" alt="Hermosillo Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/berlin" title="Berlin">
<img class="hex" src="/images/nodeschool-berlin.png" alt="Berlin Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/costarica" title="Costa Rica">
<img class="hex" src="/images/nodeschool-costarica.png" alt="Costa Rica Hexagon">
</a>
<a class="imglink" href="http://nodeschool.io/Lahore" title="Lahore">
<img class="hex" src="/images/nodeschool-lahore.png" alt="Lahore Hexagon">
</a>
<a class="imglink" href="http://nodeschool.io/fort-worth" title="Fort Worth">
<img class="hex" src="/images/nodeschool-fortworth.svg" alt="Fort Worth Hexagon">
</a>
<a class="imglink" href="https://github.com/nodeschool/sydney/" title="Sydney">
<img class="hex" src="/images/nodeschool-sydney.png" alt="Sydney Hexagon">
</a>
<a class="imglink" href="https://nodeschool.io/okinawa/" title="Okinawa">
<img class="hex" src="/images/nodeschool-okinawa.svg" alt="Okinawa Hexagon">
</a>
<a class="imglink" href="https://nodeschool.io/guatemala/" title="Guatemala">
<img class="hex" src="/images/nodeschool-guatemala.svg" alt="Guatemala Hexagon">
</a>
<a class="imglink" href="https://nodeschool.io/pereira/" title="Pereira">
<img class="hex" src="/images/nodeschool-pereira.svg" alt="Pereira Hexagon">
</a>
<img class="hex" src="/images/nodeschool-blank.png" alt="blank hexagon" aria-hidden="true">
</div>
</noscript>
</div>
</div>
<div class="two-thirds">
Expand All @@ -51,7 +228,7 @@ <h2>{{region}}</h2>
<ul>
{{#chapters}}
{{#image}}
<li class="chapter" style="width: 275px;text-align: center;">
<li class="chapter badge">
<a target="_blank" rel="noreferrer noopener" href="{{website}}" class="imglink" title="{{location}}">
<img class="hex" src="/images/{{image}}" alt="{{location}} Hexagon" />
{{location}}{{#country}}, {{country}}{{/country}}
Expand All @@ -78,10 +255,14 @@ <h2>{{region}}</h2>
<script type="text/javascript" src="/js/dependencies.js"></script>
<script type="text/javascript" src="/js/chapters.js"></script>
<script>
$(document).ready(function () {
setTimeout("cant()", 100);
});

!function (s, c, h, O, o, l) {
s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
(s[h].q = s[h].q || []).push(arguments)
}); s[h].l = +new Date; o = c.createElement(O);
s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
(s[h].q = s[h].q || []).push(arguments)
}); s[h].l = +new Date; o = c.createElement(O);
l = c.getElementsByTagName(O)[0]; o.src = '//www.google-analytics.com/analytics.js';
l.parentNode.insertBefore(o, l)
}(window, document, 'ga', 'script');
Expand Down
11 changes: 11 additions & 0 deletions js/chapters.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,4 +17,15 @@ function loadChapters() {
var template = $("#tmpl-chapter-list").html()
$("#chapter-list").html(Mustache.render(template, JSON.parse(body)))
})
}

var cant = function () {
$(".chapter-list")
.find("h2")
.each(
function () {
var cont = $(this).parent().find("li").length;
$(this).html($(this).html() + " (" + cont + ")");
}
);
}
9 changes: 8 additions & 1 deletion styles/chapters.styl
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
@import 'settings/*'
@import 'settings/*';

.badge {
width: 270px !important;
height: 350px;
text-align: center;
vertical-align: top;
}

.chapter-list {
ul {
Expand Down

0 comments on commit cf00e7d

Please sign in to comment.