Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

HexDex Page #629

Merged
merged 5 commits into from
Aug 30, 2018
Merged

HexDex Page #629

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4ce090b
Correcciones de Hexdex
ogsilvaa Aug 28, 2018
7d02a9f
conteo de insignias
ogsilvaa Aug 28, 2018
b8c5f34
variable borrada
ogsilvaa Aug 28, 2018
4cbf5fc
Corrección de Observaciones
ogsilvaa Aug 29, 2018
a284025
Absurdo pero que se puede hacer
ogsilvaa Aug 30, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
200 changes: 195 additions & 5 deletions hexdex.html
View file
Open in desktop
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,23 @@ <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("cantidad()", 100);
ogsilvaa marked this conversation as resolved.
Show resolved Hide resolved
});
var cantidad = function () {
$(".chapter-list")
.find("h2")
.each(
function () {
var conteo = $(this).parent().find("li").length;
$(this).html($(this).html() + " (" + conteo + ")");
}
);
}
!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
9 changes: 8 additions & 1 deletion styles/chapters.styl
View file
Open in desktop
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