make team members a component
This commit is contained in:
Lisa P
parent
e2122050df
commit
f898636a25
8
app/components/team-member.coffee
Normal file
8
app/components/team-member.coffee
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
TeamMemberComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNames: ['team-member']
|
||||
|
||||
`export default TeamMemberComponent`
|
||||
193
app/routes/team.coffee
Normal file
193
app/routes/team.coffee
Normal file
|
|
@ -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`
|
||||
|
|
@ -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
|
||||
|
||||
|
|
|
|||
13
app/templates/components/team-member.hbs
Normal file
13
app/templates/components/team-member.hbs
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<figure class="team-image">
|
||||
<img src="{{member.image}}" alt="">
|
||||
</figure>
|
||||
<h3 class="team-name">{{member.name}}</h3>
|
||||
<p class="team-title">{{member.title}}</p>
|
||||
{{#if member.handle}}
|
||||
<p class="team-handle"><a href="https://twitter.com/{{member.handle}}" title="{{member.name}} on Twitter">@{{member.handle}}</a></p>
|
||||
{{/if}}
|
||||
<div class="team-flags">
|
||||
<img src="../images/pro-landing/flag-{{member.nationality}}.svg" alt="flag {{member.nationality}}">
|
||||
<span class="flag-divider">/</span>
|
||||
<img src="../images/pro-landing/flag-{{member.country}}.svg" alt="flag {{member.country}}">
|
||||
</div>
|
||||
|
|
@ -1,7 +1,16 @@
|
|||
<div id="landing" class="landing wrapper">
|
||||
<section class="section--white">
|
||||
<div class="inner">
|
||||
<h1>HEllo team</h1>
|
||||
<header class="section--center">
|
||||
<h1 class="h1--green">Teamwork makes Travis CI possible</h1>
|
||||
<p class="text-big">We've got Builders in areas across Europe and North America working together to make the tool you love to use.
|
||||
</p>
|
||||
</header>
|
||||
<ul class="list--team">
|
||||
{{#each model as |member|}}
|
||||
{{team-member member=member}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user