diff --git a/app/components/team-member.coffee b/app/components/team-member.coffee new file mode 100644 index 00000000..ced58d7c --- /dev/null +++ b/app/components/team-member.coffee @@ -0,0 +1,8 @@ +`import Ember from 'ember'` + +TeamMemberComponent = Ember.Component.extend + + tagName: 'li' + classNames: ['team-member'] + +`export default TeamMemberComponent` diff --git a/app/routes/team.coffee b/app/routes/team.coffee new file mode 100644 index 00000000..b84372eb --- /dev/null +++ b/app/routes/team.coffee @@ -0,0 +1,193 @@ +`import Ember from 'ember'` +`import TravisRoute from 'travis/routes/basic'` + +Route = TravisRoute.extend + needsAuth: false + + model: () -> + [ + { + name: 'Sven Fuchs' + title: 'The Original Builder' + handle: 'svenfuchs' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Josh Kalderimis' + title: 'Chief Post-It Officer' + handle: 'j2h' + nationality: 'newzealand' + country: 'germany' + image: '' + }, + { + name: 'Fritz Thielemann' + title: 'Admin Adventures' + handle: 'fritzek' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Konstantin Haase' + title: 'Haase of Pain' + handle: 'konstantinhaase' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Mathias Meyer' + title: 'Director of Bacon Relations' + handle: 'roidrage' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Piotr Sarnacki' + title: 'Code Monkey' + handle: 'drogus' + nationality: 'poland' + country: 'germany' + image: '' + }, + { + name: 'Anika Lindtner' + title: 'Head Catwoman' + handle: 'langziehohr' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Henrik Hodne' + title: 'Mac Master Man' + handle: 'henrikhodne' + nationality: 'norway' + country: 'norway' + image: '' + }, + { + name: 'Justine Arreche' + title: 'Lead Clipart Strategist' + handle: 'saltinejustine' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Hiro Asari' + title: 'International Man of IPAs' + handle: 'hiro_asari' + nationality: 'japan' + country: 'usa' + image: '' + }, + { + name: 'Dan Buch' + title: 'That\'s Numberwang' + handle: 'meatballhat' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Lisa Passing' + title: 'Queen of !important' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Carla Drago' + title: 'inchworm' + handle: 'carlad' + nationality: 'italy' + country: 'germany' + image: '' + }, + { + name: 'Anja Reichmann' + title: 'Tyranjasaurus Specs' + handle: '_tyranja_' + nationality: 'germany' + country: 'germany' + image: '' + }, + { + name: 'Aly Fulton' + title: 'Resident Linguist' + handle: 'sinthetix' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Amanda Quaranto' + title: 'Crafting Extremist' + handle: 'aquaranto' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Jen Duke' + title: 'Gastrognome' + handle: 'dukeofberlin' + nationality: 'usa' + country: 'germany' + image: '' + }, + { + name: 'Brandon Burton' + title: 'Regional Cloud Manager' + handle: 'solarce' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Emma Trimble' + title: 'Lead Pungineer' + handle: 'emdantrim' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'María de Antón' + title: 'Sous Chef at The Bloge' + handle: 'amalulla' + nationality: 'spain' + country: 'spain' + image: '' + }, + { + name: 'Danish Khan' + title: 'Red Shirt' + handle: 'danishkhan' + nationality: 'usa' + country: 'usa' + image: '' + }, + { + name: 'Dominic Jodoin' + title: 'Humble Tab Hoarder' + handle: 'cotsog' + nationality: 'canada' + country: 'canada' + image: '' + }, + { + name: 'Liza Brisker' + title: 'Brainy Trainee' + nationality: 'russia' + country: 'germany' + image: '' + } + ] + +`export default Route` diff --git a/app/styles/app/layouts/home-pro.sass b/app/styles/app/layouts/home-pro.sass index 2c3221da..b969f57a 100644 --- a/app/styles/app/layouts/home-pro.sass +++ b/app/styles/app/layouts/home-pro.sass @@ -404,3 +404,50 @@ font-size: 16px +.team-flags + vertical-align: middle + img + display: inline-block + width: 26px + height: 16px + .flag-divider + font-size: 1.3em + color: #d9d9d9 + padding: 0 5px + +.team-image + width: 113px + height: 113px + border-radius: 50% + overflow: hidden + img + background-color: green + +.team-member + flex: 1 0 190px + padding: 0 + text-align: center + +.list--team + display: flex + flex-wrap: wrap + list-style: none + align-content: space-between + margin: 0 + padding: 0 + +.team-name + font-weight: 300 + font-size: 20px + margin: 0 + line-height: 1.5 +.team-title + font-style: italic + line-height: 1.5 + margin: 0 + font-size: 16px + +.team-handle + font-size: 16px + margin: 0 + diff --git a/app/templates/components/team-member.hbs b/app/templates/components/team-member.hbs new file mode 100644 index 00000000..821b1f51 --- /dev/null +++ b/app/templates/components/team-member.hbs @@ -0,0 +1,13 @@ +
+ +
+

{{member.name}}

+

{{member.title}}

+{{#if member.handle}} +

@{{member.handle}}

+{{/if}} +
+ flag {{member.nationality}} + / + flag {{member.country}} +
diff --git a/app/templates/team.hbs b/app/templates/team.hbs index bb3eee57..150df666 100644 --- a/app/templates/team.hbs +++ b/app/templates/team.hbs @@ -1,7 +1,16 @@
-

HEllo team

+
+

Teamwork makes Travis CI possible

+

We've got Builders in areas across Europe and North America working together to make the tool you love to use. +

+
+
    + {{#each model as |member|}} + {{team-member member=member}} + {{/each}} +
\ No newline at end of file