diff --git a/src/assets/images/sopt-corporate-activity/aws-seminar.png b/src/assets/images/sopt-corporate-activity/aws-seminar.png new file mode 100644 index 00000000..aed1cf69 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/aws-seminar.png differ diff --git a/src/assets/images/sopt-corporate-activity/foundation-attention.png b/src/assets/images/sopt-corporate-activity/foundation-attention.png new file mode 100644 index 00000000..9848c84a Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/foundation-attention.png differ diff --git a/src/assets/images/sopt-corporate-activity/kb-dna.png b/src/assets/images/sopt-corporate-activity/kb-dna.png new file mode 100644 index 00000000..21f3cef5 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/kb-dna.png differ diff --git a/src/assets/images/sopt-corporate-activity/open-insight.png b/src/assets/images/sopt-corporate-activity/open-insight.png new file mode 100644 index 00000000..12fc80e1 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/open-insight.png differ diff --git a/src/assets/images/sopt-corporate-activity/scon-it.png b/src/assets/images/sopt-corporate-activity/scon-it.png new file mode 100644 index 00000000..dd4039a5 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/scon-it.png differ diff --git a/src/assets/images/sopt-corporate-activity/seeso-remote-work.png b/src/assets/images/sopt-corporate-activity/seeso-remote-work.png new file mode 100644 index 00000000..d1dabd80 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/seeso-remote-work.png differ diff --git a/src/assets/images/sopt-corporate-activity/spark-lab.png b/src/assets/images/sopt-corporate-activity/spark-lab.png new file mode 100644 index 00000000..67f28368 Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/spark-lab.png differ diff --git a/src/assets/images/sopt-corporate-activity/unithon.png b/src/assets/images/sopt-corporate-activity/unithon.png new file mode 100644 index 00000000..6e950b9a Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/unithon.png differ diff --git a/src/assets/images/sopt-corporate-activity/we-make-price-campus.png b/src/assets/images/sopt-corporate-activity/we-make-price-campus.png new file mode 100644 index 00000000..adfb238b Binary files /dev/null and b/src/assets/images/sopt-corporate-activity/we-make-price-campus.png differ diff --git a/src/assets/images/sopt-corporate-partner/asan.png b/src/assets/images/sopt-corporate-partner/asan.png new file mode 100644 index 00000000..35f766df Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/asan.png differ diff --git a/src/assets/images/sopt-corporate-partner/aws-educate.png b/src/assets/images/sopt-corporate-partner/aws-educate.png new file mode 100644 index 00000000..f8ae10c1 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/aws-educate.png differ diff --git a/src/assets/images/sopt-corporate-partner/dcamp.png b/src/assets/images/sopt-corporate-partner/dcamp.png new file mode 100644 index 00000000..d5676ea4 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/dcamp.png differ diff --git a/src/assets/images/sopt-corporate-partner/dream-plus.png b/src/assets/images/sopt-corporate-partner/dream-plus.png new file mode 100644 index 00000000..cd9a6776 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/dream-plus.png differ diff --git a/src/assets/images/sopt-corporate-partner/ict-coc.png b/src/assets/images/sopt-corporate-partner/ict-coc.png new file mode 100644 index 00000000..2c3fc259 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/ict-coc.png differ diff --git a/src/assets/images/sopt-corporate-partner/kb.png b/src/assets/images/sopt-corporate-partner/kb.png new file mode 100644 index 00000000..7e70040d Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/kb.png differ diff --git a/src/assets/images/sopt-corporate-partner/maru.png b/src/assets/images/sopt-corporate-partner/maru.png new file mode 100644 index 00000000..1736d039 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/maru.png differ diff --git a/src/assets/images/sopt-corporate-partner/my-real-trip.png b/src/assets/images/sopt-corporate-partner/my-real-trip.png new file mode 100644 index 00000000..2c5c2da5 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/my-real-trip.png differ diff --git a/src/assets/images/sopt-corporate-partner/nation-of-delivery.png b/src/assets/images/sopt-corporate-partner/nation-of-delivery.png new file mode 100644 index 00000000..f39defd0 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/nation-of-delivery.png differ diff --git a/src/assets/images/sopt-corporate-partner/naver-d2.png b/src/assets/images/sopt-corporate-partner/naver-d2.png new file mode 100644 index 00000000..bd823b44 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/naver-d2.png differ diff --git a/src/assets/images/sopt-corporate-partner/orange-farm.png b/src/assets/images/sopt-corporate-partner/orange-farm.png new file mode 100644 index 00000000..3a50b1fc Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/orange-farm.png differ diff --git a/src/assets/images/sopt-corporate-partner/tom-toc.png b/src/assets/images/sopt-corporate-partner/tom-toc.png new file mode 100644 index 00000000..d787210f Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/tom-toc.png differ diff --git a/src/assets/images/sopt-corporate-partner/venture.png b/src/assets/images/sopt-corporate-partner/venture.png new file mode 100644 index 00000000..acfccf96 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/venture.png differ diff --git a/src/assets/images/sopt-corporate-partner/vingle.png b/src/assets/images/sopt-corporate-partner/vingle.png new file mode 100644 index 00000000..6516be9e Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/vingle.png differ diff --git a/src/assets/images/sopt-corporate-partner/we-make-price.png b/src/assets/images/sopt-corporate-partner/we-make-price.png new file mode 100644 index 00000000..e59522bf Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/we-make-price.png differ diff --git a/src/assets/images/sopt-corporate-partner/yonsei.png b/src/assets/images/sopt-corporate-partner/yonsei.png new file mode 100644 index 00000000..38be0c62 Binary files /dev/null and b/src/assets/images/sopt-corporate-partner/yonsei.png differ diff --git a/src/views/MainPage/stylesheets/_mixins.scss b/src/views/MainPage/stylesheets/_mixins.scss new file mode 100644 index 00000000..ba2c1327 --- /dev/null +++ b/src/views/MainPage/stylesheets/_mixins.scss @@ -0,0 +1,37 @@ +@import './variables'; + +@mixin mobile { + @media (max-width: #{$breakpoint-tablet-small - 1px}) { + @content; + } +} + +@mixin tablet { + @media (min-width: #{$breakpoint-tablet-small}) and (max-width: #{$breakpoint-desktop - 1px}) { + @content; + } +} + +@mixin tablet-small { + @media (min-width: #{$breakpoint-tablet-small}) and (max-width: #{$breakpoint-tablet-medium - 1px}) { + @content; + } +} + +@mixin tablet-medium { + @media (min-width: #{$breakpoint-tablet-medium}) and (max-width: #{$breakpoint-desktop - 1px}) { + @content; + } +} + +@mixin mobile-tablet { + @media (min-width: #{$breakpoint-mobile}) and (max-width: #{$breakpoint-desktop - 1px}) { + @content; + } +} + +@mixin desktop { + @media (min-width: #{$breakpoint-desktop}) { + @content; + } +} diff --git a/src/views/MainPage/stylesheets/_variables.scss b/src/views/MainPage/stylesheets/_variables.scss new file mode 100644 index 00000000..576a6be0 --- /dev/null +++ b/src/views/MainPage/stylesheets/_variables.scss @@ -0,0 +1,5 @@ +// Breakpoints +$breakpoint-mobile: 360px; +$breakpoint-tablet-small: 766px; +$breakpoint-tablet-medium: 1124px; +$breakpoint-desktop: 1300px; diff --git a/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts b/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts index 2e341128..8a64888f 100644 --- a/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts +++ b/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts @@ -1,12 +1,12 @@ -import aws_seminar from '@src/views/MainPage/assets/sopt-corporate-activity/aws-seminar.png'; -import foundation_attention from '@src/views/MainPage/assets/sopt-corporate-activity/foundation-attention.png'; -import kb_dna from '@src/views/MainPage/assets/sopt-corporate-activity/kb-dna.png'; -import open_insight from '@src/views/MainPage/assets/sopt-corporate-activity/open-insight.png'; -import scon_it from '@src/views/MainPage/assets/sopt-corporate-activity/scon-it.png'; -import seeso_remote_work from '@src/views/MainPage/assets/sopt-corporate-activity/seeso-remote-work.png'; -import spark_lab from '@src/views/MainPage/assets/sopt-corporate-activity/spark-lab.png'; -import unithon from '@src/views/MainPage/assets/sopt-corporate-activity/unithon.png'; -import we_make_price_campus from '@src/views/MainPage/assets/sopt-corporate-activity/we-make-price-campus.png'; +import aws_seminar from '@src/assets/images/sopt-corporate-activity/aws-seminar.png'; +import foundation_attention from '@src/assets/images/sopt-corporate-activity/foundation-attention.png'; +import kb_dna from '@src/assets/images/sopt-corporate-activity/kb-dna.png'; +import open_insight from '@src/assets/images/sopt-corporate-activity/open-insight.png'; +import scon_it from '@src/assets/images/sopt-corporate-activity/scon-it.png'; +import seeso_remote_work from '@src/assets/images/sopt-corporate-activity/seeso-remote-work.png'; +import spark_lab from '@src/assets/images/sopt-corporate-activity/spark-lab.png'; +import unithon from '@src/assets/images/sopt-corporate-activity/unithon.png'; +import we_make_price_campus from '@src/assets/images/sopt-corporate-activity/we-make-price-campus.png'; export const corporatedLinkedActivities = [ { diff --git a/src/views/SponsorPage/components/CorporatePartner/constants.ts b/src/views/SponsorPage/components/CorporatePartner/constants.ts index 770a0b0a..64afd606 100644 --- a/src/views/SponsorPage/components/CorporatePartner/constants.ts +++ b/src/views/SponsorPage/components/CorporatePartner/constants.ts @@ -1,19 +1,19 @@ -import 아산나눔재단 from '@src/views/MainPage/assets/sopt-corporate-partner/asan.png'; -import AWSeducate from '@src/views/MainPage/assets/sopt-corporate-partner/aws-educate.png'; -import DCAMP from '@src/views/MainPage/assets/sopt-corporate-partner/dcamp.png'; -import DREAMPLUS from '@src/views/MainPage/assets/sopt-corporate-partner/dream-plus.png'; -import ICTCoC from '@src/views/MainPage/assets/sopt-corporate-partner/ict-coc.png'; -import KB금융지주 from '@src/views/MainPage/assets/sopt-corporate-partner/kb.png'; -import MARU180 from '@src/views/MainPage/assets/sopt-corporate-partner/maru.png'; -import 마이리얼트립 from '@src/views/MainPage/assets/sopt-corporate-partner/my-real-trip.png'; -import 배달의민족 from '@src/views/MainPage/assets/sopt-corporate-partner/nation-of-delivery.png'; -import NAVERD2 from '@src/views/MainPage/assets/sopt-corporate-partner/naver-d2.png'; -import 스마일게이트오렌지팜 from '@src/views/MainPage/assets/sopt-corporate-partner/orange-farm.png'; -import tomtoc from '@src/views/MainPage/assets/sopt-corporate-partner/tom-toc.png'; -import 창업진흥원 from '@src/views/MainPage/assets/sopt-corporate-partner/venture.png'; -import Vingle from '@src/views/MainPage/assets/sopt-corporate-partner/vingle.png'; -import 위메프 from '@src/views/MainPage/assets/sopt-corporate-partner/we-make-price.png'; -import 연세대학교창업지원단 from '@src/views/MainPage/assets/sopt-corporate-partner/yonsei.png'; +import 아산나눔재단 from '@src/assets/images/sopt-corporate-partner/asan.png'; +import AWSeducate from '@src/assets/images/sopt-corporate-partner/aws-educate.png'; +import DCAMP from '@src/assets/images/sopt-corporate-partner/dcamp.png'; +import DREAMPLUS from '@src/assets/images/sopt-corporate-partner/dream-plus.png'; +import ICTCoC from '@src/assets/images/sopt-corporate-partner/ict-coc.png'; +import KB금융지주 from '@src/assets/images/sopt-corporate-partner/kb.png'; +import MARU180 from '@src/assets/images/sopt-corporate-partner/maru.png'; +import 마이리얼트립 from '@src/assets/images/sopt-corporate-partner/my-real-trip.png'; +import 배달의민족 from '@src/assets/images/sopt-corporate-partner/nation-of-delivery.png'; +import NAVERD2 from '@src/assets/images/sopt-corporate-partner/naver-d2.png'; +import 스마일게이트오렌지팜 from '@src/assets/images/sopt-corporate-partner/orange-farm.png'; +import tomtoc from '@src/assets/images/sopt-corporate-partner/tom-toc.png'; +import 창업진흥원 from '@src/assets/images/sopt-corporate-partner/venture.png'; +import Vingle from '@src/assets/images/sopt-corporate-partner/vingle.png'; +import 위메프 from '@src/assets/images/sopt-corporate-partner/we-make-price.png'; +import 연세대학교창업지원단 from '@src/assets/images/sopt-corporate-partner/yonsei.png'; export const corporatePartnerList = [ {