김재웅 / TFT

Go to a project
Toggle navigation Toggle navigation pinning
서준혁
44c6af6d 1 parent e1fe1466

Fill articles

Inline Side-by-side
Showing 12 changed files with 367 additions and 120 deletions
...@@ -151,7 +151,7 @@ module.exports = exports; ...@@ -151,7 +151,7 @@ module.exports = exports;
151 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); 151 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
152 exports = ___CSS_LOADER_API_IMPORT___(false); 152 exports = ___CSS_LOADER_API_IMPORT___(false);
153 // Module 153 // Module
154 -exports.push([module.i, "nav.svelte-5hxnoh{background-color:#edeff2;font-family:\"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;height:70px;top:0}.inner.svelte-5hxnoh{max-width:600px;padding-left:10px;padding-right:10px;margin:auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;height:100%}.logo.svelte-5hxnoh{display:flex;align-items:center;color:black;width:50px;margin-right:350px}.navbar-list.svelte-5hxnoh{display:flex;padding:0;width:400px;justify-content:space-around;margin:0;margin-left:200px}", ""]); 154 +exports.push([module.i, "nav.svelte-1yis6jl.svelte-1yis6jl{background-color:#edeff2;font-family:\"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;height:70px;top:0}.inner.svelte-1yis6jl.svelte-1yis6jl{max-width:700px;padding-left:10px;padding-right:10px;margin:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:100%}.logo.svelte-1yis6jl img.svelte-1yis6jl{display:flex;width:120px;left:20px;top:15px;margin-right:400px}.navbar-list.svelte-1yis6jl.svelte-1yis6jl{display:flex;padding:0;width:100%;justify-content:space-between;margin:0}", ""]);
155 // Exports 155 // Exports
156 module.exports = exports; 156 module.exports = exports;
157 157
...@@ -169,7 +169,7 @@ module.exports = exports; ...@@ -169,7 +169,7 @@ module.exports = exports;
169 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); 169 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
170 exports = ___CSS_LOADER_API_IMPORT___(false); 170 exports = ___CSS_LOADER_API_IMPORT___(false);
171 // Module 171 // Module
172 -exports.push([module.i, "li.svelte-nmdqg6{list-style-type:none;position:relative;margin-left:50px}li.svelte-nmdqg6:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px}a.svelte-nmdqg6{color:#000000;text-decoration:none;display:inline-flex;height:45px;align-items:center;padding:0 10px;font-size:20px}@media only screen and (max-width: 767px){a.svelte-nmdqg6{display:none}}.onmouse.svelte-nmdqg6{color:#ffffff}", ""]); 172 +exports.push([module.i, "li.svelte-1tp05za{display:flex;list-style-type:none;position:relative;margin-left:50px;height:45px;white-space:nowrap;align-items:center}li.svelte-1tp05za:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px}a.svelte-1tp05za{color:#000000;text-decoration:none;display:inline-flex;padding:0 10px;font-size:20px}@media only screen and (max-width: 767px){a.svelte-1tp05za{display:none}}.onmouse.svelte-1tp05za{text-decoration:underline}", ""]);
173 // Exports 173 // Exports
174 module.exports = exports; 174 module.exports = exports;
175 175
...@@ -230,6 +230,24 @@ module.exports = exports; ...@@ -230,6 +230,24 @@ module.exports = exports;
230 230
231 /***/ }), 231 /***/ }),
232 232
233 +/***/ "./node_modules/css-loader/dist/cjs.js!./src/SideItems/Info.svelte.css":
234 +/*!*****************************************************************************!*\
235 + !*** ./node_modules/css-loader/dist/cjs.js!./src/SideItems/Info.svelte.css ***!
236 + \*****************************************************************************/
237 +/*! no static exports found */
238 +/***/ (function(module, exports, __webpack_require__) {
239 +
240 +// Imports
241 +var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
242 +exports = ___CSS_LOADER_API_IMPORT___(false);
243 +// Module
244 +exports.push([module.i, ".title.svelte-15ku9d2.svelte-15ku9d2{font-size:18pt;font-weight:bold;text-align:center}.content.svelte-15ku9d2.svelte-15ku9d2{padding:0.5rem 0.5rem 0.5rem;text-align:center}.info.svelte-15ku9d2 img.svelte-15ku9d2{max-height:20rem}", ""]);
245 +// Exports
246 +module.exports = exports;
247 +
248 +
249 +/***/ }),
250 +
233 /***/ "./node_modules/css-loader/dist/cjs.js!./src/SideItems/SideBar.svelte.css": 251 /***/ "./node_modules/css-loader/dist/cjs.js!./src/SideItems/SideBar.svelte.css":
234 /*!********************************************************************************!*\ 252 /*!********************************************************************************!*\
235 !*** ./node_modules/css-loader/dist/cjs.js!./src/SideItems/SideBar.svelte.css ***! 253 !*** ./node_modules/css-loader/dist/cjs.js!./src/SideItems/SideBar.svelte.css ***!
...@@ -241,7 +259,7 @@ module.exports = exports; ...@@ -241,7 +259,7 @@ module.exports = exports;
241 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); 259 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
242 exports = ___CSS_LOADER_API_IMPORT___(false); 260 exports = ___CSS_LOADER_API_IMPORT___(false);
243 // Module 261 // Module
244 -exports.push([module.i, ".nav.svelte-198fel3{overflow-y:auto;overflow-x:hidden}.left.svelte-198fel3{position:fixed;top:0;left:0;height:100%;border-right:1px solid #aaa;background:#fff;overflow-y:auto;width:330px;z-index:900;white-space:pre-line}.right.svelte-198fel3{position:fixed;top:0;right:0;height:100%;border-left:1px solid #aaa;background:#fff;overflow-y:auto;width:330px;z-index:900}.navtop.svelte-198fel3{display:flex;width:100%;height:60px;background-color:white;font-size:30pt;color:#AAAAAA;justify-content:right;padding:5px 5px 5px;border-bottom:#999999 solid 1px}.navitems.svelte-198fel3{display:flex;padding:2rem 1rem 0.6rem;flex-direction:column\r\n }", ""]); 262 +exports.push([module.i, ".nav.svelte-8dqk19.svelte-8dqk19{overflow-y:auto;overflow-x:hidden}.left.svelte-8dqk19.svelte-8dqk19{position:fixed;top:0;left:0;height:100%;border-right:1px solid #aaa;background:#fff;overflow-y:auto;width:330px;z-index:900;white-space:pre-line}.right.svelte-8dqk19.svelte-8dqk19{position:fixed;top:0;right:0;height:100%;border-left:1px solid #aaa;background:#fff;overflow-y:auto;width:560px;z-index:900}.navtop.svelte-8dqk19.svelte-8dqk19{display:flex;width:100%;height:60px;background-color:white;font-size:30pt;color:#AAAAAA;justify-content:right;padding:5px 5px 5px;border-bottom:#999999 solid 1px}.bg.svelte-8dqk19.svelte-8dqk19{position:fixed;display:block;width:100vw;height:100vw;left:0;top:0;background-color:rgba(0, 0, 0, 10%);z-index:800}.navitems.svelte-8dqk19.svelte-8dqk19{display:flex;flex-direction:column\r\n }.left.svelte-8dqk19 .navitems.svelte-8dqk19{padding:2rem 1rem 0.6rem}", ""]);
245 // Exports 263 // Exports
246 module.exports = exports; 264 module.exports = exports;
247 265
...@@ -13949,49 +13967,52 @@ __webpack_require__.r(__webpack_exports__); ...@@ -13949,49 +13967,52 @@ __webpack_require__.r(__webpack_exports__);
13949 13967
13950 function create_fragment(ctx) { 13968 function create_fragment(ctx) {
13951 let div2; 13969 let div2;
13952 - let t2; 13970 + let t4;
13953 let div5; 13971 let div5;
13954 - let t5; 13972 + let t9;
13955 let div8; 13973 let div8;
13956 - let t8; 13974 + let t14;
13957 let div11; 13975 let div11;
13958 13976
13959 return { 13977 return {
13960 c() { 13978 c() {
13961 div2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 13979 div2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
13962 13980
13963 - div2.innerHTML = `<div class="contents svelte-1q2xp92"><img src="https://d2u3dcdbebyaiu.cloudfront.net/uploads/atch_img/574/a90016a30d614a19fe6987d94edb5e29.jpeg" alt=":)" class="svelte-1q2xp92"> 13981 + div2.innerHTML = `<div class="contents svelte-1q2xp92"><img src="./public/TFTlogo.png" alt=":)" class="svelte-1q2xp92">
13964 - <div class="text svelte-1q2xp92"> 13982 + <div class="text svelte-1q2xp92"><h3>TFT에 오신 걸 환영합니다!</h3>
13965 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 13983 + Travel &amp; Festival with Temperature<br>
13966 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 13984 + 각종 행사 정보와 날씨 정보를 한눈에 알 수 있는 서비스입니다.
13967 </div></div>`; 13985 </div></div>`;
13968 13986
13969 - t2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])(); 13987 + t4 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
13970 div5 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 13988 div5 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
13971 13989
13972 - div5.innerHTML = `<div class="contents svelte-1q2xp92"><div class="text svelte-1q2xp92"> 13990 + div5.innerHTML = `<div class="contents svelte-1q2xp92"><div class="text svelte-1q2xp92"><h3>손쉬운 행사 탐색</h3>
13973 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 13991 + TFT를 통해 전국에서 개최중인 행사와 축제를<br>
13974 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 13992 + 한 눈에 확인할 수 있습니다.
13975 </div> 13993 </div>
13976 - <img src="https://www.pinclipart.com/picdir/big/550-5506338_pepe-the-frog-transparent-png-transparent-pepe-png.png" alt=";(" class="svelte-1q2xp92"></div>`; 13994 + <img src="./public/exploremap.png" alt=";(" class="svelte-1q2xp92"></div>`;
13977 13995
13978 - t5 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])(); 13996 + t9 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
13979 div8 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 13997 div8 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
13980 13998
13981 - div8.innerHTML = `<div class="contents svelte-1q2xp92"><img src="https://d2u3dcdbebyaiu.cloudfront.net/uploads/atch_img/574/a90016a30d614a19fe6987d94edb5e29.jpeg" alt=":)" class="svelte-1q2xp92"> 13999 + div8.innerHTML = `<div class="contents svelte-1q2xp92"><img src="./public/infofesta.png" alt=":)" class="svelte-1q2xp92">
13982 - <div class="text svelte-1q2xp92"> 14000 + <div class="text svelte-1q2xp92"><h3>행사 정보 확인</h3>
13983 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 14001 + 지도에 표시된 마커를 클릭하여<br>
13984 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 14002 + 행사 정보를 확인할 수 있습니다.
13985 </div></div>`; 14003 </div></div>`;
13986 14004
13987 - t8 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])(); 14005 + t14 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
13988 div11 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 14006 div11 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
13989 14007
13990 div11.innerHTML = `<div class="contents svelte-1q2xp92"><div class="text svelte-1q2xp92"> 14008 div11.innerHTML = `<div class="contents svelte-1q2xp92"><div class="text svelte-1q2xp92">
13991 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 14009 + 사용된 기술 스택은 다음과 같습니다.<br><br>
13992 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 14010 + WEB : NodeJS / Express / Svelte<br>
14011 + Database : MongoDB<br>
14012 + API Handler : NodeJS / RequestJS<br>
14013 + Docker
13993 </div> 14014 </div>
13994 - <img src="https://www.pinclipart.com/picdir/big/550-5506338_pepe-the-frog-transparent-png-transparent-pepe-png.png" alt=";(" class="svelte-1q2xp92"></div>`; 14015 + <img src="./public/stacks.png" alt=";(" class="svelte-1q2xp92"></div>`;
13995 14016
13996 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div2, "class", "article wbg svelte-1q2xp92"); 14017 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div2, "class", "article wbg svelte-1q2xp92");
13997 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div2, "id", "article1"); 14018 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div2, "id", "article1");
...@@ -14004,11 +14025,11 @@ function create_fragment(ctx) { ...@@ -14004,11 +14025,11 @@ function create_fragment(ctx) {
14004 }, 14025 },
14005 m(target, anchor) { 14026 m(target, anchor) {
14006 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div2, anchor); 14027 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div2, anchor);
14007 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t2, anchor); 14028 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t4, anchor);
14008 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div5, anchor); 14029 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div5, anchor);
14009 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t5, anchor); 14030 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t9, anchor);
14010 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div8, anchor); 14031 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div8, anchor);
14011 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t8, anchor); 14032 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t14, anchor);
14012 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div11, anchor); 14033 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div11, anchor);
14013 }, 14034 },
14014 p: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], 14035 p: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"],
...@@ -14016,11 +14037,11 @@ function create_fragment(ctx) { ...@@ -14016,11 +14037,11 @@ function create_fragment(ctx) {
14016 o: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], 14037 o: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"],
14017 d(detaching) { 14038 d(detaching) {
14018 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div2); 14039 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div2);
14019 - if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t2); 14040 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t4);
14020 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div5); 14041 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div5);
14021 - if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t5); 14042 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t9);
14022 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div8); 14043 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div8);
14023 - if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t8); 14044 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t14);
14024 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div11); 14045 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div11);
14025 } 14046 }
14026 }; 14047 };
...@@ -14822,7 +14843,7 @@ function get_each_context(ctx, list, i) { ...@@ -14822,7 +14843,7 @@ function get_each_context(ctx, list, i) {
14822 return child_ctx; 14843 return child_ctx;
14823 } 14844 }
14824 14845
14825 -// (56:8) {#each navItems as item} 14846 +// (55:8) {#each navItems as item}
14826 function create_each_block(ctx) { 14847 function create_each_block(ctx) {
14827 let current; 14848 let current;
14828 const menuitems = new _Menuitems_svelte__WEBPACK_IMPORTED_MODULE_1__["default"]({ props: { item: /*item*/ ctx[1] } }); 14849 const menuitems = new _Menuitems_svelte__WEBPACK_IMPORTED_MODULE_1__["default"]({ props: { item: /*item*/ ctx[1] } });
...@@ -14855,7 +14876,7 @@ function create_fragment(ctx) { ...@@ -14855,7 +14876,7 @@ function create_fragment(ctx) {
14855 let nav; 14876 let nav;
14856 let div1; 14877 let div1;
14857 let div0; 14878 let div0;
14858 - let t1; 14879 + let t;
14859 let ul; 14880 let ul;
14860 let current; 14881 let current;
14861 let each_value = /*navItems*/ ctx[0]; 14882 let each_value = /*navItems*/ ctx[0];
...@@ -14874,25 +14895,25 @@ function create_fragment(ctx) { ...@@ -14874,25 +14895,25 @@ function create_fragment(ctx) {
14874 nav = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("nav"); 14895 nav = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("nav");
14875 div1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 14896 div1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
14876 div0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 14897 div0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
14877 - div0.textContent = "Logo"; 14898 + div0.innerHTML = `<img alt="Logo" src="./public/TFTlogo.png" class="svelte-1yis6jl">`;
14878 - t1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])(); 14899 + t = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
14879 ul = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("ul"); 14900 ul = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("ul");
14880 14901
14881 for (let i = 0; i < each_blocks.length; i += 1) { 14902 for (let i = 0; i < each_blocks.length; i += 1) {
14882 each_blocks[i].c(); 14903 each_blocks[i].c();
14883 } 14904 }
14884 14905
14885 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div0, "class", "logo svelte-5hxnoh"); 14906 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div0, "class", "logo svelte-1yis6jl");
14886 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(ul, "class", "navbar-list svelte-5hxnoh"); 14907 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(ul, "class", "navbar-list svelte-1yis6jl");
14887 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div1, "class", "inner svelte-5hxnoh"); 14908 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div1, "class", "inner svelte-1yis6jl");
14888 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "id", "nav"); 14909 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "id", "nav");
14889 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", "svelte-5hxnoh"); 14910 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", "svelte-1yis6jl");
14890 }, 14911 },
14891 m(target, anchor) { 14912 m(target, anchor) {
14892 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, nav, anchor); 14913 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, nav, anchor);
14893 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, div1); 14914 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, div1);
14894 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, div0); 14915 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, div0);
14895 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t1); 14916 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t);
14896 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, ul); 14917 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, ul);
14897 14918
14898 for (let i = 0; i < each_blocks.length; i += 1) { 14919 for (let i = 0; i < each_blocks.length; i += 1) {
...@@ -14956,10 +14977,10 @@ function create_fragment(ctx) { ...@@ -14956,10 +14977,10 @@ function create_fragment(ctx) {
14956 14977
14957 function instance($$self) { 14978 function instance($$self) {
14958 const navItems = [ 14979 const navItems = [
14959 - { label: "Article1", href: "#article1" }, 14980 + { label: "TFT 소개", href: "#article1" },
14960 - { label: "Article2", href: "#article2" }, 14981 + { label: "행사 탐색", href: "#article2" },
14961 - { label: "Article3", href: "#article3" }, 14982 + { label: "행사 정보", href: "#article3" },
14962 - { label: "Article4", href: "#article4" } 14983 + { label: "기술 스택", href: "#article4" }
14963 ]; 14984 ];
14964 14985
14965 return [navItems]; 14986 return [navItems];
...@@ -15042,9 +15063,9 @@ function create_fragment(ctx) { ...@@ -15042,9 +15063,9 @@ function create_fragment(ctx) {
15042 a = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("a"); 15063 a = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("a");
15043 t = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t_value); 15064 t = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t_value);
15044 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(a, "href", a_href_value = /*item*/ ctx[0].href); 15065 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(a, "href", a_href_value = /*item*/ ctx[0].href);
15045 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(a, "class", "svelte-nmdqg6"); 15066 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(a, "class", "svelte-1tp05za");
15046 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["toggle_class"])(a, "onmouse", /*onmouse*/ ctx[1]); 15067 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["toggle_class"])(a, "onmouse", /*onmouse*/ ctx[1]);
15047 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(li, "class", "svelte-nmdqg6"); 15068 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(li, "class", "svelte-1tp05za");
15048 }, 15069 },
15049 m(target, anchor, remount) { 15070 m(target, anchor, remount) {
15050 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, li, anchor); 15071 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, li, anchor);
...@@ -16396,6 +16417,8 @@ module.exports = exported; ...@@ -16396,6 +16417,8 @@ module.exports = exported;
16396 __webpack_require__.r(__webpack_exports__); 16417 __webpack_require__.r(__webpack_exports__);
16397 /* harmony import */ var svelte_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! svelte/internal */ "./node_modules/svelte/internal/index.mjs"); 16418 /* harmony import */ var svelte_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! svelte/internal */ "./node_modules/svelte/internal/index.mjs");
16398 /* harmony import */ var _SideBar_svelte__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SideBar.svelte */ "./src/SideItems/SideBar.svelte"); 16419 /* harmony import */ var _SideBar_svelte__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SideBar.svelte */ "./src/SideItems/SideBar.svelte");
16420 +/* harmony import */ var D_Library_TFT_src_SideItems_Info_svelte_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./src/SideItems/Info.svelte.css */ "./src/SideItems/Info.svelte.css");
16421 +/* harmony import */ var D_Library_TFT_src_SideItems_Info_svelte_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(D_Library_TFT_src_SideItems_Info_svelte_css__WEBPACK_IMPORTED_MODULE_2__);
16399 /* src\SideItems\Info.svelte generated by Svelte v3.20.1 */ 16422 /* src\SideItems\Info.svelte generated by Svelte v3.20.1 */
16400 16423
16401 16424
...@@ -16403,21 +16426,76 @@ const { window: window_1 } = svelte_internal__WEBPACK_IMPORTED_MODULE_0__["globa ...@@ -16403,21 +16426,76 @@ const { window: window_1 } = svelte_internal__WEBPACK_IMPORTED_MODULE_0__["globa
16403 16426
16404 16427
16405 function create_default_slot(ctx) { 16428 function create_default_slot(ctx) {
16406 - let t_value = /*festa*/ ctx[1].title + ""; 16429 + let div2;
16407 - let t; 16430 + let div0;
16431 + let t0_value = /*festa*/ ctx[1].title + "";
16432 + let t0;
16433 + let t1;
16434 + let img;
16435 + let img_src_value;
16436 + let br0;
16437 + let t2;
16438 + let div1;
16439 + let t3;
16440 + let t4_value = /*festa*/ ctx[1].addr1 + "";
16441 + let t4;
16442 + let br1;
16443 + let t5;
16444 + let t6_value = /*festa*/ ctx[1].tel + "";
16445 + let t6;
16446 + let br2;
16408 16447
16409 return { 16448 return {
16410 c() { 16449 c() {
16411 - t = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t_value); 16450 + div2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16451 + div0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16452 + t0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t0_value);
16453 + t1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
16454 + img = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("img");
16455 + br0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("br");
16456 + t2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
16457 + div1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16458 + t3 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])("개최지 : ");
16459 + t4 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t4_value);
16460 + br1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("br");
16461 + t5 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])("\r\n 전화번호 : ");
16462 + t6 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t6_value);
16463 + br2 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("br");
16464 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div0, "class", "title svelte-15ku9d2");
16465 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(img, "alt", "festaImg");
16466 + if (img.src !== (img_src_value = /*festa*/ ctx[1].firstimage)) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(img, "src", img_src_value);
16467 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(img, "class", "svelte-15ku9d2");
16468 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div1, "class", "content svelte-15ku9d2");
16469 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div2, "class", "info svelte-15ku9d2");
16412 }, 16470 },
16413 m(target, anchor) { 16471 m(target, anchor) {
16414 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t, anchor); 16472 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div2, anchor);
16473 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, div0);
16474 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div0, t0);
16475 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, t1);
16476 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, img);
16477 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, br0);
16478 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, t2);
16479 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div2, div1);
16480 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t3);
16481 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t4);
16482 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, br1);
16483 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t5);
16484 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, t6);
16485 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div1, br2);
16415 }, 16486 },
16416 p(ctx, dirty) { 16487 p(ctx, dirty) {
16417 - if (dirty & /*festa*/ 2 && t_value !== (t_value = /*festa*/ ctx[1].title + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t, t_value); 16488 + if (dirty & /*festa*/ 2 && t0_value !== (t0_value = /*festa*/ ctx[1].title + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t0, t0_value);
16489 +
16490 + if (dirty & /*festa*/ 2 && img.src !== (img_src_value = /*festa*/ ctx[1].firstimage)) {
16491 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(img, "src", img_src_value);
16492 + }
16493 +
16494 + if (dirty & /*festa*/ 2 && t4_value !== (t4_value = /*festa*/ ctx[1].addr1 + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t4, t4_value);
16495 + if (dirty & /*festa*/ 2 && t6_value !== (t6_value = /*festa*/ ctx[1].tel + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t6, t6_value);
16418 }, 16496 },
16419 d(detaching) { 16497 d(detaching) {
16420 - if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t); 16498 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div2);
16421 } 16499 }
16422 }; 16500 };
16423 } 16501 }
...@@ -16523,6 +16601,39 @@ if (false) {} ...@@ -16523,6 +16601,39 @@ if (false) {}
16523 /* harmony default export */ __webpack_exports__["default"] = (Info); 16601 /* harmony default export */ __webpack_exports__["default"] = (Info);
16524 16602
16525 16603
16604 +
16605 +
16606 +/***/ }),
16607 +
16608 +/***/ "./src/SideItems/Info.svelte.css":
16609 +/*!***************************************!*\
16610 + !*** ./src/SideItems/Info.svelte.css ***!
16611 + \***************************************/
16612 +/*! no static exports found */
16613 +/***/ (function(module, exports, __webpack_require__) {
16614 +
16615 +var api = __webpack_require__(/*! ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
16616 + var content = __webpack_require__(/*! !../../node_modules/css-loader/dist/cjs.js!./Info.svelte.css */ "./node_modules/css-loader/dist/cjs.js!./src/SideItems/Info.svelte.css");
16617 +
16618 + content = content.__esModule ? content.default : content;
16619 +
16620 + if (typeof content === 'string') {
16621 + content = [[module.i, content, '']];
16622 + }
16623 +
16624 +var options = {};
16625 +
16626 +options.insert = "head";
16627 +options.singleton = false;
16628 +
16629 +var update = api(content, options);
16630 +
16631 +var exported = content.locals ? content.locals : {};
16632 +
16633 +
16634 +
16635 +module.exports = exported;
16636 +
16526 /***/ }), 16637 /***/ }),
16527 16638
16528 /***/ "./src/SideItems/SideBar.svelte": 16639 /***/ "./src/SideItems/SideBar.svelte":
...@@ -16544,54 +16655,70 @@ __webpack_require__.r(__webpack_exports__); ...@@ -16544,54 +16655,70 @@ __webpack_require__.r(__webpack_exports__);
16544 16655
16545 16656
16546 function create_if_block(ctx) { 16657 function create_if_block(ctx) {
16547 - let nav;
16548 - let div0;
16549 - let t0_value = (/*side*/ ctx[1] == "left" ? "＜" : "＞") + "";
16550 let t0; 16658 let t0;
16659 + let nav;
16551 let t1; 16660 let t1;
16552 - let div1; 16661 + let div;
16553 let nav_class_value; 16662 let nav_class_value;
16554 let nav_transition; 16663 let nav_transition;
16555 let current; 16664 let current;
16556 - let dispose; 16665 + let if_block0 = /*side*/ ctx[1] == "right" && create_if_block_2(ctx);
16666 + let if_block1 = /*side*/ ctx[1] == "left" && create_if_block_1(ctx);
16557 const default_slot_template = /*$$slots*/ ctx[3].default; 16667 const default_slot_template = /*$$slots*/ ctx[3].default;
16558 const default_slot = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["create_slot"])(default_slot_template, ctx, /*$$scope*/ ctx[2], null); 16668 const default_slot = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["create_slot"])(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
16559 const default_slot_or_fallback = default_slot || fallback_block(ctx); 16669 const default_slot_or_fallback = default_slot || fallback_block(ctx);
16560 16670
16561 return { 16671 return {
16562 c() { 16672 c() {
16673 + if (if_block0) if_block0.c();
16674 + t0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
16563 nav = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("nav"); 16675 nav = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("nav");
16564 - div0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 16676 + if (if_block1) if_block1.c();
16565 - t0 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t0_value);
16566 t1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])(); 16677 t1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["space"])();
16567 - div1 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div"); 16678 + div = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16568 if (default_slot_or_fallback) default_slot_or_fallback.c(); 16679 if (default_slot_or_fallback) default_slot_or_fallback.c();
16569 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div0, "class", "navtop svelte-198fel3"); 16680 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div, "class", "navitems svelte-8dqk19");
16570 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div0, "justify-content", /*side*/ ctx[1] == "left" ? "right" : "left"); 16681 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", nav_class_value = "" + (Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["null_to_empty"])("nav " + /*side*/ ctx[1]) + " svelte-8dqk19"));
16571 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div0, "cursor", "pointer");
16572 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div1, "class", "navitems svelte-198fel3");
16573 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", nav_class_value = "" + (Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["null_to_empty"])("nav " + /*side*/ ctx[1]) + " svelte-198fel3"));
16574 }, 16682 },
16575 - m(target, anchor, remount) { 16683 + m(target, anchor) {
16684 + if (if_block0) if_block0.m(target, anchor);
16685 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, t0, anchor);
16576 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, nav, anchor); 16686 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, nav, anchor);
16577 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, div0); 16687 + if (if_block1) if_block1.m(nav, null);
16578 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div0, t0);
16579 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, t1); 16688 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, t1);
16580 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, div1); 16689 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(nav, div);
16581 16690
16582 if (default_slot_or_fallback) { 16691 if (default_slot_or_fallback) {
16583 - default_slot_or_fallback.m(div1, null); 16692 + default_slot_or_fallback.m(div, null);
16584 } 16693 }
16585 16694
16586 current = true; 16695 current = true;
16587 - if (remount) dispose();
16588 - dispose = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["listen"])(div0, "click", /*click_handler*/ ctx[4]);
16589 }, 16696 },
16590 p(ctx, dirty) { 16697 p(ctx, dirty) {
16591 - if ((!current || dirty & /*side*/ 2) && t0_value !== (t0_value = (/*side*/ ctx[1] == "left" ? "＜" : "＞") + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t0, t0_value); 16698 + if (/*side*/ ctx[1] == "right") {
16699 + if (if_block0) {
16700 + if_block0.p(ctx, dirty);
16701 + } else {
16702 + if_block0 = create_if_block_2(ctx);
16703 + if_block0.c();
16704 + if_block0.m(t0.parentNode, t0);
16705 + }
16706 + } else if (if_block0) {
16707 + if_block0.d(1);
16708 + if_block0 = null;
16709 + }
16592 16710
16593 - if (!current || dirty & /*side*/ 2) { 16711 + if (/*side*/ ctx[1] == "left") {
16594 - Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div0, "justify-content", /*side*/ ctx[1] == "left" ? "right" : "left"); 16712 + if (if_block1) {
16713 + if_block1.p(ctx, dirty);
16714 + } else {
16715 + if_block1 = create_if_block_1(ctx);
16716 + if_block1.c();
16717 + if_block1.m(nav, t1);
16718 + }
16719 + } else if (if_block1) {
16720 + if_block1.d(1);
16721 + if_block1 = null;
16595 } 16722 }
16596 16723
16597 if (default_slot) { 16724 if (default_slot) {
...@@ -16600,7 +16727,7 @@ function create_if_block(ctx) { ...@@ -16600,7 +16727,7 @@ function create_if_block(ctx) {
16600 } 16727 }
16601 } 16728 }
16602 16729
16603 - if (!current || dirty & /*side*/ 2 && nav_class_value !== (nav_class_value = "" + (Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["null_to_empty"])("nav " + /*side*/ ctx[1]) + " svelte-198fel3"))) { 16730 + if (!current || dirty & /*side*/ 2 && nav_class_value !== (nav_class_value = "" + (Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["null_to_empty"])("nav " + /*side*/ ctx[1]) + " svelte-8dqk19"))) {
16604 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", nav_class_value); 16731 Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(nav, "class", nav_class_value);
16605 } 16732 }
16606 }, 16733 },
...@@ -16613,7 +16740,7 @@ function create_if_block(ctx) { ...@@ -16613,7 +16740,7 @@ function create_if_block(ctx) {
16613 nav, 16740 nav,
16614 svelte_transition__WEBPACK_IMPORTED_MODULE_1__["fly"], 16741 svelte_transition__WEBPACK_IMPORTED_MODULE_1__["fly"],
16615 { 16742 {
16616 - x: /*side*/ ctx[1] == "left" ? -400 : 400, 16743 + x: /*side*/ ctx[1] == "left" ? -400 : 600,
16617 opacity: 1, 16744 opacity: 1,
16618 duration: 800 16745 duration: 800
16619 }, 16746 },
...@@ -16632,7 +16759,7 @@ function create_if_block(ctx) { ...@@ -16632,7 +16759,7 @@ function create_if_block(ctx) {
16632 nav, 16759 nav,
16633 svelte_transition__WEBPACK_IMPORTED_MODULE_1__["fly"], 16760 svelte_transition__WEBPACK_IMPORTED_MODULE_1__["fly"],
16634 { 16761 {
16635 - x: /*side*/ ctx[1] == "left" ? -400 : 400, 16762 + x: /*side*/ ctx[1] == "left" ? -400 : 600,
16636 opacity: 1, 16763 opacity: 1,
16637 duration: 800 16764 duration: 800
16638 }, 16765 },
...@@ -16643,15 +16770,75 @@ function create_if_block(ctx) { ...@@ -16643,15 +16770,75 @@ function create_if_block(ctx) {
16643 current = false; 16770 current = false;
16644 }, 16771 },
16645 d(detaching) { 16772 d(detaching) {
16773 + if (if_block0) if_block0.d(detaching);
16774 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(t0);
16646 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(nav); 16775 if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(nav);
16776 + if (if_block1) if_block1.d();
16647 if (default_slot_or_fallback) default_slot_or_fallback.d(detaching); 16777 if (default_slot_or_fallback) default_slot_or_fallback.d(detaching);
16648 if (detaching && nav_transition) nav_transition.end(); 16778 if (detaching && nav_transition) nav_transition.end();
16779 + }
16780 + };
16781 +}
16782 +
16783 +// (73:4) {#if side == "right"}
16784 +function create_if_block_2(ctx) {
16785 + let div;
16786 + let dispose;
16787 +
16788 + return {
16789 + c() {
16790 + div = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16791 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div, "class", "bg svelte-8dqk19");
16792 + },
16793 + m(target, anchor, remount) {
16794 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div, anchor);
16795 + if (remount) dispose();
16796 + dispose = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["listen"])(div, "click", /*click_handler*/ ctx[4]);
16797 + },
16798 + p: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"],
16799 + d(detaching) {
16800 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div);
16801 + dispose();
16802 + }
16803 + };
16804 +}
16805 +
16806 +// (77:8) {#if side == "left"}
16807 +function create_if_block_1(ctx) {
16808 + let div;
16809 + let t_value = (/*side*/ ctx[1] == "left" ? "＜" : "＞") + "";
16810 + let t;
16811 + let dispose;
16812 +
16813 + return {
16814 + c() {
16815 + div = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["element"])("div");
16816 + t = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["text"])(t_value);
16817 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["attr"])(div, "class", "navtop svelte-8dqk19");
16818 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div, "justify-content", /*side*/ ctx[1] == "left" ? "right" : "left");
16819 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div, "cursor", "pointer");
16820 + },
16821 + m(target, anchor, remount) {
16822 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["insert"])(target, div, anchor);
16823 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["append"])(div, t);
16824 + if (remount) dispose();
16825 + dispose = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["listen"])(div, "click", /*click_handler_1*/ ctx[5]);
16826 + },
16827 + p(ctx, dirty) {
16828 + if (dirty & /*side*/ 2 && t_value !== (t_value = (/*side*/ ctx[1] == "left" ? "＜" : "＞") + "")) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_data"])(t, t_value);
16829 +
16830 + if (dirty & /*side*/ 2) {
16831 + Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["set_style"])(div, "justify-content", /*side*/ ctx[1] == "left" ? "right" : "left");
16832 + }
16833 + },
16834 + d(detaching) {
16835 + if (detaching) Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__["detach"])(div);
16649 dispose(); 16836 dispose();
16650 } 16837 }
16651 }; 16838 };
16652 } 16839 }
16653 16840
16654 -// (66:18) 16841 +// (84:18)
16655 function fallback_block(ctx) { 16842 function fallback_block(ctx) {
16656 return { c: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], m: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], d: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"] }; 16843 return { c: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], m: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"], d: svelte_internal__WEBPACK_IMPORTED_MODULE_0__["noop"] };
16657 } 16844 }
...@@ -16717,13 +16904,17 @@ function instance($$self, $$props, $$invalidate) { ...@@ -16717,13 +16904,17 @@ function instance($$self, $$props, $$invalidate) {
16717 $$invalidate(0, show = false); 16904 $$invalidate(0, show = false);
16718 }; 16905 };
16719 16906
16907 + const click_handler_1 = () => {
16908 + $$invalidate(0, show = false);
16909 + };
16910 +
16720 $$self.$set = $$props => { 16911 $$self.$set = $$props => {
16721 if ("show" in $$props) $$invalidate(0, show = $$props.show); 16912 if ("show" in $$props) $$invalidate(0, show = $$props.show);
16722 if ("side" in $$props) $$invalidate(1, side = $$props.side); 16913 if ("side" in $$props) $$invalidate(1, side = $$props.side);
16723 if ("$$scope" in $$props) $$invalidate(2, $$scope = $$props.$$scope); 16914 if ("$$scope" in $$props) $$invalidate(2, $$scope = $$props.$$scope);
16724 }; 16915 };
16725 16916
16726 - return [show, side, $$scope, $$slots, click_handler]; 16917 + return [show, side, $$scope, $$slots, click_handler, click_handler_1];
16727 } 16918 }
16728 16919
16729 class SideBar extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__["SvelteComponent"] { 16920 class SideBar extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__["SvelteComponent"] {
......
This diff could not be displayed because it is too large.
...@@ -9,7 +9,7 @@ body { ...@@ -9,7 +9,7 @@ body {
9 margin: 0; 9 margin: 0;
10 padding: 8px; 10 padding: 8px;
11 box-sizing: border-box; 11 box-sizing: border-box;
12 - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 12 + font-family: '맑은 고딕 Semilight', "AppleSDGothicNeo-Regular", 'Malgun Gothic', '맑은 고딕', "dotum", '돋움', sans-serif;
13 } 13 }
14 14
15 a { 15 a {
......
...@@ -38,37 +38,43 @@ ...@@ -38,37 +38,43 @@
38 38
39 <div class="article wbg" id="article1"> 39 <div class="article wbg" id="article1">
40 <div class="contents"> 40 <div class="contents">
41 - <img src="https://d2u3dcdbebyaiu.cloudfront.net/uploads/atch_img/574/a90016a30d614a19fe6987d94edb5e29.jpeg" alt=":)"> 41 + <img src="./public/TFTlogo.png" alt=":)">
42 <div class="text"> 42 <div class="text">
43 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 43 + <h3>TFT에 오신 걸 환영합니다!</h3>
44 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 44 + Travel & Festival with Temperature<br>
45 + 각종 행사 정보와 날씨 정보를 한눈에 알 수 있는 서비스입니다.
45 </div> 46 </div>
46 </div> 47 </div>
47 </div> 48 </div>
48 <div class="article gbg" id="article2"> 49 <div class="article gbg" id="article2">
49 <div class="contents"> 50 <div class="contents">
50 <div class="text"> 51 <div class="text">
51 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 52 + <h3>손쉬운 행사 탐색</h3>
52 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 53 + TFT를 통해 전국에서 개최중인 행사와 축제를<br>
54 + 한 눈에 확인할 수 있습니다.
53 </div> 55 </div>
54 - <img src="https://www.pinclipart.com/picdir/big/550-5506338_pepe-the-frog-transparent-png-transparent-pepe-png.png" alt=";("> 56 + <img src="./public/exploremap.png" alt=";(">
55 </div> 57 </div>
56 </div> 58 </div>
57 <div class="article wbg" id="article3"> 59 <div class="article wbg" id="article3">
58 <div class="contents"> 60 <div class="contents">
59 - <img src="https://d2u3dcdbebyaiu.cloudfront.net/uploads/atch_img/574/a90016a30d614a19fe6987d94edb5e29.jpeg" alt=":)"> 61 + <img src="./public/infofesta.png" alt=":)">
60 <div class="text"> 62 <div class="text">
61 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 63 + <h3>행사 정보 확인</h3>
62 - ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 64 + 지도에 표시된 마커를 클릭하여<br>
65 + 행사 정보를 확인할 수 있습니다.
63 </div> 66 </div>
64 </div> 67 </div>
65 </div> 68 </div>
66 <div class="article gbg" id="article4"> 69 <div class="article gbg" id="article4">
67 <div class="contents"> 70 <div class="contents">
68 <div class="text"> 71 <div class="text">
69 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 72 + 사용된 기술 스택은 다음과 같습니다.<br><br>
70 - ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 73 + WEB : NodeJS / Express / Svelte<br>
74 + Database : MongoDB<br>
75 + API Handler : NodeJS / RequestJS<br>
76 + Docker
71 </div> 77 </div>
72 - <img src="https://www.pinclipart.com/picdir/big/550-5506338_pepe-the-frog-transparent-png-transparent-pepe-png.png" alt=";("> 78 + <img src="./public/stacks.png" alt=";(">
73 </div> 79 </div>
74 </div> 80 </div>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
3 3
4 // 메뉴 바 항목들 4 // 메뉴 바 항목들
5 const navItems = [ 5 const navItems = [
6 - { label: "Article1", href: "#article1" }, 6 + { label: "TFT 소개", href: "#article1" },
7 - { label: "Article2", href: "#article2" }, 7 + { label: "행사 탐색", href: "#article2" },
8 - { label: "Article3", href: "#article3" }, 8 + { label: "행사 정보", href: "#article3" },
9 - { label: "Article4", href: "#article4" } 9 + { label: "기술 스택", href: "#article4" }
10 ]; 10 ];
11 </script> 11 </script>
12 12
...@@ -20,38 +20,37 @@ ...@@ -20,38 +20,37 @@
20 } 20 }
21 21
22 .inner { 22 .inner {
23 - max-width: 600px; 23 + max-width: 700px;
24 padding-left: 10px; 24 padding-left: 10px;
25 padding-right: 10px; 25 padding-right: 10px;
26 margin: auto; 26 margin: auto;
27 - box-sizing: content-box; 27 + box-sizing: border-box;
28 display: flex; 28 display: flex;
29 align-items: center; 29 align-items: center;
30 justify-content: center; 30 justify-content: center;
31 height: 100%; 31 height: 100%;
32 } 32 }
33 33
34 - .logo { 34 + .logo img{
35 display: flex; 35 display: flex;
36 - align-items: center; 36 + width: 120px;
37 - color: black; 37 + left: 20px;
38 - width: 50px; 38 + top: 15px;
39 - margin-right: 350px; 39 + margin-right: 400px;
40 } 40 }
41 41
42 .navbar-list { 42 .navbar-list {
43 display: flex; 43 display: flex;
44 - padding: 0; 44 + padding: 0;
45 - width: 400px; 45 + width: 100%;
46 - justify-content: space-around; 46 + justify-content: space-between;
47 margin: 0; 47 margin: 0;
48 - margin-left: 200px;
49 } 48 }
50 </style> 49 </style>
51 50
52 <nav id="nav"> 51 <nav id="nav">
53 <div class="inner"> 52 <div class="inner">
54 - <div class="logo">Logo</div> 53 + <div class="logo"><img alt="Logo" src="./public/TFTlogo.png"></div>
55 <ul class='navbar-list'> 54 <ul class='navbar-list'>
56 {#each navItems as item} 55 {#each navItems as item}
57 <Menuitems {item}/> 56 <Menuitems {item}/>
......
1 <style> 1 <style>
2 li { 2 li {
3 + display: flex;
3 list-style-type: none; 4 list-style-type: none;
4 position: relative; 5 position: relative;
5 margin-left: 50px; 6 margin-left: 50px;
7 + height: 45px;
8 + white-space: nowrap;
9 + align-items: center;
6 } 10 }
7 11
8 li:before { 12 li:before {
...@@ -18,8 +22,6 @@ ...@@ -18,8 +22,6 @@
18 color: #000000; 22 color: #000000;
19 text-decoration: none; 23 text-decoration: none;
20 display: inline-flex; 24 display: inline-flex;
21 - height: 45px;
22 - align-items: center;
23 padding: 0 10px; 25 padding: 0 10px;
24 font-size: 20px; 26 font-size: 20px;
25 } 27 }
...@@ -31,7 +33,7 @@ ...@@ -31,7 +33,7 @@
31 } 33 }
32 34
33 .onmouse { 35 .onmouse {
34 - color: #ffffff; 36 + text-decoration: underline;
35 } 37 }
36 </style> 38 </style>
37 39
......
...@@ -12,7 +12,38 @@ ...@@ -12,7 +12,38 @@
12 } 12 }
13 </script> 13 </script>
14 14
15 +<style>
16 + .title {
17 + font-size: 18pt;
18 + font-weight: bold;
19 + text-align: center;
20 + }
21 +
22 + .content {
23 + padding: 0.5rem 0.5rem 0.5rem;
24 + text-align: center;
25 + }
26 +
27 + .info img {
28 + max-height: 20rem;
29 + }
30 +
31 +</style>
32 +
15 <svelte:window on:scroll={hide}></svelte:window> 33 <svelte:window on:scroll={hide}></svelte:window>
16 <SideBar bind:show={sidebar_show} {side}> 34 <SideBar bind:show={sidebar_show} {side}>
17 - {festa.title} 35 + <div class="info">
36 + <div class="title">{festa.title}</div>
37 + <img alt="festaImg" src={festa.firstimage}><br>
38 + <div class="content">
39 + 개최지 : {festa.addr1}<br>
40 + 전화번호 : {festa.tel}<br>
41 + <!-- 행사 시작일 : {festa.startdate}<br>
42 + 행사 시작일 : {festa.enddate}<br>
43 + 날씨 : {festa.weather 어쩌구} -->
44 + </div>
45 + </div>
46 +
47 +
48 +
18 </SideBar> 49 </SideBar>
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 border-left: 1px solid #aaa; 32 border-left: 1px solid #aaa;
33 background: #fff; 33 background: #fff;
34 overflow-y: auto; 34 overflow-y: auto;
35 - width: 330px; 35 + width: 560px;
36 z-index: 900; 36 z-index: 900;
37 } 37 }
38 38
...@@ -47,21 +47,39 @@ ...@@ -47,21 +47,39 @@
47 padding: 5px 5px 5px; 47 padding: 5px 5px 5px;
48 border-bottom: #999999 solid 1px; 48 border-bottom: #999999 solid 1px;
49 } 49 }
50 + .bg {
51 + position: fixed;
52 + display: block;
53 + width: 100vw;
54 + height: 100vw;
55 + left: 0;
56 + top: 0;
57 + background-color: rgba(0, 0, 0, 10%);
58 + z-index: 800;
59 + }
50 60
51 .navitems { 61 .navitems {
52 display: flex; 62 display: flex;
53 - padding: 2rem 1rem 0.6rem;
54 flex-direction: column 63 flex-direction: column
55 } 64 }
65 +
66 + .left .navitems {
67 + padding: 2rem 1rem 0.6rem;
68 + }
56 69
57 </style> 70 </style>
58 71
59 -{#if show} 72 +{#if show}
60 - <nav class={"nav " + side} transition:fly={{x: (side == "left" ? -400 : 400), opacity: 1, duration: 800}}> 73 + {#if side == "right"}
61 - <div class="navtop" on:click={() => {show = false;}} 74 + <div class="bg" on:click={() => {show = false;}}></div>
62 - style="justify-content:{side == "left" ? "right" : "left"}; cursor:pointer;"> 75 + {/if}
63 - { side == "left" ? "＜" : "＞" } 76 + <nav class={"nav " + side} transition:fly={{x: (side == "left" ? -400 : 600), opacity: 1, duration: 800}}>
64 - </div> 77 + {#if side == "left"}
78 + <div class="navtop" on:click={() => {show = false;}}
79 + style="justify-content:{side == "left" ? "right" : "left"}; cursor:pointer;">
80 + { side == "left" ? "＜" : "＞" }
81 + </div>
82 + {/if}
65 <div class="navitems"> 83 <div class="navitems">
66 <slot> 84 <slot>
67 85
......