Skip to content
This repository was archived by the owner on Feb 6, 2024. It is now read-only.

Commit 3f33558

Browse files
peterpeterparkerpeterpeterparker
committed
feat: split team in own page
1 parent e61e86a commit 3f33558

File tree

7 files changed

+126
-82
lines changed

7 files changed

+126
-82
lines changed

‎studio/src/app/app-root.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,6 +98,7 @@ export class AppRoot {
9898
<ion-route url="/signin/:redirect" component="app-signin"/>
9999

100100
<ion-route url="/about" component="app-about"/>
101+
<ion-route url="/team" component="app-team"/>
101102
<ion-route url="/opensource" component="app-opensource"/>
102103
<ion-route url="/privacy" component="app-privacy"/>
103104
<ion-route url="/terms" component="app-terms"/>

‎studio/src/app/components/core/app-footer/app-footer.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,10 @@ export class AppFooter {
1515
<ion-label>About</ion-label>
1616
</ion-anchor>
1717

18+
<ion-anchor href="/team" routerDirection="forward">
19+
<ion-label>Team</ion-label>
20+
</ion-anchor>
21+
1822
<ion-anchor href="/opensource" routerDirection="forward">
1923
<ion-label>Open source</ion-label>
2024
</ion-anchor>

‎studio/src/app/pages/core/about/app-about/app-about.scss‎

Lines changed: 0 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -13,39 +13,5 @@ app-about {
1313
}
1414
}
1515
}
16-
17-
div.team {
18-
display: flex;
19-
justify-content: center;
20-
flex-direction: column;
21-
align-items: center;
22-
23-
> div {
24-
padding-top: 32px;
25-
26-
&:last-of-type {
27-
padding-top: 64px;
28-
}
29-
30-
max-width: 460px;
31-
32-
display: flex;
33-
justify-content: center;
34-
align-items: center;
35-
flex-direction: column;
36-
37-
app-avatar {
38-
--deckgo-avatar-size: 8rem;
39-
}
40-
41-
a {
42-
padding: 8px;
43-
44-
ion-icon {
45-
font-size: 1.4rem;
46-
}
47-
}
48-
}
49-
}
5016
}
5117
}

‎studio/src/app/pages/core/about/app-about/app-about.tsx‎

Lines changed: 0 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -34,54 +34,6 @@ export class AppAbout {
3434
</ion-row>
3535
</ion-grid>
3636

37-
<h1 class="ion-text-center ion-padding-top">Team</h1>
38-
39-
<div class="team">
40-
<div>
41-
<app-avatar src="https://pbs.twimg.com/profile_images/941274539979366400/bTKGkd-O_400x400.jpg"></app-avatar>
42-
43-
<h2>David Dal Busco</h2>
44-
45-
<p text-center>David is a freelancer by day and the creator of DeckDeckGo by night. He's also the organiser of the Ionic Meetup Zürich and used to play in a band called VanRonMaiden, which was probably the coolest band ever but no one will ever know 🤣</p>
46-
47-
<div class="social-links">
48-
<a href="http://github.com/peterpeterparker">
49-
<ion-icon name="logo-github" area-label="Github"></ion-icon>
50-
</a>
51-
52-
<a href="https://twitter.com/daviddalbusco">
53-
<ion-icon name="logo-twitter" area-label="Twitter"></ion-icon>
54-
</a>
55-
56-
<a href="https://medium.com/@david.dalbusco">
57-
<ion-icon src="./assets/img/medium-icon.svg" area-label="Medium"></ion-icon>
58-
</a>
59-
</div>
60-
</div>
61-
62-
<div>
63-
<app-avatar src="https://pbs.twimg.com/profile_images/588789970690658305/Ru9JiWks_400x400.png"></app-avatar>
64-
65-
<h2>Nicolas Mattia</h2>
66-
67-
<p class="ion-text-center">Nicolas ... has a bio as soon as he'll send me a PR 😉</p>
68-
69-
<div class="social-links">
70-
<a href="https://github.com/nmattia">
71-
<ion-icon name="logo-github" area-label="Github"></ion-icon>
72-
</a>
73-
74-
<a href="https://twitter.com/nasmattia">
75-
<ion-icon name="logo-twitter" area-label="Twitter"></ion-icon>
76-
</a>
77-
78-
<a href="https://nmattia.com">
79-
<ion-icon name="globe" area-label="Personal website"></ion-icon>
80-
</a>
81-
</div>
82-
</div>
83-
</div>
84-
8537
</main>
8638

8739
</ion-content>

‎studio/src/app/pages/core/about/app-team/app-team.scss‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
app-team {
2+
main {
3+
background: white;
4+
5+
div.team {
6+
display: flex;
7+
justify-content: center;
8+
flex-direction: column;
9+
align-items: center;
10+
11+
> div {
12+
padding-top: 32px;
13+
14+
&:last-of-type {
15+
padding-top: 64px;
16+
}
17+
18+
max-width: 460px;
19+
20+
display: flex;
21+
justify-content: center;
22+
align-items: center;
23+
flex-direction: column;
24+
25+
app-avatar {
26+
--deckgo-avatar-size: 8rem;
27+
}
28+
29+
a {
30+
padding: 8px;
31+
32+
ion-icon {
33+
font-size: 1.4rem;
34+
}
35+
}
36+
}
37+
}
38+
}
39+
}

‎studio/src/app/pages/core/about/app-team/app-team.tsx‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import {Component} from '@stencil/core';
2+
3+
@Component({
4+
tag: 'app-team',
5+
styleUrl: 'app-team.scss'
6+
})
7+
export class AppTeam {
8+
9+
render() {
10+
return [
11+
<app-navigation presentation={true}></app-navigation>,
12+
<ion-content padding>
13+
14+
<main padding>
15+
<h1>Team</h1>
16+
17+
<div class="team">
18+
<div>
19+
<app-avatar src="https://pbs.twimg.com/profile_images/941274539979366400/bTKGkd-O_400x400.jpg"></app-avatar>
20+
21+
<h2>David Dal Busco</h2>
22+
23+
<p text-center>David is a freelancer by day and the creator of DeckDeckGo by night. He's also the organiser of the Ionic Meetup Zürich and used to play in a band called VanRonMaiden, which was probably the coolest band ever but no one will ever know 🤣</p>
24+
25+
<div class="social-links">
26+
<a href="http://github.com/peterpeterparker">
27+
<ion-icon name="logo-github" area-label="Github"></ion-icon>
28+
</a>
29+
30+
<a href="https://twitter.com/daviddalbusco">
31+
<ion-icon name="logo-twitter" area-label="Twitter"></ion-icon>
32+
</a>
33+
34+
<a href="https://medium.com/@david.dalbusco">
35+
<ion-icon src="./assets/img/medium-icon.svg" area-label="Medium"></ion-icon>
36+
</a>
37+
</div>
38+
</div>
39+
40+
<div>
41+
<app-avatar src="https://pbs.twimg.com/profile_images/588789970690658305/Ru9JiWks_400x400.png"></app-avatar>
42+
43+
<h2>Nicolas Mattia</h2>
44+
45+
<p class="ion-text-center">Nicolas ... has a bio as soon as he'll send me a PR 😉</p>
46+
47+
<div class="social-links">
48+
<a href="https://github.com/nmattia">
49+
<ion-icon name="logo-github" area-label="Github"></ion-icon>
50+
</a>
51+
52+
<a href="https://twitter.com/nasmattia">
53+
<ion-icon name="logo-twitter" area-label="Twitter"></ion-icon>
54+
</a>
55+
56+
<a href="https://nmattia.com">
57+
<ion-icon name="globe" area-label="Personal website"></ion-icon>
58+
</a>
59+
</div>
60+
</div>
61+
</div>
62+
63+
</main>
64+
65+
</ion-content>
66+
];
67+
}
68+
69+
}

‎studio/src/components.d.ts‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,9 @@ export namespace Components {
153153
interface AppPrivacy {}
154154
interface AppPrivacyAttributes extends StencilHTMLAttributes {}
155155

156+
interface AppTeam {}
157+
interface AppTeamAttributes extends StencilHTMLAttributes {}
158+
156159
interface AppTerms {}
157160
interface AppTermsAttributes extends StencilHTMLAttributes {}
158161

@@ -209,6 +212,7 @@ declare global {
209212
'AppContact': Components.AppContact;
210213
'AppOpensource': Components.AppOpensource;
211214
'AppPrivacy': Components.AppPrivacy;
215+
'AppTeam': Components.AppTeam;
212216
'AppTerms': Components.AppTerms;
213217
'AppHome': Components.AppHome;
214218
'AppSignin': Components.AppSignin;
@@ -241,6 +245,7 @@ declare global {
241245
'app-contact': Components.AppContactAttributes;
242246
'app-opensource': Components.AppOpensourceAttributes;
243247
'app-privacy': Components.AppPrivacyAttributes;
248+
'app-team': Components.AppTeamAttributes;
244249
'app-terms': Components.AppTermsAttributes;
245250
'app-home': Components.AppHomeAttributes;
246251
'app-signin': Components.AppSigninAttributes;
@@ -378,6 +383,12 @@ declare global {
378383
new (): HTMLAppPrivacyElement;
379384
};
380385

386+
interface HTMLAppTeamElement extends Components.AppTeam, HTMLStencilElement {}
387+
var HTMLAppTeamElement: {
388+
prototype: HTMLAppTeamElement;
389+
new (): HTMLAppTeamElement;
390+
};
391+
381392
interface HTMLAppTermsElement extends Components.AppTerms, HTMLStencilElement {}
382393
var HTMLAppTermsElement: {
383394
prototype: HTMLAppTermsElement;
@@ -448,6 +459,7 @@ declare global {
448459
'app-contact': HTMLAppContactElement
449460
'app-opensource': HTMLAppOpensourceElement
450461
'app-privacy': HTMLAppPrivacyElement
462+
'app-team': HTMLAppTeamElement
451463
'app-terms': HTMLAppTermsElement
452464
'app-home': HTMLAppHomeElement
453465
'app-signin': HTMLAppSigninElement
@@ -480,6 +492,7 @@ declare global {
480492
'app-contact': HTMLAppContactElement;
481493
'app-opensource': HTMLAppOpensourceElement;
482494
'app-privacy': HTMLAppPrivacyElement;
495+
'app-team': HTMLAppTeamElement;
483496
'app-terms': HTMLAppTermsElement;
484497
'app-home': HTMLAppHomeElement;
485498
'app-signin': HTMLAppSigninElement;

0 commit comments

Comments
 (0)