This repository has been archived by the owner on Nov 29, 2023. It is now read-only.
generated from atls-academy/template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #19 from atls-academy/feat/landing-sixth-step
feat/landing-sixth-step
- Loading branch information
Showing
178 changed files
with
5,809 additions
and
2,484 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file modified
BIN
+368 KB
(240%)
landing/entrypoints/renderer/src/public/image/Bg-gradient-waves.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
186 changes: 63 additions & 123 deletions
186
landing/fragments/landing-about/src/about.component.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,133 +1,73 @@ | ||
| import React from 'react' | ||
| import { FormattedMessage } from 'react-intl' | ||
|
|
||
| import { Condition } from '@ui/condition' | ||
| import { Delimiter } from '@ui/delimiter' | ||
| import { Box } from '@ui/layout' | ||
| import { Row } from '@ui/layout' | ||
| import { Layout } from '@ui/layout' | ||
| import { Column } from '@ui/layout' | ||
| import { Text } from '@ui/text' | ||
| import { Space } from '@ui/text' | ||
| import { useWindowWidth } from '@ui/utils' | ||
|
|
||
| import { Delimiter } from './delimiter' | ||
|
|
||
| export const About = () => { | ||
| const { isMobile } = useWindowWidth() | ||
|
|
||
| return ( | ||
| <Column flexGrow='1'> | ||
| <Layout flexBasis={[64, 160]} /> | ||
|
|
||
| <Row> | ||
| <Layout flexBasis={[20, 230]} /> | ||
|
|
||
| <Column flexBasis={[335, 1460]} flexGrow='1'> | ||
| <Condition match={!isMobile}> | ||
| <Box display='inline'> | ||
| <Text | ||
| display='inline' | ||
| color='text.white' | ||
| fontSize='common' | ||
| lineHeight='huge' | ||
| wordWrap='break-word' | ||
| > | ||
| <FormattedMessage id='about.intro-desktop' /> | ||
| </Text> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Text | ||
| display='inline' | ||
| color='text.white' | ||
| fontSize='common' | ||
| lineHeight='huge' | ||
| wordWrap='break-word' | ||
| > | ||
| <FormattedMessage id='about.problem-desktop' /> | ||
| </Text> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
| </Box> | ||
| </Condition> | ||
|
|
||
| <Condition match={isMobile}> | ||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.intro-digital-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.intro-not-decrease-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.intro-for-your-decisions-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Layout flexBasis={28} /> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.central-idea-atlantis-teach-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.central-idea-make-engineers-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.central-idea-architects-mobile' /> | ||
| </Text> | ||
| </Box> | ||
|
|
||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id='about.central-idea-not-programmers-mobile' /> | ||
| </Text> | ||
| </Box> | ||
| </Condition> | ||
|
|
||
| <Layout flexBasis={[0, 40]} /> | ||
|
|
||
| <Condition match={!isMobile}> | ||
| <Box display='inline'> | ||
| <Text | ||
| display='inline' | ||
| color='text.white' | ||
| fontSize='common' | ||
| lineHeight='huge' | ||
| wordWrap='break-word' | ||
| > | ||
| <FormattedMessage id='about.central-idea-desktop' /> | ||
| </Text> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
| </Box> | ||
| </Condition> | ||
|
|
||
| import { DesktopTextBlock } from './text-block' | ||
| import { MobileTextBlock } from './text-block' | ||
|
|
||
| export const About = () => ( | ||
| <Column flexGrow='1'> | ||
| <Layout flexBasis={[64, 160]} /> | ||
|
|
||
| <Row> | ||
| <Layout flexBasis={[20, 230]} /> | ||
|
|
||
| <Column flexBasis={[335, 1460]} flexGrow='1' flexShrink='0'> | ||
| <Box display={['none', 'inline']}> | ||
| <DesktopTextBlock id='about.intro-desktop' /> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <DesktopTextBlock id='about.problem-desktop' /> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
| </Box> | ||
|
|
||
| <Column display={['flex', 'none']}> | ||
| <MobileTextBlock id='about.intro-digital-mobile' /> | ||
|
|
||
| <MobileTextBlock id='about.intro-not-decrease-mobile' /> | ||
|
|
||
| <MobileTextBlock id='about.intro-for-your-decisions-mobile' /> | ||
|
|
||
| <Layout flexBasis={28} /> | ||
|
|
||
| <MobileTextBlock id='about.central-idea-atlantis-teach-mobile' /> | ||
|
|
||
| <MobileTextBlock id='about.central-idea-make-engineers-mobile' /> | ||
|
|
||
| <MobileTextBlock id='about.central-idea-architects-mobile' /> | ||
|
|
||
| <MobileTextBlock id='about.central-idea-not-programmers-mobile' /> | ||
| </Column> | ||
|
|
||
| <Layout flexBasis={[20, 230]} /> | ||
| </Row> | ||
| <Layout flexBasis={[0, 40]} /> | ||
|
|
||
| <Box display={['none', 'inline']}> | ||
| <Box display='inline'> | ||
| <DesktopTextBlock id='about.central-idea-desktop' /> | ||
|
|
||
| <Space count='6' /> | ||
|
|
||
| <Delimiter /> | ||
| </Box> | ||
| </Box> | ||
| </Column> | ||
|
|
||
| <Layout flexBasis={[20, 230]} /> | ||
| </Row> | ||
|
|
||
| <Layout flexBasis={[128, 240]} /> | ||
| </Column> | ||
| ) | ||
| } | ||
| <Layout flexBasis={[128, 240]} /> | ||
| </Column> | ||
| ) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export * from './text-block.component' |
28 changes: 28 additions & 0 deletions
28
landing/fragments/landing-about/src/text-block/text-block.component.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| import React from 'react' | ||
| import { FC } from 'react' | ||
| import { FormattedMessage } from 'react-intl' | ||
|
|
||
| import { Box } from '@ui/layout' | ||
| import { Text } from '@ui/text' | ||
|
|
||
| import { TextBlockProps } from './text-block.interfaces' | ||
|
|
||
| export const DesktopTextBlock: FC<TextBlockProps> = ({ id }) => ( | ||
| <Text | ||
| display='inline' | ||
| color='text.white' | ||
| fontSize='common' | ||
| lineHeight='huge' | ||
| wordWrap='break-word' | ||
| > | ||
| <FormattedMessage id={id} /> | ||
| </Text> | ||
| ) | ||
|
|
||
| export const MobileTextBlock: FC<TextBlockProps> = ({ id }) => ( | ||
| <Box> | ||
| <Text color='text.white' fontSize='small' lineHeight='huge'> | ||
| <FormattedMessage id={id} /> | ||
| </Text> | ||
| </Box> | ||
| ) |
3 changes: 3 additions & 0 deletions
3
landing/fragments/landing-about/src/text-block/text-block.interfaces.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| export interface TextBlockProps { | ||
| id: string | ||
| } |
78 changes: 78 additions & 0 deletions
78
landing/fragments/landing-courses/src/cards/cards-learning.component.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| import React from 'react' | ||
|
|
||
| import { Card } from '@ui/card' | ||
| import { Condition } from '@ui/condition' | ||
| import { Layout } from '@ui/layout' | ||
| import { Box } from '@ui/layout' | ||
| import { useWindowWidth } from '@ui/utils' | ||
|
|
||
| import { CardCategory } from '../data' | ||
| import { CardsList } from '../data' | ||
|
|
||
| export const CardsLearning = () => { | ||
| const { isMobile } = useWindowWidth() | ||
|
|
||
| return ( | ||
| <Box flexDirection={{ _: 'column', standard: 'column', wide: 'row' }}> | ||
| {CardsList.filter( | ||
| (card) => card.category === CardCategory.Teach || card.category === CardCategory.MiniCourse | ||
| ).map((card, index, array) => ( | ||
| <Box | ||
| key={card.id} | ||
| flexDirection={{ _: 'column', standard: 'column', wide: 'row' }} | ||
| width='100%' | ||
| > | ||
| <Condition match={index !== 0}> | ||
| <Layout flexBasis={[10, 20]} flexShrink='0' /> | ||
| </Condition> | ||
|
|
||
| <Condition match={card.category === CardCategory.Teach && !isMobile}> | ||
| <Card | ||
| category={card.category} | ||
| titleDesktop={card.title} | ||
| description={card.descriptionDesktop} | ||
| indent={{ standard: 214, wide: 356, ultra: 222 }} | ||
| widthCategoryBox={{ standard: 104, wide: 156 }} | ||
| image={card.image} | ||
| /> | ||
| </Condition> | ||
|
|
||
| <Condition match={card.category === CardCategory.Teach && isMobile}> | ||
| <Card | ||
| category={card.category} | ||
| titleDesktop={card.title} | ||
| description={card.descriptionMobile} | ||
| indent={104} | ||
| widthCategoryBox={80} | ||
| /> | ||
| </Condition> | ||
|
|
||
| <Condition match={card.category === CardCategory.MiniCourse && !isMobile}> | ||
| <Card | ||
| category={card.category} | ||
| titleDesktop={card.title} | ||
| description={card.descriptionDesktop} | ||
| indent={{ standard: 56, wide: 356, ultra: 222 }} | ||
| widthCategoryBox={{ standard: 112, wide: 167 }} | ||
| image={card.image} | ||
| /> | ||
| </Condition> | ||
|
|
||
| <Condition match={card.category === CardCategory.MiniCourse && isMobile}> | ||
| <Card | ||
| category={card.category} | ||
| titleDesktop={card.title} | ||
| description={card.descriptionMobile} | ||
| indent={49} | ||
| widthCategoryBox={87} | ||
| /> | ||
| </Condition> | ||
|
|
||
| <Condition match={index !== array.length - 1}> | ||
| <Layout flexBasis={[10, 20]} flexShrink='0' /> | ||
| </Condition> | ||
| </Box> | ||
| ))} | ||
| </Box> | ||
| ) | ||
| } |
Oops, something went wrong.