From 053828f4ac8c7a370f7b07e9a1b5a89d9d90a9b1 Mon Sep 17 00:00:00 2001 From: hyperbola Date: Wed, 20 Jan 2021 00:47:28 +0800 Subject: [PATCH] [Style] Korea fish in desktop mode --- src/assets/images/{cfp => CFP}/2018.png | Bin src/assets/images/{cfp => CFP}/2019.png | Bin src/assets/images/{cfp => CFP}/2020.png | Bin .../images/{cfp => CFP}/Mobile/Group 66.svg | 0 .../{cfp => CFP}/Mobile/Mobile-background.svg | 0 .../images/{cfp => CFP}/Mobile/Path 751.svg | 0 .../images/{cfp => CFP}/Mobile/Path 752.svg | 0 .../images/{cfp => CFP}/Mobile/Path 753.svg | 0 .../images/{cfp => CFP}/Mobile/Path 754.svg | 0 .../images/{cfp => CFP}/Mobile/Path 755.svg | 0 .../images/{cfp => CFP}/Mobile/Path 756.svg | 0 .../images/{cfp => CFP}/Mobile/Path_763.svg | 0 .../images/{cfp => CFP}/Mobile/paper.png | Bin .../images/{cfp => CFP}/Mobile/paper@2x.png | Bin src/assets/images/{cfp => CFP}/Path 733.svg | 0 src/assets/images/{cfp => CFP}/Path 734.svg | 0 src/assets/images/{cfp => CFP}/Path 735.svg | 0 src/assets/images/{cfp => CFP}/Path 736.svg | 0 src/assets/images/{cfp => CFP}/Path 737.svg | 0 src/assets/images/{cfp => CFP}/Path 738.svg | 0 src/assets/images/{cfp => CFP}/Path 740.svg | 0 src/assets/images/{cfp => CFP}/Path_762.svg | 0 .../{cfp/Ellipse 5.svg => CFP/ellipse.svg} | 0 .../images/{cfp => CFP}/paper/paper.png | Bin .../images/{cfp => CFP}/paper/paper@2x.png | Bin src/assets/images/CFP/radial.svg | 1 + .../Group 10.svg => CFP/sitcon-apple.svg} | 0 src/assets/images/cfp/Background.svg | 1 - src/assets/scss/CFP/bg.scss | 35 ++++++++++++++++++ .../CFP/{Intro.vue => Intro.vue.old} | 0 src/pages/CFP.vue | 21 +++++++---- 31 files changed, 50 insertions(+), 8 deletions(-) rename src/assets/images/{cfp => CFP}/2018.png (100%) rename src/assets/images/{cfp => CFP}/2019.png (100%) rename src/assets/images/{cfp => CFP}/2020.png (100%) rename src/assets/images/{cfp => CFP}/Mobile/Group 66.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Mobile-background.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 751.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 752.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 753.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 754.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 755.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path 756.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/Path_763.svg (100%) rename src/assets/images/{cfp => CFP}/Mobile/paper.png (100%) rename src/assets/images/{cfp => CFP}/Mobile/paper@2x.png (100%) rename src/assets/images/{cfp => CFP}/Path 733.svg (100%) rename src/assets/images/{cfp => CFP}/Path 734.svg (100%) rename src/assets/images/{cfp => CFP}/Path 735.svg (100%) rename src/assets/images/{cfp => CFP}/Path 736.svg (100%) rename src/assets/images/{cfp => CFP}/Path 737.svg (100%) rename src/assets/images/{cfp => CFP}/Path 738.svg (100%) rename src/assets/images/{cfp => CFP}/Path 740.svg (100%) rename src/assets/images/{cfp => CFP}/Path_762.svg (100%) rename src/assets/images/{cfp/Ellipse 5.svg => CFP/ellipse.svg} (100%) rename src/assets/images/{cfp => CFP}/paper/paper.png (100%) rename src/assets/images/{cfp => CFP}/paper/paper@2x.png (100%) create mode 100644 src/assets/images/CFP/radial.svg rename src/assets/images/{cfp/Group 10.svg => CFP/sitcon-apple.svg} (100%) delete mode 100644 src/assets/images/cfp/Background.svg create mode 100644 src/assets/scss/CFP/bg.scss rename src/components/CFP/{Intro.vue => Intro.vue.old} (100%) diff --git a/src/assets/images/cfp/2018.png b/src/assets/images/CFP/2018.png similarity index 100% rename from src/assets/images/cfp/2018.png rename to src/assets/images/CFP/2018.png diff --git a/src/assets/images/cfp/2019.png b/src/assets/images/CFP/2019.png similarity index 100% rename from src/assets/images/cfp/2019.png rename to src/assets/images/CFP/2019.png diff --git a/src/assets/images/cfp/2020.png b/src/assets/images/CFP/2020.png similarity index 100% rename from src/assets/images/cfp/2020.png rename to src/assets/images/CFP/2020.png diff --git a/src/assets/images/cfp/Mobile/Group 66.svg b/src/assets/images/CFP/Mobile/Group 66.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Group 66.svg rename to src/assets/images/CFP/Mobile/Group 66.svg diff --git a/src/assets/images/cfp/Mobile/Mobile-background.svg b/src/assets/images/CFP/Mobile/Mobile-background.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Mobile-background.svg rename to src/assets/images/CFP/Mobile/Mobile-background.svg diff --git a/src/assets/images/cfp/Mobile/Path 751.svg b/src/assets/images/CFP/Mobile/Path 751.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 751.svg rename to src/assets/images/CFP/Mobile/Path 751.svg diff --git a/src/assets/images/cfp/Mobile/Path 752.svg b/src/assets/images/CFP/Mobile/Path 752.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 752.svg rename to src/assets/images/CFP/Mobile/Path 752.svg diff --git a/src/assets/images/cfp/Mobile/Path 753.svg b/src/assets/images/CFP/Mobile/Path 753.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 753.svg rename to src/assets/images/CFP/Mobile/Path 753.svg diff --git a/src/assets/images/cfp/Mobile/Path 754.svg b/src/assets/images/CFP/Mobile/Path 754.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 754.svg rename to src/assets/images/CFP/Mobile/Path 754.svg diff --git a/src/assets/images/cfp/Mobile/Path 755.svg b/src/assets/images/CFP/Mobile/Path 755.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 755.svg rename to src/assets/images/CFP/Mobile/Path 755.svg diff --git a/src/assets/images/cfp/Mobile/Path 756.svg b/src/assets/images/CFP/Mobile/Path 756.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path 756.svg rename to src/assets/images/CFP/Mobile/Path 756.svg diff --git a/src/assets/images/cfp/Mobile/Path_763.svg b/src/assets/images/CFP/Mobile/Path_763.svg similarity index 100% rename from src/assets/images/cfp/Mobile/Path_763.svg rename to src/assets/images/CFP/Mobile/Path_763.svg diff --git a/src/assets/images/cfp/Mobile/paper.png b/src/assets/images/CFP/Mobile/paper.png similarity index 100% rename from src/assets/images/cfp/Mobile/paper.png rename to src/assets/images/CFP/Mobile/paper.png diff --git a/src/assets/images/cfp/Mobile/paper@2x.png b/src/assets/images/CFP/Mobile/paper@2x.png similarity index 100% rename from src/assets/images/cfp/Mobile/paper@2x.png rename to src/assets/images/CFP/Mobile/paper@2x.png diff --git a/src/assets/images/cfp/Path 733.svg b/src/assets/images/CFP/Path 733.svg similarity index 100% rename from src/assets/images/cfp/Path 733.svg rename to src/assets/images/CFP/Path 733.svg diff --git a/src/assets/images/cfp/Path 734.svg b/src/assets/images/CFP/Path 734.svg similarity index 100% rename from src/assets/images/cfp/Path 734.svg rename to src/assets/images/CFP/Path 734.svg diff --git a/src/assets/images/cfp/Path 735.svg b/src/assets/images/CFP/Path 735.svg similarity index 100% rename from src/assets/images/cfp/Path 735.svg rename to src/assets/images/CFP/Path 735.svg diff --git a/src/assets/images/cfp/Path 736.svg b/src/assets/images/CFP/Path 736.svg similarity index 100% rename from src/assets/images/cfp/Path 736.svg rename to src/assets/images/CFP/Path 736.svg diff --git a/src/assets/images/cfp/Path 737.svg b/src/assets/images/CFP/Path 737.svg similarity index 100% rename from src/assets/images/cfp/Path 737.svg rename to src/assets/images/CFP/Path 737.svg diff --git a/src/assets/images/cfp/Path 738.svg b/src/assets/images/CFP/Path 738.svg similarity index 100% rename from src/assets/images/cfp/Path 738.svg rename to src/assets/images/CFP/Path 738.svg diff --git a/src/assets/images/cfp/Path 740.svg b/src/assets/images/CFP/Path 740.svg similarity index 100% rename from src/assets/images/cfp/Path 740.svg rename to src/assets/images/CFP/Path 740.svg diff --git a/src/assets/images/cfp/Path_762.svg b/src/assets/images/CFP/Path_762.svg similarity index 100% rename from src/assets/images/cfp/Path_762.svg rename to src/assets/images/CFP/Path_762.svg diff --git a/src/assets/images/cfp/Ellipse 5.svg b/src/assets/images/CFP/ellipse.svg similarity index 100% rename from src/assets/images/cfp/Ellipse 5.svg rename to src/assets/images/CFP/ellipse.svg diff --git a/src/assets/images/cfp/paper/paper.png b/src/assets/images/CFP/paper/paper.png similarity index 100% rename from src/assets/images/cfp/paper/paper.png rename to src/assets/images/CFP/paper/paper.png diff --git a/src/assets/images/cfp/paper/paper@2x.png b/src/assets/images/CFP/paper/paper@2x.png similarity index 100% rename from src/assets/images/cfp/paper/paper@2x.png rename to src/assets/images/CFP/paper/paper@2x.png diff --git a/src/assets/images/CFP/radial.svg b/src/assets/images/CFP/radial.svg new file mode 100644 index 0000000..029f9a4 --- /dev/null +++ b/src/assets/images/CFP/radial.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/cfp/Group 10.svg b/src/assets/images/CFP/sitcon-apple.svg similarity index 100% rename from src/assets/images/cfp/Group 10.svg rename to src/assets/images/CFP/sitcon-apple.svg diff --git a/src/assets/images/cfp/Background.svg b/src/assets/images/cfp/Background.svg deleted file mode 100644 index 12cb3e5..0000000 --- a/src/assets/images/cfp/Background.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/scss/CFP/bg.scss b/src/assets/scss/CFP/bg.scss new file mode 100644 index 0000000..b83b19a --- /dev/null +++ b/src/assets/scss/CFP/bg.scss @@ -0,0 +1,35 @@ +#cfp { + position: relative; +} + +// The Korea Fish + +#cfp-bg { + width: 100vw; + z-index: -1; + position: absolute; + left: -12px; // offset + + .korea-fish { + top: 0; + left: 0; + width: 100%; + display: flex; + justify-content: center; + align-items: flex-start; + .sitcon-apple { + position: absolute; + margin-top: 360px; + width: 250px; + } + .ellipse { + position: absolute; + margin-top: 200px; + width: 640px; + } + .radial { + width: 100vw; + position: absolute; + } + } +} diff --git a/src/components/CFP/Intro.vue b/src/components/CFP/Intro.vue.old similarity index 100% rename from src/components/CFP/Intro.vue rename to src/components/CFP/Intro.vue.old diff --git a/src/pages/CFP.vue b/src/pages/CFP.vue index 6fa05ae..8b04083 100644 --- a/src/pages/CFP.vue +++ b/src/pages/CFP.vue @@ -1,8 +1,15 @@ @@ -10,12 +17,12 @@ import { Component, Prop, Vue } from 'vue-property-decorator'; // components import CfpHeader from '@/components/CFP/Header.vue'; -import Intro from '@/components/CFP/Intro.vue'; +// import Intro from '@/components/CFP/Intro.vue'; @Component({ components: { - CfpHeader, - Intro + CfpHeader + // Intro } }) export default class CFP extends Vue { @@ -24,6 +31,6 @@ export default class CFP extends Vue {