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 {