Skip to content

Commit b0429f7

Browse files
author
Alex FusionAuth
committed
add team
1 parent e7155dd commit b0429f7

5 files changed

Lines changed: 83 additions & 42 deletions

File tree

‎apps/codingcatdev/src/routes/(home-partials)/(home-podcast)/HomePodcast.svelte‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
import PodcastCard from './PodcastCard.svelte';
55
import PodcastSvg from './PodcastSvg.svelte';
66
export let podcasts: Podcast[];
7-
console.log(podcasts);
87
</script>
98

109
<section class="relative">
@@ -25,7 +24,9 @@
2524
</p>
2625
</div>
2726
<div class="sm:basis-1/3 flex">
28-
<a href="/podcasts" class="bcu-button variant-filled">View all episodes</a>
27+
<a href="/podcasts" class="bcu-button variant-filled sm:bcu-button-xl"
28+
>View all episodes</a
29+
>
2930
</div>
3031
</div>
3132
</div>

‎apps/codingcatdev/src/routes/(home-partials)/(home-podcast)/ProSelect.svelte‎

Lines changed: 0 additions & 38 deletions
This file was deleted.

‎apps/codingcatdev/src/routes/(home-partials)/(home-team)/HomeTeam.svelte‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<script lang="ts">
2+
import { Avatar } from '@codingcatdev/blackcatui';
3+
import GitLineGradient from '../(home-campaign)/GitLineGradient.svelte';
4+
import TeamSvg from './TeamSvg.svelte';
5+
</script>
6+
7+
<section class="bg-surface-500-400-token text-on-surface-token">
8+
<div class="grid justify-center grid-cols-1 px-8 mx-auto gap-2 2xl:gap-10 max-w-7xl relative">
9+
<div class="flex">
10+
<div class="flex flex-col basis-1/12 relative">
11+
<GitLineGradient />
12+
<TeamSvg />
13+
<GitLineGradient rotate={true} />
14+
</div>
15+
<div class="basis-11/12 pl-4 sm:pl-2 py-20 sm:py-48 flex flex-col gap-20">
16+
<div class="flex flex-col lg:flex-row gap-8 items-center">
17+
<div class="sm:basis-2/3 flex flex-col justify-center gap-8">
18+
<h2>Meet the team</h2>
19+
<p>
20+
Coding Cat is brought to you by Alex and Brittney. Together, they have over 20 years
21+
of experience training and coaching young developers.
22+
</p>
23+
</div>
24+
<div class="sm:basis-1/3 flex">
25+
<a href="/courses" class="bcu-button variant-filled sm:bcu-button-xl">Explore courses</a
26+
>
27+
</div>
28+
</div>
29+
<!-- Authors -->
30+
<div class="flex flex-col lg:flex-row gap-8 items-center">
31+
<div class="sm:basis-1/2 flex flex-col justify-center gap-8">
32+
<a class="bcu-card variant-filled-surface p-8" href="/author/alex-patterson">
33+
<div class="flex flex-col gap-8">
34+
<div class="flex gap-8 justify-center items-center">
35+
<Avatar
36+
src="https://media.codingcat.dev/image/upload/c_thumb,g_face,w_200,h_200/main-codingcatdev-photo/headshots/Alex-Patterson-2022.jpg"
37+
class="shrink-0"
38+
/>
39+
<div class="flex flex-col">
40+
<h2>Alex Patterson</h2>
41+
<p>Full-time DevRel</p>
42+
</div>
43+
</div>
44+
<p>
45+
I am a professional full stack developer, and I am passionate about mentoring new
46+
developers and helping the community that has allowed me to li...
47+
</p>
48+
</div>
49+
</a>
50+
</div>
51+
<div class="sm:basis-1/2 flex flex-col justify-center gap-8">
52+
<a class="bcu-card variant-filled-surface p-8" href="/author/brittney-postma">
53+
<div class="flex flex-col gap-8">
54+
<div class="flex gap-8 justify-center items-center">
55+
<Avatar
56+
src="https://media.codingcat.dev/image/upload/c_thumb,g_face,w_200,h_200/main-codingcatdev-photo/headshots/brittney.jpg"
57+
class="shrink-0"
58+
/>
59+
<div class="flex flex-col">
60+
<h2>Brittney Postma</h2>
61+
<p>Full-time Designer</p>
62+
</div>
63+
</div>
64+
<p>
65+
I love developing beautiful, fluid, and responsive websites using the Jamstack. I
66+
thrive on UI/UX development with an extensive knowledge of front-end libraries
67+
Rea...
68+
</p>
69+
</div>
70+
</a>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</section>

apps/codingcatdev/src/routes/(home-partials)/(home-podcast)/CheckBadgeSvg.svelte renamed to apps/codingcatdev/src/routes/(home-partials)/(home-team)/TeamSvg.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
2-
import { CheckBadge } from '@steeze-ui/heroicons';
2+
import { Users } from '@steeze-ui/heroicons';
33
import { Icon } from '@steeze-ui/svelte-icon';
44
</script>
55

66
<div class="mx-auto my-3">
77
<div class="relative d-inline-block z-1">
8-
<Icon src={CheckBadge} theme="solid" class="w-8" />
8+
<Icon src={Users} theme="solid" class="w-8" />
99
</div>
1010
</div>

‎apps/codingcatdev/src/routes/+page.svelte‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
import HomePodcast from './(home-partials)/(home-podcast)/HomePodcast.svelte';
66
import HomeProBenefits from './(home-partials)/(home-pro-benefits)/HomeProBenefits.svelte';
77
import HomeReviews from './(home-partials)/(home-reviews)/HomeReviews.svelte';
8+
import HomeTeam from './(home-partials)/(home-team)/HomeTeam.svelte';
89
910
export let data: {
1011
podcasts: Podcast[];
@@ -17,4 +18,5 @@
1718
<HomeLatestCourse />
1819
<HomeProBenefits />
1920
<HomePodcast podcasts={data.podcasts} />
21+
<HomeTeam />
2022
</div>

0 commit comments

Comments
 (0)