Merge branch 'home' into sponsor
This commit is contained in:
hyperbola
commit
6511b51769
32
src/App.vue
32
src/App.vue
@ -1,22 +1,38 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view/>
|
||||
<Footer/>
|
||||
<Header v-if="isRoot()" v-bind:route="$route" />
|
||||
<router-view />
|
||||
<FooterPrimary v-if="isRoot()" v-bind:route="$route" />
|
||||
<FooterSecondary v-if="!isRoot()" v-bind:route="$route" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from 'vue-property-decorator';
|
||||
import { Component, Vue, Watch } from "vue-property-decorator";
|
||||
|
||||
// components
|
||||
import Footer from '@/components/Footer.vue';
|
||||
import Header from "@/components/Header.vue";
|
||||
import FooterSecondary from "@/components/FooterSecondary.vue";
|
||||
import FooterPrimary from "@/components/FooterPrimary.vue";
|
||||
|
||||
@Component({
|
||||
components: {
|
||||
Footer
|
||||
}
|
||||
Header,
|
||||
FooterPrimary,
|
||||
FooterSecondary,
|
||||
},
|
||||
})
|
||||
export default class App extends Vue {}
|
||||
export default class App extends Vue {
|
||||
public isRoot(): boolean {
|
||||
if (
|
||||
this.$route.name == "CFP" ||
|
||||
this.$route.name === "news" ||
|
||||
this.$route.name === "ocfp-news"
|
||||
)
|
||||
return false;
|
||||
else return true;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "@/assets/scss/main.scss";
|
||||
</style>
|
||||
</style>
|
||||
|
||||
BIN
src/assets/font/Letter Gothic Std Bold.ttf
Normal file
BIN
src/assets/font/Letter Gothic Std Bold.ttf
Normal file
Binary file not shown.
BIN
src/assets/font/NotoSerifCJKtc-Black.otf
Normal file
BIN
src/assets/font/NotoSerifCJKtc-Black.otf
Normal file
Binary file not shown.
BIN
src/assets/font/NotoSerifCJKtc-Bold.otf
Normal file
BIN
src/assets/font/NotoSerifCJKtc-Bold.otf
Normal file
Binary file not shown.
BIN
src/assets/font/NotoSerifCJKtc-SemiBold.otf
Normal file
BIN
src/assets/font/NotoSerifCJKtc-SemiBold.otf
Normal file
Binary file not shown.
25
src/assets/images/home/home-headerIcon.svg
Normal file
25
src/assets/images/home/home-headerIcon.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="187.166" height="44.017" viewBox="0 0 187.166 44.017">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1{fill:#666}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Group_689" transform="translate(-46.387 -20.491)">
|
||||
<g id="Group_238" transform="translate(129.549 36.517)">
|
||||
<path id="Path_354" d="M289.293 156.153a3.656 3.656 0 0 0-.96-.577 2.579 2.579 0 0 0-.931-.188 1.511 1.511 0 0 0-.935.271.841.841 0 0 0-.36.7.7.7 0 0 0 .182.5 1.545 1.545 0 0 0 .472.338 4.192 4.192 0 0 0 .66.246c.249.07.491.15.73.23a4.487 4.487 0 0 1 2.111 1.285 3.159 3.159 0 0 1 .67 2.1 4.107 4.107 0 0 1-.293 1.579 3.285 3.285 0 0 1-.858 1.209 3.934 3.934 0 0 1-1.381.781 5.789 5.789 0 0 1-1.856.281 6.831 6.831 0 0 1-3.984-1.279l1.263-2.376a5.109 5.109 0 0 0 1.308.874 3.167 3.167 0 0 0 1.276.284 1.522 1.522 0 0 0 1.075-.332 1 1 0 0 0 .354-.749 1.072 1.072 0 0 0-.089-.447 1 1 0 0 0-.3-.344 2.393 2.393 0 0 0-.545-.29c-.226-.093-.5-.191-.82-.3-.383-.118-.756-.252-1.119-.4a3.525 3.525 0 0 1-.979-.577 2.752 2.752 0 0 1-.692-.909 3.231 3.231 0 0 1-.261-1.391 4.034 4.034 0 0 1 .277-1.528 3.385 3.385 0 0 1 .781-1.171 3.455 3.455 0 0 1 1.234-.762 4.685 4.685 0 0 1 1.63-.268 7.085 7.085 0 0 1 1.757.233 7.828 7.828 0 0 1 1.76.683z" class="cls-1" transform="translate(-282.56 -152.938)"/>
|
||||
<path id="Path_355" d="M290.832 153.037v11.332h-2.947v-11.332z" class="cls-1" transform="translate(-274.2 -152.721)"/>
|
||||
<path id="Path_356" d="M296.708 155.531v8.838h-2.947v-8.838h-2.421v-2.494h7.785v2.494z" class="cls-1" transform="translate(-269.598 -152.721)"/>
|
||||
<path id="Path_357" d="M304.791 157.043a3.143 3.143 0 0 0-2.523-1.25 3.085 3.085 0 0 0-1.225.242 2.918 2.918 0 0 0-.973.654 2.988 2.988 0 0 0-.638.986 3.207 3.207 0 0 0-.233 1.231 3.253 3.253 0 0 0 .233 1.247 3 3 0 0 0 .647.992 3.029 3.029 0 0 0 2.172.9 3.416 3.416 0 0 0 2.539-1.2v3.486l-.3.105a9.018 9.018 0 0 1-1.263.354 6.273 6.273 0 0 1-1.158.115 5.942 5.942 0 0 1-4.14-1.694 6.086 6.086 0 0 1-1.314-1.91 6.113 6.113 0 0 1-.009-4.81 6 6 0 0 1 1.308-1.879 6.079 6.079 0 0 1 1.9-1.231 5.927 5.927 0 0 1 2.271-.443 6.178 6.178 0 0 1 1.33.144 8.051 8.051 0 0 1 1.375.443z" class="cls-1" transform="translate(-262.61 -152.938)"/>
|
||||
<path id="Path_358" d="M301.435 158.921a5.94 5.94 0 0 1 .466-2.354 5.821 5.821 0 0 1 3.272-3.17 7.186 7.186 0 0 1 5.055 0 5.939 5.939 0 0 1 1.993 1.269 5.773 5.773 0 0 1 1.3 1.9 6.134 6.134 0 0 1 0 4.7 5.771 5.771 0 0 1-1.3 1.9 5.938 5.938 0 0 1-1.993 1.269 7.138 7.138 0 0 1-5.055 0 5.821 5.821 0 0 1-3.272-3.17 5.935 5.935 0 0 1-.466-2.344zm3.084 0a3.023 3.023 0 0 0 .252 1.244 3.185 3.185 0 0 0 .692 1 3.133 3.133 0 0 0 1.014.654 3.345 3.345 0 0 0 2.453 0 3.267 3.267 0 0 0 1.021-.654 3.1 3.1 0 0 0 .7-1 3.132 3.132 0 0 0 0-2.491 3.1 3.1 0 0 0-.7-1 3.266 3.266 0 0 0-1.021-.654 3.345 3.345 0 0 0-2.453 0 3.132 3.132 0 0 0-1.014.654 3.185 3.185 0 0 0-.692 1 3.027 3.027 0 0 0-.252 1.247z" class="cls-1" transform="translate(-255.213 -152.938)"/>
|
||||
<path id="Path_359" d="M308.075 164.369v-11.332h2.947l5.441 6.931v-6.931h2.931v11.332h-2.931l-5.441-6.931v6.931z" class="cls-1" transform="translate(-245.407 -152.721)"/>
|
||||
<path id="Path_360" d="M316.235 153.037h2.571l-2.765 4.991H314.3z" class="cls-1" transform="translate(-235.146 -152.721)"/>
|
||||
<path id="Path_361" d="M327.338 164.575h-9.125l2.81-2.915q1.114-1.158 1.744-1.962a10.423 10.423 0 0 0 .938-1.362 3.378 3.378 0 0 0 .383-.9 2.757 2.757 0 0 0 .077-.584 1.566 1.566 0 0 0-.083-.5 1.266 1.266 0 0 0-.246-.427 1.251 1.251 0 0 0-.4-.3 1.206 1.206 0 0 0-.545-.112 1.175 1.175 0 0 0-.941.389 1.437 1.437 0 0 0-.338.976 3.919 3.919 0 0 0 .045.482h-3.215a4.823 4.823 0 0 1 .322-1.805 4.07 4.07 0 0 1 .909-1.4 4.029 4.029 0 0 1 1.39-.9 4.8 4.8 0 0 1 1.767-.313 4.949 4.949 0 0 1 1.751.3 4.218 4.218 0 0 1 1.391.842 3.9 3.9 0 0 1 1.247 2.9 3.78 3.78 0 0 1-.4 1.722 6.064 6.064 0 0 1-1.269 1.617l-1.879 1.757h3.668z" class="cls-1" transform="translate(-233.246 -152.927)"/>
|
||||
<path id="Path_362" d="M325.52 155.531h-1.652v-2.494h4.6v11.332h-2.948z" class="cls-1" transform="translate(-224.463 -152.721)"/>
|
||||
</g>
|
||||
<g id="Group_239" transform="translate(46.387 20.491)">
|
||||
<path id="Path_363" fill="#1060ff" d="M302.68 135.71l10.16-10.161-8.875-8.876a3.011 3.011 0 0 0-4.257 0l-19.037 19.037a3.009 3.009 0 0 0 0 4.257l18.96 18.96a3.011 3.011 0 0 0 4.257 0l8.875-8.876-10.083-10.084a3.011 3.011 0 0 1 0-4.257z" transform="translate(-279.789 -115.792)"/>
|
||||
<path id="Path_364" fill="blue" d="M336.064 135.633l-18.964-18.96a3.011 3.011 0 0 0-4.257 0l-8.875 8.876 10.085 10.085a3.009 3.009 0 0 1 0 4.257l-10.16 10.161 8.875 8.876a3.011 3.011 0 0 0 4.257 0l19.037-19.037a3.011 3.011 0 0 0 .002-4.258z" transform="translate(-270.919 -115.792)"/>
|
||||
<path id="Path_365" fill="#fff" d="M317 133.009l-10.085-10.085-10.16 10.161a3.011 3.011 0 0 0 0 4.257l10.085 10.085L317 137.266a3.009 3.009 0 0 0 0-4.257z" transform="translate(-273.869 -113.167)"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
17
src/assets/images/home/home-icon-apple.svg
Normal file
17
src/assets/images/home/home-icon-apple.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="169.115" height="195.406" viewBox="0 0 169.115 195.406">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-3{fill:#fff}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Group_314" transform="translate(-1434.549 -1661)">
|
||||
<path id="Path_1133" fill="blue" d="M60.221 163.407L84 139.629l20.923-20.929a7.1 7.1 0 0 1 10.037 0l44.875 44.879a7.1 7.1 0 0 1 0 10.037l-44.7 44.7a7.1 7.1 0 0 1-10.037 0l-20.924-20.922-23.953-23.954a7.1 7.1 0 0 1 0-10.033z" transform="translate(1441.749 1544.373)"/>
|
||||
<path id="Path_1134" fill="#1060ff" d="M61.278 187.218l35.88-35.88 31.576-31.576a10.716 10.716 0 0 1 15.147 0l67.719 67.722a10.706 10.706 0 0 1 0 15.147l-67.451 67.451a10.707 10.707 0 0 1-15.147 0l-31.577-31.576-36.147-36.147a10.71 10.71 0 0 1 0-15.141z" transform="translate(1376.406 1583.186)"/>
|
||||
<g id="Group_313" transform="translate(1295.506 1679.767)">
|
||||
<path id="Path_1129" d="M221.016 50.52a14.962 14.962 0 0 1 11.6-2.558s-1.051 7.53-6.353 11.584-12.843 3.1-12.843 3.1a65.125 65.125 0 0 0 3.283-5.719c.959-1.891 2.358-4.912 4.313-6.407z" class="cls-3" transform="translate(8.445)"/>
|
||||
<path id="Path_1130" d="M210.769 54.859a6.99 6.99 0 0 0-5.417-1.194 9.157 9.157 0 0 0 2.967 5.409 9.16 9.16 0 0 0 6 1.447 30.615 30.615 0 0 1-1.534-2.67 8.967 8.967 0 0 0-2.016-2.992z" class="cls-3" transform="translate(5.969 1.794)"/>
|
||||
<path id="Path_1131" d="M210.519 70.922c.724 0 1.448.033 2.171.08-.646-3.853-.519-7.865 1.461-11.31-3.465 2.79-5.152 7.062-6.025 11.327.796-.058 1.594-.097 2.393-.097z" class="cls-3" transform="translate(6.82 3.682)"/>
|
||||
<path id="Path_1132" d="M217.339 69.272a31.44 31.44 0 1 0 31.439 31.441 31.44 31.44 0 0 0-31.439-31.441zm12.846 44.286l-12.846-8.841-12.845 8.841 8.841-12.845-8.841-12.846 12.845 8.841 12.846-8.841-8.841 12.846z" class="cls-3" transform="translate(0 6.622)"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
6
src/assets/images/home/home-icon-square.svg
Normal file
6
src/assets/images/home/home-icon-square.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="169.115" height="195.406" viewBox="0 0 169.115 195.406">
|
||||
<g>
|
||||
<path fill="blue" d="M159.838 163.407l-23.777-23.777-20.925-20.93a7.1 7.1 0 0 0-10.037 0l-44.876 44.883a7.1 7.1 0 0 0 0 10.037l44.7 44.7a7.1 7.1 0 0 0 10.037 0l20.925-20.925 23.954-23.954a7.1 7.1 0 0 0-.001-10.034z" transform="translate(-233.549 -987.983) translate(175.406 871.355)"/>
|
||||
<path fill="#1060ff" d="M211.6 187.218l-35.88-35.88-31.576-31.576a10.716 10.716 0 0 0-15.147 0l-67.715 67.722a10.706 10.706 0 0 0 0 15.147l67.451 67.451a10.707 10.707 0 0 0 15.147 0l31.576-31.576 36.144-36.147a10.71 10.71 0 0 0 0-15.141z" transform="translate(-233.549 -987.983) translate(187.927 910.168)"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 739 B |
BIN
src/assets/images/home/home-sponsors.png
Normal file
BIN
src/assets/images/home/home-sponsors.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
53
src/assets/images/home/home-topic.svg
Normal file
53
src/assets/images/home/home-topic.svg
Normal file
@ -0,0 +1,53 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="656.122" height="273.72" viewBox="0 0 656.122 273.72">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1{fill:#1060ff}.cls-2{fill:#00f}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Group_242" transform="translate(-28.936 -216.312)">
|
||||
<g id="Group_1" transform="translate(29.27 216.312)">
|
||||
<path id="Path_1" d="M29.03 217.894h17.111c12.995 0 21.692 7.387 21.692 33.658 0 25.9-8.041 33.672-22.722 33.672H29.03zm7.014 61.437h8.595c9.731 0 16.181-2.713 16.181-27.78 0-25.812-7.384-27.776-16.362-27.776h-8.414z" transform="translate(-29.03 -212.276)"/>
|
||||
<path id="Path_2" d="M81.782 223.775H53.814v23.94h20.112v5.892H53.814v25.723h28.625v5.892H46.8v-67.328h34.982z" transform="translate(16.318 -212.276)"/>
|
||||
<path id="Path_3" d="M98.362 230.986c-4.113-3.654-8.786-7.582-14.59-7.582-5.984 0-10.843 4.127-10.843 10.3 0 3.548.654 6.73 9.731 12.242l5.331 3.275c12.334 7.586 15.7 11.134 15.7 18.993 0 12.061-8.041 19.263-19.828 19.263-8.7 0-15.14-4.219-20.378-10.949l5.423-4.294c3.274 5.238 8.513 9.351 14.955 9.351 7.021 0 12.821-5.242 12.821-12.444 0-5.42-.38-7.295-12.26-14.391l-6.077-3.654c-6.638-3.931-12.441-8.513-12.441-16.919 0-10.569 8.055-16.646 18.155-16.646 7 0 13.46 3.729 18.517 8.406z" transform="translate(58.884 -213.214)"/>
|
||||
<path id="Path_4" d="M112.846 233.408c-.092-5.6-4.113-10-9.809-10-14.224 0-15.154 19.263-15.154 29.651 0 9.823 1.023 28.526 14.5 28.526 7 0 11.223-5.242 11.315-11.88h7c-.746 10.935-7.384 17.772-18.61 17.772-18.517 0-21.227-20.3-21.227-34.6 0-14.785 3.09-35.344 22.08-35.344 9.351 0 16.358 6.531 16.919 15.882z" transform="translate(103.226 -213.214)"/>
|
||||
<path id="Path_5" d="M133.753 223.775h-27.961v23.94h20.1v5.892h-20.1v25.723h28.614v5.892H98.785v-67.328h34.968z" transform="translate(148.949 -212.276)"/>
|
||||
<path id="Path_6" d="M116.071 217.894h8.129l20.485 50.3h.288v-50.3h7.007v67.986h-6.641l-22.065-54.338-.185.181v53.5h-7.021z" transform="translate(193.054 -212.276)"/>
|
||||
<path id="Path_7" d="M132.991 217.894h17.1c13.006 0 21.7 7.387 21.7 33.658 0 25.9-8.041 33.672-22.722 33.672h-16.078zm7 61.437h8.609c9.731 0 16.188-2.713 16.188-27.78 0-25.812-7.4-27.776-16.369-27.776h-8.424z" transform="translate(236.225 -212.276)"/>
|
||||
<path id="Path_8" d="M196.671 289.259H189.1l-5.988-19.828h-20.479l-5.984 19.828h-7.568l23.742-72.947zm-32.347-25.72h17.1l-8.605-27.215z" transform="translate(277.278 -216.312)"/>
|
||||
<path id="Path_9" d="M168.052 217.894h8.133l20.481 50.3h.291v-50.3h7v67.986h-6.638l-22.069-54.338-.181.181v53.5h-7.021z" transform="translate(325.682 -212.276)"/>
|
||||
<path id="Path_10" d="M229.088 223.775h-19.175v61.448h-7v-61.448H184.1v-5.881h44.987z" transform="translate(366.631 -212.276)"/>
|
||||
<path id="Path_11" d="M236.977 230.986c-4.113-3.654-8.79-7.582-14.589-7.582-5.988 0-10.843 4.127-10.843 10.3 0 3.548.654 6.73 9.731 12.242l5.327 3.275c12.338 7.586 15.7 11.134 15.7 18.993 0 12.061-8.044 19.263-19.832 19.263-8.694 0-15.136-4.219-20.375-10.949l5.42-4.294c3.274 5.238 8.516 9.351 14.955 9.351 7.021 0 12.824-5.242 12.824-12.444 0-5.42-.38-7.295-12.26-14.391l-6.077-3.654c-6.641-3.931-12.441-8.513-12.441-16.919 0-10.569 8.055-16.646 18.152-16.646 7.007 0 13.464 3.729 18.521 8.406z" transform="translate(412.558 -213.214)"/>
|
||||
</g>
|
||||
<g id="Group_5" transform="translate(28.936 415.774)">
|
||||
<g id="Group_2" transform="translate(0 4.311)">
|
||||
<path id="Path_12" d="M49.6 273.689c19.64 0 20.677 22.431 20.677 34.964 0 8.985.653 34.982-20.677 34.982-20.755 0-20.666-25.446-20.666-34.982.002-28.142 9.353-34.964 20.666-34.964zm13.655 34.964c0-6.165.934-29.087-13.655-29.087-14.962 0-13.652 25.159-13.652 29.087 0 7.678-.373 29.09 13.652 29.09 7.016.001 13.658-4.677 13.658-29.09z" transform="translate(-28.936 -273.689)"/>
|
||||
<path id="Path_13" d="M82.708 279.948h-29.08v23.39h21.785v5.881H53.628V341.4h-7.014v-67.347h36.094z" transform="translate(16.169 -272.76)"/>
|
||||
</g>
|
||||
<g id="Group_3" transform="translate(138.092 5.604)">
|
||||
<path id="Path_14" d="M112.806 279.948H93.631V341.4h-7v-61.452H67.819v-5.9h44.987z" transform="translate(-67.819 -274.053)"/>
|
||||
<path id="Path_15" d="M91.656 303.523h23.379v-29.47h7V341.4h-7v-31.985H91.656V341.4h-7.028v-67.347h7.028z" transform="translate(-24.931 -274.053)"/>
|
||||
<path id="Path_16" d="M136.378 279.948h-27.961v23.941h20.1v5.892h-20.1V335.5h28.614v5.9H101.41v-67.347h34.968z" transform="translate(17.888 -274.053)"/>
|
||||
</g>
|
||||
<g id="Group_4" transform="translate(332.714)">
|
||||
<path id="Path_17" d="M170.212 345.422h-7.572l-5.984-19.828h-20.481l-5.988 19.828h-7.568l23.742-72.947zM137.866 319.7h17.1l-8.605-27.215z" transform="translate(-122.619 -272.475)"/>
|
||||
<path id="Path_18" d="M139.977 341.4v-67.347H154.1c7.764 0 21.135.945 21.135 17.029 0 6.457-3.363 11.4-8.879 14.5 7.66 3.747 11.787 8.786 11.787 17.484 0 9.82-7.11 18.333-18.9 18.333zM147 303.431h8.133c6.261 0 13.1-4.585 13.1-12.626 0-11.13-9.351-10.857-13.663-10.857H147zm11.771 32.069c6.183 0 12.352-3.654 12.352-12.061 0-7.494-4.677-14.117-15.335-14.117H147V335.5z" transform="translate(-78.33 -268.449)"/>
|
||||
<path id="Path_19" d="M201.714 345.422h-7.568l-5.984-19.828h-20.486l-5.984 19.828h-7.568l23.742-72.947zM169.367 319.7h17.1l-8.605-27.215z" transform="translate(-42.235 -272.475)"/>
|
||||
<path id="Path_20" d="M202.936 289.571c-.092-5.6-4.113-10-9.809-10-14.224 0-15.151 19.267-15.151 29.651 0 9.824 1.019 28.526 14.5 28.526 7.007 0 11.223-5.238 11.315-11.88h7.009c-.749 10.935-7.387 17.772-18.61 17.772-18.521 0-21.231-20.3-21.231-34.6 0-14.788 3.09-35.348 22.083-35.348 9.351 0 16.355 6.531 16.919 15.882z" transform="translate(.709 -269.378)"/>
|
||||
<path id="Path_21" d="M224.339 274.053v49.664c0 12.718-9.536 18.99-18.61 18.99-7.295 0-18.7-4.113-18.7-22.722v-45.932h7.021v49.664c0 9.731 6.258 13.1 11.681 13.1 8.6 0 11.6-6.368 11.6-13.936v-48.828z" transform="translate(41.717 -268.449)"/>
|
||||
<path id="Path_22" d="M237.237 287.153c-4.113-3.658-8.786-7.586-14.589-7.586-5.984 0-10.843 4.127-10.843 10.3 0 3.548.653 6.73 9.731 12.245l5.331 3.271c12.334 7.586 15.7 11.134 15.7 18.993 0 12.061-8.041 19.263-19.828 19.263-8.7 0-15.14-4.219-20.378-10.949l5.423-4.294c3.274 5.238 8.513 9.351 14.955 9.351 7.018 0 12.821-5.238 12.821-12.444 0-5.42-.38-7.295-12.26-14.4l-6.077-3.64c-6.638-3.928-12.441-8.513-12.441-16.919 0-10.569 8.055-16.646 18.152-16.646 7.007 0 13.464 3.729 18.521 8.406z" transform="translate(80.841 -269.378)"/>
|
||||
</g>
|
||||
</g>
|
||||
<path id="Path_23" d="M41.311 255.151a38.916 38.916 0 0 1-11.517 10.619l-.764-.7c3.583-4.162 7.1-10.814 9.276-17.85l8.126 2.557a2.254 2.254 0 0 1-2.5 1.218l-1.342 2.3h8.889l2.944-3.779s3.321 2.628 5.306 4.606c-.192.707-.764 1.026-1.662 1.026zm38.381 33.135s3.9 3.068 6.332 5.37c-.192.7-.831 1.026-1.73 1.026H69.9v11.13c0 .511-2.625 1.467-4.734 1.467h-1.083v-12.6H51.1c-1.346 6.4-4.99 10.36-20.215 12.661l-.447-1.151c10.683-2.813 13.947-6.073 15.1-11.51H31.015l-.511-1.854h15.285c.192-1.73.256-3.647.32-5.761l7.739.9c-.124.771-.7 1.406-2.046 1.538-.128 1.151-.2 2.3-.387 3.328h12.668v-5.57l6.78.639v-1.79H45.534v1.6c0 .579-2.493 1.921-4.926 1.921h-.895v-28.4l6.268 2.688h24.243l1.73-1.921a3.187 3.187 0 0 1-.643-.32 8.634 8.634 0 0 0-3.136-4.99l.579-.515c8.122-.06 8.19 4.478 5.885 5.76l4.606 3.452a4.735 4.735 0 0 1-2.5 1.215v20.091c-.06.447-2.749 1.467-4.6 1.6-.259.7-.771 1.215-2.241 1.406v3.136h6.268zM43.744 256.17c11.191.447 7.291 8.7 2.873 5.824a10.583 10.583 0 0 0-3.576-5.377zm1.79 9.6v4.858h25.329v-4.858zm25.329 6.712H45.534v4.866h25.329zm0 11.773V279.2H45.534v5.054zM81.1 249.2s3.583 2.813 5.885 4.922c-.192.707-.835 1.026-1.73 1.026H65.813a32.493 32.493 0 0 1-9.34 7.675l-.771-.575a46.73 46.73 0 0 0 7.423-14.969l7.8 3.136c-.32.7-1.083 1.218-2.5 1.026-.38.632-.827 1.275-1.211 1.854h10.624z" transform="translate(.24 78.854)"/>
|
||||
<path id="Path_24" d="M70.718 267.521c1.541-.064 3.647-.131 6.336-.323v-15.542l5.885 2.362H83c.263-1.723.522-4.28.71-6.009l7.8 1.215c-.252.962-1.023 1.474-2.429 1.6-.959.895-2.5 2.177-3.708 3.2h7.156l2.436-2.873 5.689 4.287a3.984 3.984 0 0 1-2.429 1.215v8.765l2.365-.263.128.9c3.52-3.324 3.779-7.224 3.779-10.683v-5.5l6.137 2.433h5.7l2.688-2.749 5.05 4.219a3.609 3.609 0 0 1-2.3.895v5.057c0 .636.188.827.824.827h1.342c.447 0 .97.064 1.282.064a4.845 4.845 0 0 0 .895-.128 9.693 9.693 0 0 0 1.094-.192h.575l.249.064c1.342.579 1.793.895 1.793 1.854 0 1.985-1.659 2.561-6.584 2.561h-.895l4.791 4.219c-.447.518-1.023.7-2.49.835a26.128 26.128 0 0 1-4.606 5.949c9.408 5.246 8.065 10.939 3.388 9.724a56.084 56.084 0 0 0-7.543-6.332c-4.8 3.328-11.074 5.5-18.677 6.78l-.447-1.026c6.521-1.854 11.834-4.475 15.928-8.058a96.438 96.438 0 0 0-9.919-5.885l.511-.764a69.979 69.979 0 0 1 12.469 3.512 26.074 26.074 0 0 0 2.948-4.539h-18.167l-.575-1.854h18.865l2.813-2.561h-.76c-3.583 0-4.031-1.151-4.031-4.031v-6.588h-7.167v1.215c0 3.392-.959 8.634-8.509 11.578l-.447-.7-2.493.579v13.176c0 3.132-.955 4.8-7.163 5.246a3.021 3.021 0 0 0-1.222-2.433 12.36 12.36 0 0 0-4.791-1.343v-.827s5.437.316 6.783.316c1.083 0 1.279-.387 1.279-1.215v-11.77c-2.561.572-5.437 1.215-8.573 1.854 10.168 3.839 5.118 11.642 2.042 8.126a18.076 18.076 0 0 0-2.813-7.678l.511-.384-2.365.508c-.384 6.148-2.177 12.8-9.532 17.338l-.632-.771c3.832-4.411 4.926-9.909 5.174-15.6l-2.749.572a2.6 2.6 0 0 1-1.73 1.406zm55.782 31.793s3.072 2.873 4.866 4.919c-.135.7-.771 1.026-1.669 1.026H72.064l-.575-1.854h6.336v-19.256l6.655 2.621h32.3l2.813-2.937 5.626 4.28a3.167 3.167 0 0 1-1.978 1.026v14.266h.572zm-44.461-32.5c3.4-.256 7.107-.579 11.074-.959v-9.98H82.04zm1.605 36.587h7.419v-14.77h-7.418zm.771-46.631c10.8 3.456 5.75 11.45 2.614 7.927-.447-1.978-1.342-5.242-3.26-7.352zm12.21 31.857v14.774h7.614v-14.77zm13.176 0v14.774h7.49v-14.77z" transform="translate(106.606 80.874)"/>
|
||||
<path id="Path_25" d="M211.458 285.323c-.447.639-1.094.764-2.625.9a39.088 39.088 0 0 1-10.04 11.255 80.808 80.808 0 0 0 16.312 3.839l-.064.7c-2.749.639-4.478 2.688-5.125 5.761a56.475 56.475 0 0 1-16.624-6.844 64.8 64.8 0 0 1-20.979 6.844l-.387-.962A60.52 60.52 0 0 0 189.9 298.5a36.136 36.136 0 0 1-6.521-6.719 43.4 43.4 0 0 1-9.6 6.588l-.771-.764a50.485 50.485 0 0 0 8.126-9.4 33.229 33.229 0 0 1-2.55-5.5l.895-.576a26.758 26.758 0 0 0 2.749 4.351 56.541 56.541 0 0 0 3.9-7.614c-2.3.323-4.6.707-7.092 1.087a3.142 3.142 0 0 1-1.73 1.218l-2.564-7.359a11.4 11.4 0 0 0 2.564-.572 76.092 76.092 0 0 0 14.646-8.573c-3.523.7-7.678 1.6-12.032 2.365a3.3 3.3 0 0 1-1.655 1.6l-1.406-3.456c-.387.515-.959.831-2.365.639a82.216 82.216 0 0 1-5.885 7.291l2.937 1.09c-.252.572-.835.959-1.918 1.151v30.443c-.06.511-2.426 2.049-4.8 2.049h-1.147v-29.747a60.252 60.252 0 0 1-8.062 6.528l-.7-.7a89.252 89.252 0 0 0 14.135-23.1l7.668 4.031-1.335-3.328a8.779 8.779 0 0 0 1.978-.511c5.242-2.362 12.086-9.337 14.646-13.112l7.231 4.354c-.323.572-1.158.955-2.5.7a79.307 79.307 0 0 1-16.053 9.205c3.772 0 9.021 0 14.522-.06a73.089 73.089 0 0 0 9.145-8.442l6.46 5.693a2.416 2.416 0 0 1-2.617.316c-5.76 4.418-17.718 10.939-27.893 14.906 6.144-.067 15.8-.448 26.167-.895a58.214 58.214 0 0 0-4.866-6.528l.707-.448c17.012 5.949 12.533 17.466 6.968 13.371a19.366 19.366 0 0 0-1.978-4.926c-4.6.9-10.626 1.982-17.53 3.072l4.99 1.662a2.355 2.355 0 0 1-2.49 1.211c-.448.7-.959 1.474-1.406 2.241h10.8l3.846-3.452zM175.449 252.7c-.323.579-.959.966-2.376.643a65.446 65.446 0 0 1-16.823 12.6l-.636-.7a68.416 68.416 0 0 0 12.544-16.891zm14.071 32.5a41.278 41.278 0 0 1-4.031 4.674 39.978 39.978 0 0 0 8.314 5.5 34.854 34.854 0 0 0 7.8-10.172z" transform="translate(321.441 80.599)"/>
|
||||
<path id="Path_26" d="M250.455 262.013c-.448.572-.959.895-2.365.508a60.029 60.029 0 0 1-7.227 3.2 64.56 64.56 0 0 0 14.781 3.839l-.064.763c-2.436.579-4.031 2.5-4.6 5.437-10.427-3.26-18.677-8.573-23.22-17.91a37.964 37.964 0 0 1-8.385 5.313v6.457c3.4-.831 7.291-1.854 11.258-2.88l.252.895c-3.26 1.794-9.273 5.185-15.992 8.637a3.77 3.77 0 0 1-1.279 1.218l-3.388-5.5c2.752-1.538 3.2-2.177 3.2-3.136v-3.328a101.194 101.194 0 0 1-15.74 3.9l-.448-1.019c8.9-2.561 16.823-6.528 22.136-11.07h-19.826l-.582-1.854h28.469a4.552 4.552 0 0 1-1.73-.579 16.413 16.413 0 0 0-4.155-6.588l.572-.38c11.262-.064 10.044 7.1 6.084 7.547h17.072l3.324-4.411s3.843 3.068 6.084 5.245c-.2.7-.771 1.019-1.666 1.019h-23.99a26.382 26.382 0 0 0 9.145 7.1 52.66 52.66 0 0 0 5.636-6.776zM245.54 274.8l6.46 4.864a4.568 4.568 0 0 1-2.688 1.282v19.7c0 4.095-.831 6.524-7.675 7.163-.124-1.794-.387-3.2-1.083-4.031-.771-.9-1.928-1.6-4.482-2.046v-.632a10.434 10.434 0 0 1-3.967 1.083h-.895v-2.688h-9.273v2.105c0 .38-2.365 1.531-4.414 1.531h-.771v-15.089a53.845 53.845 0 0 1-6.013 1.538l-.7-.895v16.884c0 .579-2.564 1.985-4.99 1.985h-.9v-32.24l6.4 2.752h32.169zm-35.5 13.819c7.48-2.561 8.7-5.437 9.01-8.765h-9.01zm14.771-8.765c-.575 3.072-2.177 5.757-7.167 7.87l4.542 1.854h8.445l2.3-2.3c-2.5-.192-2.877-1.282-2.877-3.583v-3.839zm6.4 17.782v-6.2h-9.273v6.2zm5.249 3.072c0 .064-.064.064-.064.124 1.023.068 4.606.323 5.69.323 1.019 0 1.282-.256 1.282-1.087v-20.213h-9.085v3.072c0 .575.124.827.835.827h3.2c.249 0 .636-.06.835-.06a7.86 7.86 0 0 0 1.019-.192h.572l.2.06c1.271.387 1.719.71 1.719 1.474 0 1.6-1.406 2.241-6.4 2.241h-2.749l4.99 3.708a3.782 3.782 0 0 1-2.042 1.026z" transform="translate(429.414 80.693)"/>
|
||||
<g id="Group_6" transform="translate(306.539 324.893)">
|
||||
<path id="Path_27" d="M142.124 277.359l15.545-15.545-13.581-13.581a4.609 4.609 0 0 0-6.513 0l-29.126 29.126a4.608 4.608 0 0 0 0 6.513l29.012 29.012a4.609 4.609 0 0 0 6.513 0l13.582-13.584-15.431-15.431a4.6 4.6 0 0 1-.001-6.51z" class="cls-1" transform="translate(-107.102 -246.885)"/>
|
||||
<path id="Path_28" d="M170.528 277.245l-29.012-29.012a4.609 4.609 0 0 0-6.513 0l-13.581 13.581 15.431 15.431a4.608 4.608 0 0 1 0 6.513L121.308 299.3l13.581 13.581a4.609 4.609 0 0 0 6.513 0l29.126-29.126a4.609 4.609 0 0 0 0-6.51z" class="cls-2" transform="translate(-70.854 -246.885)"/>
|
||||
</g>
|
||||
<g id="Group_7" transform="translate(307.684 325.423)">
|
||||
<path id="Path_29" d="M141.9 277.028l15.3-15.3-13.368-13.364a4.529 4.529 0 0 0-6.41 0l-28.664 28.664a4.529 4.529 0 0 0 0 6.41l28.55 28.554a4.529 4.529 0 0 0 6.41 0l13.368-13.364-15.186-15.19a4.529 4.529 0 0 1 0-6.41z" class="cls-1" transform="translate(-107.424 -247.035)"/>
|
||||
<path id="Path_30" d="M169.848 276.914l-28.55-28.55a4.534 4.534 0 0 0-6.414 0l-13.364 13.364 15.186 15.186a4.534 4.534 0 0 1 0 6.414l-15.3 15.3 13.364 13.364a4.534 4.534 0 0 0 6.414 0l28.664-28.664a4.534 4.534 0 0 0 0-6.414z" class="cls-2" transform="translate(-71.748 -247.035)"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 14 KiB |
@ -4,4 +4,9 @@ $pale-grey: #f0f7fd;
|
||||
$dark-slate-blue: #1f4163;
|
||||
$dark-sky-blue: #3d93e9;
|
||||
$slate-blue: #5f7a95;
|
||||
$sky-blue: #9dc5ec;
|
||||
$sky-blue: #9dc5ec;
|
||||
|
||||
//home
|
||||
$indigo-blue: #1060ff;
|
||||
// $indigo-blue-dark: #000098;
|
||||
$black: black;
|
||||
|
||||
@ -1,4 +1,24 @@
|
||||
// import web font
|
||||
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Serif CJK TC -Bold";
|
||||
src: url("~@/assets/font/NotoSerifCJKtc-Bold.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Serif CJK TC -Black";
|
||||
src: url("~@/assets/font/NotoSerifCJKtc-Black.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Serif CJK TC -SemiBold";
|
||||
src: url("~@/assets/font/NotoSerifCJKtc-SemiBold.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Letter Gothic Std Bold";
|
||||
src: url("~@/assets/font/Letter Gothic Std Bold.ttf");
|
||||
}
|
||||
|
||||
$fontFamily: Noto Sans TC, monospace;
|
||||
|
||||
189
src/assets/scss/footer-primary.scss
Normal file
189
src/assets/scss/footer-primary.scss
Normal file
@ -0,0 +1,189 @@
|
||||
@import "breakpoint.scss";
|
||||
|
||||
// varible declare
|
||||
$fontColor: white;
|
||||
|
||||
//for footer-primary
|
||||
$backgroundColor: #000098;
|
||||
|
||||
$fontFamily: "Noto Sans TC", monospace;
|
||||
|
||||
@mixin fontSize() {
|
||||
font-size: 14pt;
|
||||
line-height: 2;
|
||||
@include xl {
|
||||
}
|
||||
@include lg {
|
||||
}
|
||||
@include md {
|
||||
}
|
||||
@include sm {
|
||||
font-size: 14pt;
|
||||
}
|
||||
@include xs {
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin iconSize() {
|
||||
font-size: 2.2em;
|
||||
margin-right: 36px;
|
||||
@include xl {
|
||||
font-size: 2.1em;
|
||||
margin-right: 20px;
|
||||
}
|
||||
@include lg {
|
||||
}
|
||||
@include md {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
@include sm {
|
||||
}
|
||||
@include xs {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin footerLayout() {
|
||||
// flex
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
& > .footer-right {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
@include md {
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
// height: 320px;
|
||||
& > .footer-right {
|
||||
margin-left: 0;
|
||||
}
|
||||
& > * {
|
||||
margin-left: 0;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.footer-left {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include xs {
|
||||
& > * {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: $backgroundColor;
|
||||
// position
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
margin-top: auto;
|
||||
|
||||
// size
|
||||
width: 100vw;
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.footer-left {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
.footer-brand {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-bottom: 24px;
|
||||
|
||||
//for footer-primary
|
||||
transform: translateY(11%);
|
||||
|
||||
.footer-context {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
// layout
|
||||
@include footerLayout;
|
||||
}
|
||||
|
||||
.footer-community-icon {
|
||||
.community-icon {
|
||||
@include iconSize;
|
||||
color: $fontColor;
|
||||
}
|
||||
.community-icon:first {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-context {
|
||||
@include fontSize;
|
||||
font-family: $fontFamily;
|
||||
color: $fontColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.footer-font-block {
|
||||
// display flex
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// size
|
||||
width: auto;
|
||||
}
|
||||
|
||||
//for footer-primary (on below)
|
||||
@mixin sitesOverYearsLink() {
|
||||
margin-right: 20px;
|
||||
|
||||
@media (max-width: 570px) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@include subs {
|
||||
margin-right: 30px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@mixin sitesOverYears() {
|
||||
height: 100px;
|
||||
width: 480px;
|
||||
@include subs {
|
||||
width: 300px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-sitesOverYears {
|
||||
@include sitesOverYears;
|
||||
&__title {
|
||||
margin-top: 20px;
|
||||
height: 50px;
|
||||
}
|
||||
&__links {
|
||||
a {
|
||||
float: left;
|
||||
color: $fontColor;
|
||||
@include sitesOverYearsLink;
|
||||
}
|
||||
}
|
||||
}
|
||||
125
src/assets/scss/header.scss
Normal file
125
src/assets/scss/header.scss
Normal file
@ -0,0 +1,125 @@
|
||||
@import "./color.scss";
|
||||
@import "./breakpoint.scss";
|
||||
|
||||
$font-header-link: "Noto Serif CJK TC -Bold";
|
||||
$font-header-apply: "Noto Serif CJK TC -Black";
|
||||
|
||||
@mixin headerLinksFontSize {
|
||||
font-size: 12pt;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
font-size: 13.5pt;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
font-size: 15pt;
|
||||
}
|
||||
}
|
||||
@mixin headerLinksWidth {
|
||||
width: 600px;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
width: 630px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
width: 680px;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
left: 6%;
|
||||
top: 60px;
|
||||
width: 88%;
|
||||
height: 62px;
|
||||
border-radius: 73px;
|
||||
box-shadow: 0 6px 18px 0 rgba(0, 0, 255, 0.22);
|
||||
background-color: $white;
|
||||
|
||||
&--sticky {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
left: 6%;
|
||||
top: 65px;
|
||||
}
|
||||
&__left {
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
&-logo {
|
||||
position: absolute;
|
||||
left: 35px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
&__right {
|
||||
float: right;
|
||||
width: 80%;
|
||||
// background-color: lightgoldenrodyellow;
|
||||
}
|
||||
|
||||
&-links {
|
||||
// background-color: lightgray;
|
||||
font-family: $font-header-link;
|
||||
float: right;
|
||||
@include headerLinksWidth;
|
||||
// width: 600px;
|
||||
margin-right: 92px;
|
||||
height: 100%;
|
||||
height: 50px;
|
||||
top: 6px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding: 22px 20px;
|
||||
height: 100%;
|
||||
display: block;
|
||||
text-align: left;
|
||||
// &:active {
|
||||
// border-bottom: $indigo-blue solid 5px;
|
||||
// }
|
||||
|
||||
a {
|
||||
@include headerLinksFontSize;
|
||||
color: $black;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-link--active {
|
||||
// padding-bottom: 10px;
|
||||
border-bottom: $indigo-blue solid 3.5px;
|
||||
}
|
||||
|
||||
&-apply {
|
||||
font-family: $font-header-apply;
|
||||
width: 92px;
|
||||
height: 38px;
|
||||
border-radius: 38px;
|
||||
background-color: $indigo-blue;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
a {
|
||||
font-size: 13pt;
|
||||
color: $white;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 40%;
|
||||
transform: translateX(-35%) translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
276
src/assets/scss/home/home.scss
Normal file
276
src/assets/scss/home/home.scss
Normal file
@ -0,0 +1,276 @@
|
||||
@import "../color.scss";
|
||||
@import "../breakpoint.scss";
|
||||
$font-home: "Noto Serif CJK TC -SemiBold";
|
||||
$font-home-h1: "Noto Serif CJK TC -Bold";
|
||||
$font-home-h2: "Letter Gothic Std Bold";
|
||||
$font-home-button: "Noto Serif CJK TC -Black";
|
||||
|
||||
//default screen size width: 1440px
|
||||
|
||||
//section
|
||||
@mixin sectionTitleHeight {
|
||||
height: 583px;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
height: 635px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
height: 700px;
|
||||
}
|
||||
}
|
||||
@mixin sectionContentHeight {
|
||||
height: 1900px;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
height: 2050px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
height: 2150px;
|
||||
}
|
||||
}
|
||||
// -------------------------------------------
|
||||
|
||||
//home__title
|
||||
@mixin homeTitleFontsize {
|
||||
font-size: 18pt;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
font-size: 22pt;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
font-size: 25pt;
|
||||
}
|
||||
}
|
||||
@mixin homeTitleTopicWidth {
|
||||
width: 500px;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
width: 600px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
// -------------------------------------------
|
||||
|
||||
//home__info
|
||||
@mixin homeInfoTitleH1Fontsize {
|
||||
font-size: 26pt;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
font-size: 30pt;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
font-size: 35pt;
|
||||
}
|
||||
}
|
||||
@mixin homeInfoTitleH2Fontsize {
|
||||
&--small {
|
||||
font-size: 19pt;
|
||||
}
|
||||
&--mid {
|
||||
font-size: 23pt;
|
||||
}
|
||||
&--big {
|
||||
font-size: 31pt;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
&--small {
|
||||
font-size: 22pt;
|
||||
}
|
||||
&--mid {
|
||||
font-size: 27pt;
|
||||
}
|
||||
&--big {
|
||||
font-size: 35pt;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
&--small {
|
||||
font-size: 26pt;
|
||||
}
|
||||
&--mid {
|
||||
font-size: 32pt;
|
||||
}
|
||||
&--big {
|
||||
font-size: 40pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin homeInfoParagraphFontsize {
|
||||
font-size: 12pt;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
font-size: 15pt;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
font-size: 18pt;
|
||||
}
|
||||
}
|
||||
@mixin homeInfoButtonBox {
|
||||
height: 50px;
|
||||
width: 245px;
|
||||
margin-top: 40px;
|
||||
// background-color: burlywood;
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
transform: scale(1.2) translateX(8%) translateY(20%);
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
transform: scale(1.4) translateX(14%) translateY(25%);
|
||||
}
|
||||
}
|
||||
//home__info <img>
|
||||
@mixin homeInfoImgWidth {
|
||||
width: 120px;
|
||||
@media screen and (max-width: $max-width-medium-0) {
|
||||
width: 80px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big) {
|
||||
width: 130px;
|
||||
}
|
||||
@media screen and (min-width: $max-width-big-0) {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
// ----------------------------------------------------------------------------------------------
|
||||
|
||||
.section {
|
||||
&-title {
|
||||
margin-top: 150px;
|
||||
@include sectionTitleHeight;
|
||||
// background-color: chartreuse;
|
||||
}
|
||||
&-content {
|
||||
@include sectionContentHeight;
|
||||
// background-color: cornsilk;
|
||||
}
|
||||
}
|
||||
|
||||
.home {
|
||||
font-family: $font-home;
|
||||
position: relative;
|
||||
&__title {
|
||||
// width: 600px;
|
||||
width: 75%;
|
||||
// width: 60%;
|
||||
text-align: center;
|
||||
// background-color: cornflowerblue;
|
||||
margin: 0 auto;
|
||||
padding-top: 10px;
|
||||
position: relative;
|
||||
|
||||
&-box1 {
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
// background-color: chocolate;
|
||||
height: 80px;
|
||||
// width: 600px;
|
||||
width: 100%;
|
||||
p {
|
||||
@include homeTitleFontsize;
|
||||
}
|
||||
}
|
||||
|
||||
&-topic {
|
||||
margin: 0 auto;
|
||||
@include homeTitleTopicWidth;
|
||||
}
|
||||
|
||||
&-box2 {
|
||||
text-align: center;
|
||||
// background-color: chocolate;
|
||||
height: 80px;
|
||||
// width: 600px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: 80px;
|
||||
p {
|
||||
@include homeTitleFontsize;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__info {
|
||||
width: 75%;
|
||||
padding-bottom: 75px;
|
||||
// background-color: darkseagreen;
|
||||
// border: 1px solid blueviolet;
|
||||
margin: 0 auto;
|
||||
|
||||
position: relative;
|
||||
|
||||
&-container {
|
||||
width: 75%;
|
||||
margin-left: 15%;
|
||||
// background-color: blanchedalmond;
|
||||
}
|
||||
|
||||
&-title {
|
||||
// width: 80%;
|
||||
margin: 0 auto;
|
||||
// background-color: darkgray;
|
||||
position: relative;
|
||||
// height: 100px;
|
||||
h1 {
|
||||
font-family: $font-home-h1;
|
||||
@include homeInfoTitleH1Fontsize;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: $font-home-h2;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
&-h2 {
|
||||
@include homeInfoTitleH2Fontsize;
|
||||
}
|
||||
}
|
||||
|
||||
&-paragraph {
|
||||
padding-top: 30px;
|
||||
// background-color: yellow;
|
||||
p {
|
||||
@include homeInfoParagraphFontsize;
|
||||
line-height: 33px;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: $indigo-blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-buttonsBox {
|
||||
@include homeInfoButtonBox;
|
||||
}
|
||||
}
|
||||
|
||||
&-button {
|
||||
// transform: scale(2);
|
||||
font-size: 12.5pt;
|
||||
font-family: $font-home-button;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
color: $white;
|
||||
background-color: $indigo-blue;
|
||||
padding: 6px 17px 8px 17px;
|
||||
border-radius: 32px;
|
||||
box-shadow: 0 3px 10px 0 rgba(0, 0, 255, 0.18);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
&-squareImg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
transform: translateX(-130%);
|
||||
@include homeInfoImgWidth;
|
||||
}
|
||||
|
||||
&-appleImg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transform: translateX(25%) translateY(-12%);
|
||||
@include homeInfoImgWidth;
|
||||
}
|
||||
|
||||
&-sponsorsImg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
90
src/components/FooterPrimary.vue
Normal file
90
src/components/FooterPrimary.vue
Normal file
@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<footer class="footer-container">
|
||||
<div class="footer-left">
|
||||
<p class="footer-brand footer-font-block">
|
||||
<span class="footer-context">學生計算機年會</span>
|
||||
<span class="footer-context"
|
||||
>Students' Information Technology Conference</span
|
||||
>
|
||||
</p>
|
||||
<p class="footer-contact footer-font-block">
|
||||
<span class="footer-context">聯絡我們</span>
|
||||
<span class="footer-context">contact@sitcon.org</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-right">
|
||||
<div class="footer-community">
|
||||
<p class="footer-context">社群媒體</p>
|
||||
<p class="footer-community-icon-container">
|
||||
<span class="footer-community-icon">
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
v-for="community in communityLink"
|
||||
:href="community.link"
|
||||
:key="community.title"
|
||||
>
|
||||
<FontawesomeIcon
|
||||
class="community-icon"
|
||||
:icon="['fab', community.icon]"
|
||||
/>
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-sitesOverYears">
|
||||
<div class="footer-sitesOverYears__title">
|
||||
<p class="footer-context">歷年網站</p>
|
||||
</div>
|
||||
<div class="footer-sitesOverYears__links">
|
||||
<a href="https://sitcon.org/2020/">2020</a>
|
||||
<a href="https://sitcon.org/2019/">2019</a>
|
||||
<a href="https://sitcon.org/2018/">2018</a>
|
||||
<a href="https://sitcon.org/2017/">2017</a>
|
||||
<a href="https://sitcon.org/2016/">2016</a>
|
||||
<a href="https://sitcon.org/2015/">2015</a>
|
||||
<a href="https://sitcon.org/2014/">2014</a>
|
||||
<a href="https://sitcon.org/2013/">2013</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
@Component
|
||||
export default class CFP extends Vue {
|
||||
private communityLink = [
|
||||
{
|
||||
title: "facebook",
|
||||
icon: "facebook-f",
|
||||
link: "https://sitcon.org/fb",
|
||||
},
|
||||
{
|
||||
title: "flickr",
|
||||
icon: "flickr",
|
||||
link: "https://sitcon.org/flickr",
|
||||
},
|
||||
{
|
||||
title: "telegram",
|
||||
icon: "telegram-plane",
|
||||
link: "https://sitcon.org/tg",
|
||||
},
|
||||
{
|
||||
title: "twitter",
|
||||
icon: "twitter",
|
||||
link: "https://sitcon.org/twitter",
|
||||
},
|
||||
{
|
||||
title: "youtube",
|
||||
icon: "youtube",
|
||||
link: "https://sitcon.org/yt",
|
||||
},
|
||||
];
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/assets/scss/footer-primary";
|
||||
</style>
|
||||
@ -37,39 +37,39 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
@Component
|
||||
export default class CFP extends Vue {
|
||||
private communityLink = [
|
||||
{
|
||||
title: 'facebook',
|
||||
icon: 'facebook-f',
|
||||
link: 'https://sitcon.org/fb'
|
||||
title: "facebook",
|
||||
icon: "facebook-f",
|
||||
link: "https://sitcon.org/fb",
|
||||
},
|
||||
{
|
||||
title: 'flickr',
|
||||
icon: 'flickr',
|
||||
link: 'https://sitcon.org/flickr'
|
||||
title: "flickr",
|
||||
icon: "flickr",
|
||||
link: "https://sitcon.org/flickr",
|
||||
},
|
||||
{
|
||||
title: 'telegram',
|
||||
icon: 'telegram-plane',
|
||||
link: 'https://sitcon.org/tg'
|
||||
title: "telegram",
|
||||
icon: "telegram-plane",
|
||||
link: "https://sitcon.org/tg",
|
||||
},
|
||||
{
|
||||
title: 'twitter',
|
||||
icon: 'twitter',
|
||||
link: 'https://sitcon.org/twitter'
|
||||
title: "twitter",
|
||||
icon: "twitter",
|
||||
link: "https://sitcon.org/twitter",
|
||||
},
|
||||
{
|
||||
title: 'youtube',
|
||||
icon: 'youtube',
|
||||
link: 'https://sitcon.org/yt'
|
||||
}
|
||||
title: "youtube",
|
||||
icon: "youtube",
|
||||
link: "https://sitcon.org/yt",
|
||||
},
|
||||
];
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/assets/scss/footer';
|
||||
@import "@/assets/scss/footer-secondary";
|
||||
</style>
|
||||
117
src/components/Header.vue
Normal file
117
src/components/Header.vue
Normal file
@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<!-- <div id="topHeader" class="header"> -->
|
||||
<div id="topHeader" class="header header--sticky">
|
||||
<div class="header__left">
|
||||
<div class="header-logo">
|
||||
<a href="/2021/">
|
||||
<img src="~@/assets/images/home/home-headerIcon.svg" width="100%" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header__right">
|
||||
<div class="header-links">
|
||||
<ul>
|
||||
<li>
|
||||
<input
|
||||
type="radio"
|
||||
id="1"
|
||||
class="header-link__input"
|
||||
name="checlbox"
|
||||
/>
|
||||
<a
|
||||
href="/2021/agenda"
|
||||
v-bind:class="onRoute('Agenda') ? 'header-link--active' : ''"
|
||||
>議程與活動</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/traffic"
|
||||
v-bind:class="onRoute('Traffic') ? 'header-link--active' : ''"
|
||||
>交通方式</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/venue"
|
||||
v-bind:class="onRoute('Venue') ? 'header-link--active' : ''"
|
||||
>會場地圖</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/sponsor"
|
||||
v-bind:class="onRoute('Sponsor') ? 'header-link--active' : ''"
|
||||
>贊助資訊</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/team"
|
||||
v-bind:class="onRoute('Team') ? 'header-link--active' : ''"
|
||||
>籌備團隊</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="header-apply">
|
||||
<a href="">
|
||||
報名去
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component({
|
||||
props: ["route"],
|
||||
})
|
||||
export default class Header extends Vue {
|
||||
mounted() {
|
||||
console.log(this.$props.route.name);
|
||||
}
|
||||
public onRoute(routeName: String) {
|
||||
return this.$props.route.name === routeName ? true : false;
|
||||
}
|
||||
|
||||
// computed(){
|
||||
// pagePosition:function(){
|
||||
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// header = document.getElementById("topHeader");
|
||||
// sticky = this.header.offsetTop;
|
||||
// header = null;
|
||||
// sticky = null;
|
||||
// created() {
|
||||
// window.addEventListener("scroll", this.handleScroll);
|
||||
// }
|
||||
// destroyed() {
|
||||
// window.removeEventListener("scroll", this.handleScroll);
|
||||
// }
|
||||
// mounted() {
|
||||
// this.header = document.getElementById("topHeader");
|
||||
// this.sticky = this.header.offsetTop;
|
||||
// console.log("window.pageYOffset", window.pageYOffset);
|
||||
// console.log("sticky", this.sticky);
|
||||
// }
|
||||
// handleScroll(event) {
|
||||
// if (window.pageYOffset < this.sticky) {
|
||||
// this.header.classList.add("header--sticky");
|
||||
// } else {
|
||||
// this.header.classList.remove("header--sticky");
|
||||
// }
|
||||
// console.log("func window.pageYOffset", window.pageYOffset);
|
||||
// console.log("func sticky", this.sticky);
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/assets/scss/header";
|
||||
</style>
|
||||
@ -27,4 +27,4 @@ export default class Agenda extends Vue {
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import '@/assets/scss/agenda';
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,11 +1,123 @@
|
||||
<template>
|
||||
<div id="home" class="home">
|
||||
<section class="section-title">
|
||||
<div class="home__title">
|
||||
<div class="home__title-box1">
|
||||
<p>SITCON 學生計算機年會 2021</p>
|
||||
</div>
|
||||
<div class="home__title-topic">
|
||||
<img src="~@/assets/images/home/home-topic.svg" width="100%" />
|
||||
</div>
|
||||
<div class="home__title-box2">
|
||||
<p>
|
||||
05/29 • 中央研究院－人文社會科學館 •免費報名
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section-content">
|
||||
<section class="home__info">
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<img
|
||||
class="home-squareImg"
|
||||
src="~@/assets/images/home/home-icon-square.svg"
|
||||
/>
|
||||
<h1>算盤的後裔</h1>
|
||||
<h2 class="home__info-title-h2--big">Descendants of the abacus</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
千年以前的人類，發明了各式各樣輔助算術的工具，在世界各地的文明中，皆能找到廣義上的「算盤」。隨著時代演進，那些原始的工具，逐步進化成為現代的計算機與電腦，更進一步地發展為隨處可見的智慧型裝置。
|
||||
<br />
|
||||
俗話說「站在巨人的肩膀上」，前人的智慧成果成為墊腳石，讓站在其之上的後人可以看得更高、更遠。科技層層疊疊、承先啟後，文明才能跨越時空持續成長。
|
||||
<br />
|
||||
<br />
|
||||
人們不再需要重新發明輪子，只要善用前人的成果，就能造出更有效率的工具，並擁有更好的生活。生於現代的我們，每天寫著電腦程式、把玩著智慧型手機、徜徉在網際網路上沒有邊際的資訊大海，奠基於科技的現有成果，才能持續貢獻於科技的未來。我們都是「算盤的後裔」。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="home__info">
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<img
|
||||
class="home-appleImg"
|
||||
src="~@/assets/images/home/home-icon-apple.svg"
|
||||
/>
|
||||
<h1>關於 SITCON</h1>
|
||||
<h2 class="home__info-title-h2--small">
|
||||
Students' Information Technology Conference
|
||||
</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
學生計算機年會（SITCON）自 2013
|
||||
年發起，以學生為本、由學生自發舉辦，長期投身學生資訊教育與推廣開源精神，希望引領更多學子踏入資訊的殿堂，更冀望所有對資訊有興趣的學生，能夠在年會裏齊聚一堂，彼此激盪、傳承、啟發，達到「學以致用、教學相長」的實際展現。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="home__info">
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<h1>行為準則</h1>
|
||||
<h2 class="home__info-title-h2--mid">Code of Conduct</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
SITCON
|
||||
歡迎不同身分、來自不同背景的與會者，也非常鼓勵女性、性少數與多元背景的參與者。為了讓大家都能愉快的參加
|
||||
SITCON，我們要求所有參與者閱讀年會的<a href=""
|
||||
>行為準則（Code of Conduct）</a
|
||||
>，共同創造一個友善的環境。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="home__info">
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<h1>參與討論</h1>
|
||||
<h2 class="home__info-title-h2--mid">Join the community</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
SITCON
|
||||
是個開放的社群，許多籌備的相關事項都會在公開的郵件論壇上進行討論，如果有興趣參與，歡迎訂閱
|
||||
SITCON 的郵件論壇並貢獻你的想法！
|
||||
<br />
|
||||
<br />
|
||||
若你想進一步了解過往討論的內容，也歡迎在 HackMD 上查看 SITCON 2021
|
||||
的會議記錄。
|
||||
</p>
|
||||
</div>
|
||||
<div class="home__info-buttonsBox">
|
||||
<a href="" class="home-button">郵件論壇</a>
|
||||
<a href="" class="home-button">會議記錄</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<img
|
||||
class="home-sponsorsImg"
|
||||
src="~@/assets/images/home/home-sponsors.png"
|
||||
width="100%"
|
||||
/>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component({
|
||||
components: {},
|
||||
})
|
||||
export default class Home extends Vue {
|
||||
|
||||
export default class CFP extends Vue {
|
||||
@Prop() private msg!: string;
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/assets/scss/home/home";
|
||||
</style>
|
||||
|
||||
@ -8,4 +8,4 @@ import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
export default class Sponsor extends Vue {
|
||||
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@ -1,11 +1,7 @@
|
||||
<template>
|
||||
</template>
|
||||
<template> </template>
|
||||
<script>
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component({
|
||||
})
|
||||
export default class Team extends Vue {
|
||||
|
||||
}
|
||||
</script>
|
||||
@Component({})
|
||||
export default class Team extends Vue {}
|
||||
</script>
|
||||
|
||||
@ -1,11 +1,7 @@
|
||||
<template>
|
||||
</template>
|
||||
<template> </template>
|
||||
<script>
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component({
|
||||
})
|
||||
export default class Traffic extends Vue {
|
||||
|
||||
}
|
||||
</script>
|
||||
@Component({})
|
||||
export default class Traffic extends Vue {}
|
||||
</script>
|
||||
|
||||
@ -1,11 +1,7 @@
|
||||
<template>
|
||||
</template>
|
||||
<template> </template>
|
||||
<script>
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component({
|
||||
})
|
||||
export default class Venue extends Vue {
|
||||
|
||||
}
|
||||
</script>
|
||||
@Component({})
|
||||
export default class Venue extends Vue {}
|
||||
</script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user