├── Demo ├── Demo.gif └── Demo2.gif ├── phoenixia ├── public │ ├── logo.jpg │ ├── manifest.json │ └── index.html ├── src │ ├── Screens │ │ └── Main │ │ │ ├── index.js │ │ │ ├── MainContainer.js │ │ │ └── MainPresenter.js │ ├── assets │ │ ├── Images │ │ │ ├── 10CM.jpg │ │ │ ├── BOL4.jpeg │ │ │ ├── ZICO.jpeg │ │ │ ├── DJJOEY.jpg │ │ │ ├── KIMNY.jpeg │ │ │ └── YANGDALL.jpg │ │ └── Fonts │ │ │ ├── soonchunhyang.otf │ │ │ ├── soonchunhyang.ttf │ │ │ └── soonchunhyang.woff │ ├── Constants │ │ ├── Colors.js │ │ ├── TimeTableData.js │ │ └── DeliveryData.js │ ├── index.js │ ├── index.css │ └── Components │ │ ├── App.js │ │ ├── TopButton.js │ │ ├── GlobalStyles.js │ │ ├── Router.js │ │ ├── Footer.js │ │ ├── LineUpDetail.js │ │ ├── FestivalTimer.js │ │ ├── Header.js │ │ ├── LineUp.js │ │ ├── Delivery.js │ │ └── TimeTable.js ├── .gitignore ├── package.json └── README.md ├── LICENSE ├── .gitignore └── README.md /Demo/Demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/Demo/Demo.gif -------------------------------------------------------------------------------- /Demo/Demo2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/Demo/Demo2.gif -------------------------------------------------------------------------------- /phoenixia/public/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/public/logo.jpg -------------------------------------------------------------------------------- /phoenixia/src/Screens/Main/index.js: -------------------------------------------------------------------------------- 1 | import MainContainer from "./MainContainer.js"; 2 | 3 | export default MainContainer; 4 | -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/10CM.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/10CM.jpg -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/BOL4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/BOL4.jpeg -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/ZICO.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/ZICO.jpeg -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/DJJOEY.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/DJJOEY.jpg -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/KIMNY.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/KIMNY.jpeg -------------------------------------------------------------------------------- /phoenixia/src/assets/Images/YANGDALL.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Images/YANGDALL.jpg -------------------------------------------------------------------------------- /phoenixia/src/assets/Fonts/soonchunhyang.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Fonts/soonchunhyang.otf -------------------------------------------------------------------------------- /phoenixia/src/assets/Fonts/soonchunhyang.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Fonts/soonchunhyang.ttf -------------------------------------------------------------------------------- /phoenixia/src/assets/Fonts/soonchunhyang.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alstn2468/sch-phoenixia-festival/HEAD/phoenixia/src/assets/Fonts/soonchunhyang.woff -------------------------------------------------------------------------------- /phoenixia/src/Constants/Colors.js: -------------------------------------------------------------------------------- 1 | export const BACKGROUND_COLOR = "rgba(0,0,0,0)"; 2 | export const TINT_COLOR = "#FFFFFF"; 3 | export const SCH_LOGO_COLOR_ONE = "#AAD047"; 4 | export const SCH_LOGO_COLOR_TWO = "#007A85"; 5 | export const SCH_LOGO_COLOR_THR = "#1BBCF0"; 6 | -------------------------------------------------------------------------------- /phoenixia/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import App from "Components/App"; 4 | import "react-app-polyfill/ie11"; 5 | import "react-app-polyfill/ie9"; 6 | import "./index.css"; 7 | 8 | ReactDOM.render(, document.getElementById("root")); 9 | -------------------------------------------------------------------------------- /phoenixia/src/index.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "soonchunhyang"; 3 | src: local("soonchunhyang"), 4 | url("./assets/Fonts/soonchunhyang.ttf") format("truetype"), 5 | url("./assets/Fonts/soonchunhyang.otf") format("opentype"), 6 | url("./assets/Fonts/soonchunhyang.woff") format("woff"); 7 | } 8 | -------------------------------------------------------------------------------- /phoenixia/src/Components/App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Router from "./Router"; 3 | import GlobalStyles from "Components/GlobalStyles"; 4 | 5 | function App() { 6 | return ( 7 | <> 8 | 9 | 10 | 11 | ); 12 | } 13 | export default App; 14 | -------------------------------------------------------------------------------- /phoenixia/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /phoenixia/src/Components/TopButton.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TinyButton as ScrollUpButton } from "react-scroll-up-button"; 3 | import { BACKGROUND_COLOR } from "../Constants/Colors"; 4 | 5 | export default () => ( 6 | 13 | ); 14 | -------------------------------------------------------------------------------- /phoenixia/src/Components/GlobalStyles.js: -------------------------------------------------------------------------------- 1 | import { createGlobalStyle } from "styled-components"; 2 | import reset from "styled-reset"; 3 | import { TINT_COLOR, BACKGROUND_COLOR } from "../Constants/Colors"; 4 | 5 | const globalStyles = createGlobalStyle` 6 | ${reset}; 7 | * { 8 | box-sizing: border-box; 9 | text-decoration: none; 10 | padding: 0px; 11 | margin: 0px; 12 | font-family: "soonchunhyang" !important; 13 | background-color: ${BACKGROUND_COLOR}; 14 | font-weight: 500; 15 | color: ${TINT_COLOR}; 16 | } 17 | `; 18 | 19 | export default globalStyles; 20 | -------------------------------------------------------------------------------- /phoenixia/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "logo.jpg", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo.jpg", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo.jpg", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /phoenixia/src/Components/Router.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { 3 | HashRouter as Router, 4 | Route, 5 | Switch, 6 | Redirect 7 | } from "react-router-dom"; 8 | import Header from "../Components/Header"; 9 | import Main from "../Screens/Main"; 10 | import Footer from "../Components/Footer"; 11 | import TopButton from "../Components/TopButton"; 12 | 13 | export default () => { 14 | return ( 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 |