Skip to content

Instantly share code, notes, and snippets.

@cs3b
Last active March 28, 2018 14:55
Show Gist options
  • Save cs3b/9b8abd33b403e7289ab61a5bee6e9355 to your computer and use it in GitHub Desktop.
Save cs3b/9b8abd33b403e7289ab61a5bee6e9355 to your computer and use it in GitHub Desktop.
.grid-container {
display: inline-grid;
grid-template-columns: auto auto auto;
}
.grid-item {
padding: 20px;
text-align: center;
}
.grid-item img {
max-height: 5em;
}
img.thumb {
max-height: 1em;
}
[
{
name: "Michał Czyż",
avatarUrl: "https://emberjs.com/images/tomsters/teaching-c05e27c7.png"
}, {
name: "Dawid Poślinski",
avatarUrl: "https://emberjs.com/images/tomsters/houston-6a064aa2.png"
}, {
name: "Michał Staśkiewicz",
avatarUrl: "https://emberjs.com/images/tomsters/original-72df3a45.png"
}, {
name: "Robert Harężlak",
avatarUrl: "https://emberjs.com/images/tomsters/munich-3007ebd9.png"
}, {
name: "Bartłomiej Dudzik",
avatarUrl: "https://emberjs.com/images/tomsters/officehours-42680347.png"
}
]
var config = {
apiKey: "AIzaSyCcH_d7yrnXJqUHM5D_5CLAotVWHp8QRKI",
authDomain: "embermeetup.firebaseapp.com",
databaseURL: "https://embermeetup.firebaseio.com",
projectId: "embermeetup",
storageBucket: "embermeetup.appspot.com",
messagingSenderId: "483816002262"
};
<div class="grid-container">
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
<div class="grid-item">
<img src="https://emberjs.com/images/tomsters/bulgaria-ea79880c.png">
<h6>Michał Czyż</h6>
</div>
</div>
// $('.tomster-image img').toArray().map( el => el.src )
[
"https://emberjs.com/images/tomsters/emberconf-2018-85708f7b.png",
"https://emberjs.com/images/tomsters/a11y-zoey-b2f44a99.png",
"https://emberjs.com/images/tomsters/a11y-tomster-75779620.png",
"https://emberjs.com/images/tomsters/chicago-zoey-5d60ee35.png",
"https://emberjs.com/images/tomsters/chicago-tomster-ccd89463.png",
"https://emberjs.com/images/tomsters/corp/crowdstrike-both-96018793.png",
"https://emberjs.com/images/tomsters/bulgaria-ea79880c.png",
"https://emberjs.com/images/tomsters/st-petersburg-tomster-380922da.png",
"https://emberjs.com/images/tomsters/corp/simplabs-both-2a523505.png",
"https://emberjs.com/images/tomsters/berlin-tomster-058d3e3d.png",
"https://emberjs.com/images/tomsters/cancer-tomster-7a38b627.png",
"https://emberjs.com/images/tomsters/cancer-zoey-90f8aebe.png",
"https://emberjs.com/images/tomsters/emberconf-2017-fcff003f.png",
"https://emberjs.com/images/tomsters/serbia-tomster-65a57925.png",
"https://emberjs.com/images/tomsters/atlanta-zoey-38822a67.png",
"https://emberjs.com/images/tomsters/dc-tomster-d03cbd95.png",
"https://emberjs.com/images/tomsters/munich-zoey-13fcfb64.png",
"https://emberjs.com/images/tomsters/austin-zoey-04b8289e.png",
"https://emberjs.com/images/tomsters/sandiego-zoey-b7637d09.png",
"https://emberjs.com/images/tomsters/amsterdam-80294881.png",
"https://emberjs.com/images/tomsters/corp/skylight-both-909158f5.png",
"https://emberjs.com/images/tomsters/emberconf-2016-tomster-7fe07543.png",
"https://emberjs.com/images/tomsters/zoey-2f531686.png",
"https://emberjs.com/images/tomsters/raleigh-0ad20d67.png",
"https://emberjs.com/images/tomsters/columbus-43aa6239.png",
"https://emberjs.com/images/tomsters/lts-8974c71c.png",
"https://emberjs.com/images/tomsters/4-lts-25b0f70d.png",
"https://emberjs.com/images/tomsters/nyc-a338e1f8.png",
"https://emberjs.com/images/tomsters/socal-ddfecebf.png",
"https://emberjs.com/images/tomsters/portland-afe81a16.png",
"https://emberjs.com/images/tomsters/vancouver-c0796ce4.png",
"https://emberjs.com/images/tomsters/denver-0b80f8cc.png",
"https://emberjs.com/images/tomsters/atlanta-tomster-aa8d49e8.png",
"https://emberjs.com/images/tomsters/pirate-c5fbf9f5.png",
"https://emberjs.com/images/tomsters/boston-ceb5ad02.png",
"https://emberjs.com/images/tomsters/montevideo-dee77934.png",
"https://emberjs.com/images/tomsters/dallas-07d863bf.png",
"https://emberjs.com/images/tomsters/seattle-b54549d8.png",
"https://emberjs.com/images/tomsters/louisville-db9684ca.png",
"https://emberjs.com/images/tomsters/jacksonville-d24d5293.png",
"https://emberjs.com/images/tomsters/austin-de585ee6.png",
"",
"https://emberjs.com/images/tomsters/philly-1299aeaa.png",
"https://emberjs.com/images/tomsters/0-rfc-479a65a4.png",
"https://emberjs.com/images/tomsters/builtwith-4c78b481.png",
"https://emberjs.com/images/tomsters/sherpa-725f5aee.png",
"https://emberjs.com/images/tomsters/emberconf-2015-tomster-8095d8ec.png",
"https://emberjs.com/images/tomsters/slc-53ed2ea4.png",
"https://emberjs.com/images/tomsters/london-d77e36eb.png",
"https://emberjs.com/images/tomsters/munich-3007ebd9.png",
"https://emberjs.com/images/tomsters/5k-b40d9a3a.png",
"https://emberjs.com/images/tomsters/3-release-3ad1bfdf.png",
"https://emberjs.com/images/tomsters/1-canary-6195a553.png",
"https://emberjs.com/images/tomsters/2-beta-15d4a9ae.png",
"https://emberjs.com/images/tomsters/emberconf-2014-tomster-3d2493a3.png",
"https://emberjs.com/images/tomsters/officehours-42680347.png",
"https://emberjs.com/images/tomsters/deprecated-24565384.png",
"https://emberjs.com/images/tomsters/construction-dad5711c.png",
"https://emberjs.com/images/tomsters/embercamp-c04424e3.png",
"https://emberjs.com/images/tomsters/teaching-c05e27c7.png",
"https://emberjs.com/images/tomsters/fishy-0a6d12d8.png",
"https://emberjs.com/images/tomsters/original-72df3a45.png"
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment