윤혜원 / YTMT

Go to a project
Toggle navigation Toggle navigation pinning
윤혜원
6d7dca34 1 parent 8d1ecb1e

다른 사용자의 내툰리스트를 볼 수 있는 니툰 기능 구현 완료!

Inline Side-by-side
Showing 8 changed files with 224 additions and 553 deletions
......@@ -2,7 +2,12 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="ffe1a490-8fdb-4611-8537-4d1c03c40b8d" name="Default" comment="">
<change beforePath="$PROJECT_DIR$/views/index.ejs" beforeDir="false" afterPath="$PROJECT_DIR$/views/index.ejs" afterDir="false" />
<change afterPath="$PROJECT_DIR$/routes/yourtoons.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/views/yourtoons.ejs" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/app.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/routes/mytoons.js" beforeDir="false" afterPath="$PROJECT_DIR$/routes/mytoons.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/views/index.html" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/views/mytoons.ejs" beforeDir="false" afterPath="$PROJECT_DIR$/views/mytoons.ejs" afterDir="false" />
<change beforePath="$PROJECT_DIR$/views/setting.ejs" beforeDir="false" afterPath="$PROJECT_DIR$/views/setting.ejs" afterDir="false" />
</list>
......@@ -116,88 +121,76 @@
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="2" />
<entry key="ejs" value="8" />
<entry key="ejs" value="10" />
<entry key="html" value="1" />
<entry key="js" value="9" />
<entry key="js" value="12" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="2" />
<entry key="EJS" value="8" />
<entry key="EJS" value="10" />
<entry key="HTML" value="1" />
<entry key="JavaScript" value="9" />
<entry key="JavaScript" value="12" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="ejs" value="835" />
<entry key="js" value="1398" />
<entry key="ejs" value="899" />
<entry key="js" value="1578" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="EJS" value="835" />
<entry key="JavaScript" value="1398" />
<entry key="EJS" value="899" />
<entry key="JavaScript" value="1578" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/routes/mytoons.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="494">
<caret line="26" column="20" lean-forward="true" selection-start-line="26" selection-start-column="20" selection-end-line="26" selection-end-column="20" />
<state relative-caret-position="247">
<caret line="22" lean-forward="true" selection-start-line="22" selection-end-line="22" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/views/mytoons.ejs">
<entry file="file://$PROJECT_DIR$/app.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="475">
<caret line="70" column="8" lean-forward="true" selection-start-line="70" selection-start-column="8" selection-end-line="70" selection-end-column="8" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
<state relative-caret-position="285">
<caret line="69" column="12" lean-forward="true" selection-start-line="69" selection-start-column="12" selection-end-line="69" selection-end-column="12" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/views/index.html">
<entry file="file://$PROJECT_DIR$/routes/yourtoons.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-988">
<caret line="65" column="34" lean-forward="true" selection-start-line="65" selection-start-column="34" selection-end-line="65" selection-end-column="34" />
<state relative-caret-position="336">
<caret line="31" column="53" lean-forward="true" selection-start-line="31" selection-start-column="53" selection-end-line="31" selection-end-column="53" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/views/setting.ejs">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/views/yourtoons.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="469">
<caret line="135" lean-forward="true" selection-start-line="135" selection-end-line="135" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
<state relative-caret-position="274">
<caret line="90" lean-forward="true" selection-start-line="90" selection-end-line="90" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/views/index.ejs">
<entry file="file://$PROJECT_DIR$/views/mytoons.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="380">
<caret line="104" column="34" lean-forward="true" selection-start-line="93" selection-start-column="2" selection-end-line="104" selection-end-column="34" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#0;n#ul#0;n#div#0;n#div#0;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#ul#0;n#div#0;n#div#0;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
<state relative-caret-position="-2633">
<caret line="8" lean-forward="true" selection-start-line="8" selection-end-line="8" />
</state>
</provider>
</entry>
......@@ -283,14 +276,16 @@
<option value="$PROJECT_DIR$/views/daum" />
<option value="$PROJECT_DIR$/views/daum.ejs" />
<option value="$PROJECT_DIR$/routes/daum.js" />
<option value="$PROJECT_DIR$/routes/mytoons.js" />
<option value="$PROJECT_DIR$/routes/toonviewer.js" />
<option value="$PROJECT_DIR$/routes/setting.js" />
<option value="$PROJECT_DIR$/app.js" />
<option value="$PROJECT_DIR$/routes/index.js" />
<option value="$PROJECT_DIR$/views/mytoons.ejs" />
<option value="$PROJECT_DIR$/views/index.ejs" />
<option value="$PROJECT_DIR$/views/setting.ejs" />
<option value="$PROJECT_DIR$/routes/mytoons.js" />
<option value="$PROJECT_DIR$/app.js" />
<option value="$PROJECT_DIR$/views/mytoons.ejs" />
<option value="$PROJECT_DIR$/routes/yourtoons.js" />
<option value="$PROJECT_DIR$/views/yourtoons.ejs" />
</list>
</option>
</component>
......@@ -520,7 +515,7 @@
<workItem from="1543588884449" duration="7362000" />
<workItem from="1543625351688" duration="5520000" />
<workItem from="1543732778568" duration="2000" />
<workItem from="1543986114264" duration="6680000" />
<workItem from="1543986114264" duration="8173000" />
</task>
<task id="LOCAL-00001" summary="초기 commit by intellij">
<created>1512174269218</created>
......@@ -540,7 +535,7 @@
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="238841000" />
<option name="totallyTimeSpent" value="240334000" />
</component>
<component name="TodoView">
<todo-panel id="selected-file">
......@@ -746,13 +741,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="274">
<caret line="71" column="16" lean-forward="true" selection-start-line="71" selection-start-column="16" selection-end-line="71" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/routes/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="207">
......@@ -787,17 +775,17 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/routes/mytoons.js">
<entry file="file://$PROJECT_DIR$/views/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="494">
<caret line="26" column="20" lean-forward="true" selection-start-line="26" selection-start-column="20" selection-end-line="26" selection-end-column="20" />
<state relative-caret-position="152">
<caret line="65" column="34" lean-forward="true" selection-start-line="65" selection-start-column="34" selection-end-line="65" selection-end-column="34" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/views/index.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="380">
<caret line="104" column="34" lean-forward="true" selection-start-line="93" selection-start-column="2" selection-end-line="104" selection-end-column="34" />
<state relative-caret-position="304">
<caret line="25" column="7" lean-forward="true" selection-start-line="25" selection-start-column="7" selection-end-line="25" selection-end-column="7" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
......@@ -807,30 +795,48 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/views/mytoons.ejs">
<entry file="file://$PROJECT_DIR$/views/setting.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="475">
<caret line="70" column="8" lean-forward="true" selection-start-line="70" selection-start-column="8" selection-end-line="70" selection-end-column="8" />
<state relative-caret-position="190">
<caret line="10" column="19" lean-forward="true" selection-start-line="10" selection-start-column="19" selection-end-line="10" selection-end-column="19" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/views/index.html">
<entry file="file://$PROJECT_DIR$/views/mytoons.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-988">
<caret line="65" column="34" lean-forward="true" selection-start-line="65" selection-start-column="34" selection-end-line="65" selection-end-column="34" />
<state relative-caret-position="-2633">
<caret line="8" lean-forward="true" selection-start-line="8" selection-end-line="8" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/views/setting.ejs">
<entry file="file://$PROJECT_DIR$/views/yourtoons.ejs">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="469">
<caret line="135" lean-forward="true" selection-start-line="135" selection-end-line="135" />
<folding>
<element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
<state relative-caret-position="274">
<caret line="90" lean-forward="true" selection-start-line="90" selection-end-line="90" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/routes/yourtoons.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="336">
<caret line="31" column="53" lean-forward="true" selection-start-line="31" selection-start-column="53" selection-end-line="31" selection-end-column="53" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="285">
<caret line="69" column="12" lean-forward="true" selection-start-line="69" selection-start-column="12" selection-end-line="69" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/routes/mytoons.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="247">
<caret line="22" lean-forward="true" selection-start-line="22" selection-end-line="22" />
</state>
</provider>
</entry>
......
......@@ -10,6 +10,7 @@ var request = require('request');
var index = require('./routes/index');
var users = require('./routes/users');
var mytoons = require('./routes/mytoons');
var yourtoons=require('./routes/yourtoons');
var passport = require('passport');
var setting = require('./routes/setting');
var session = require('express-session');
......@@ -59,7 +60,7 @@ app.use('/', index);
app.use('/users', users);
app.use('/mytoons', mytoons);
app.use('/setting', setting);
app.use('/toonviewer', toonviewer);
app.use('/yourtoons', yourtoons);
//app.use(express.static('views'));
// catch 404 and forward to error handler
......
......@@ -4,9 +4,6 @@ var request = require('request');
var async = require('async');
var router = express.Router();
function getUpdatedToons(cb){
}
function getMyToons(id,cb){
//id 값을 가진 user가 저장한 웹툰들 가져오기
var sqlquery = "SELECT t.toon_index, t.name, t.thum_link, t.webtoon_link, t.week, t.site FROM user u, user_toon_relation ur, toon t WHERE u.id = '"+id+"' && u.id=ur.user_id && t.toon_index=ur.toon_index;";
......
var express = require('express');
var cheerio = require('cheerio');
var request = require('request');
var async = require('async');
var router = express.Router();
function getYourToons(id,cb){
//현재 로그인한 유저가 아닌 다른 유저들의 내툰리스트 가져오기
var sqlquery = "SELECT u.id, t.toon_index, t.name, t.thum_link, t.webtoon_link, t.week, t.site FROM user u, user_toon_relation ur, toon t WHERE u.id != '"+id+"' && u.id=ur.user_id && t.toon_index=ur.toon_index;";
var yourlist = new Array();
connection.query(sqlquery,id,function(err,rows,result){
if(!err){
yourlist=rows;
cb(yourlist);
console.log(yourlist);
}else{
console.log("니툰 리스트 가져오는데 실패했습니다!");
//throw err;
}
});
}
/* GET home page. */
router.get('/', function(req, res, next) {
if(!req.isAuthenticated()){
res.redirect('/');
}else{
async.series(
[
function(callback){
getYourToons(req.user.user_id, function (yourtoon_list) {
callback(null,yourtoon_list);
});
}
],
function(err, results){
res.render('yourtoons', {
yourtoons: results[0]
});
}
);
}
});
module.exports = router;
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Touché</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top">Touché</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" class="page-scroll">About</a></li>
<li><a href="#restaurant-menu" class="page-scroll">Menu</a></li>
<li><a href="#portfolio" class="page-scroll">Gallery</a></li>
<li><a href="#team" class="page-scroll">Chefs</a></li>
<li><a href="#call-reservation" class="page-scroll">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<!-- Header -->
<header id="header">
<div class="intro">
<div class="overlay">
<div class="container">
<div class="row">
<div class="intro-text">
<h1>Touché</h1>
<p>Restaurant / Coffee / Pub</p>
<a href="#about" class="btn btn-custom btn-lg page-scroll">Discover Story</a> </div>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 ">
<div class="about-img"><img src="img/about.jpg" class="img-responsive" alt=""></div>
</div>
<div class="col-xs-12 col-md-6">
<div class="about-text">
<h2>Our Restaurant</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at. Duis sed dapibus leo nec ornare diam commodo nibh.</p>
<h3>Awarded Chefs</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at. Duis sed dapibus leo nec ornare.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Restaurant Menu Section -->
<div id="restaurant-menu">
<div class="section-title text-center center">
<div class="overlay">
<h2>Menu</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="menu-section">
<h2 class="menu-section-title">Breakfast & Starters</h2>
<hr>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $35 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="menu-section">
<h2 class="menu-section-title">Main Course</h2>
<hr>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $45 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="menu-section">
<h2 class="menu-section-title">Dinner</h2>
<hr>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $45 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $350 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam.. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="menu-section">
<h2 class="menu-section-title">Coffee & Drinks</h2>
<hr>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $35 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
<div class="menu-item">
<div class="menu-item-name"> Delicious Dish </div>
<div class="menu-item-price"> $30 </div>
<div class="menu-item-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, duis sed dapibus leo nec ornare diam. </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Section -->
<div id="portfolio">
<div class="section-title text-center center">
<div class="overlay">
<h2>Gallery</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".breakfast">Breakfast</a></li>
<li><a href="#" data-filter=".lunch">Lunch</a></li>
<li><a href="#" data-filter=".dinner">Dinner</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-4 col-lg-4 breakfast">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/01-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/01-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 dinner">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/02-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/02-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 breakfast">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/03-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/03-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 breakfast">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/04-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/04-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 dinner">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/05-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/05-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 lunch">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/06-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/06-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 lunch">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/07-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/07-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 breakfast">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/08-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/08-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 dinner">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/09-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/09-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 lunch">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/10-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/10-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 lunch">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/11-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/11-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 breakfast">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/12-large.jpg" title="Dish Name" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Dish Name</h4>
</div>
<img src="img/portfolio/12-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team Section -->
<div id="team" class="text-center">
<div class="overlay">
<div class="container">
<div class="col-md-10 col-md-offset-1 section-title">
<h2>Meet Our Chefs</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
</div>
<div id="row">
<div class="col-md-4 team">
<div class="thumbnail">
<div class="team-img"><img src="img/team/01.jpg" alt="..."></div>
<div class="caption">
<h3>Mike Doe</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam.</p>
</div>
</div>
</div>
<div class="col-md-4 team">
<div class="thumbnail">
<div class="team-img"><img src="img/team/02.jpg" alt="..."></div>
<div class="caption">
<h3>Chris Doe</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam.</p>
</div>
</div>
</div>
<div class="col-md-4 team">
<div class="thumbnail">
<div class="team-img"><img src="img/team/03.jpg" alt="..."></div>
<div class="caption">
<h3>Ethan Doe</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call Reservation Section -->
<div id="call-reservation" class="text-center">
<div class="container">
<h2>Want to make a reservation? Call <strong>1-887-654-3210</strong></h2>
</div>
</div>
<!-- Contact Section -->
<div id="contact" class="text-center">
<div class="container">
<div class="section-title text-center">
<h2>Contact Form</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed.</p>
</div>
<div class="col-md-10 col-md-offset-1">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" class="form-control" placeholder="Name" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" class="form-control" placeholder="Email" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
<p class="help-block text-danger"></p>
</div>
<div id="success"></div>
<button type="submit" class="btn btn-custom btn-lg">Send Message</button>
</form>
</div>
</div>
</div>
<div id="footer">
<div class="container text-center">
<div class="col-md-4">
<h3>Address</h3>
<div class="contact-item">
<p>4321 California St,</p>
<p>San Francisco, CA 12345</p>
</div>
</div>
<div class="col-md-4">
<h3>Opening Hours</h3>
<div class="contact-item">
<p>Mon-Thurs: 10:00 AM - 11:00 PM</p>
<p>Fri-Sun: 11:00 AM - 02:00 AM</p>
</div>
</div>
<div class="col-md-4">
<h3>Contact Info</h3>
<div class="contact-item">
<p>Phone: +1 123 456 1234</p>
<p>Email: info@company.com</p>
</div>
</div>
</div>
<div class="container-fluid text-center copyrights">
<div class="col-md-8 col-md-offset-2">
<div class="social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<p>&copy; 2016 Touché. All rights reserved. Designed by <a href="http://www.templatewire.com" rel="nofollow">TemplateWire</a></p>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/nivo-lightbox.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/contact_me.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
......@@ -60,6 +60,7 @@
<ul class="nav navbar-nav navbar-right">
<li><a href="#mylist" class="page-scroll">MyList</a></li>
<li><a href="/setting/"><!--<img src = "/images/basket.png" height="50" witdh="50">-->웹툰 담기</a>
<li><a href="/yourtoons/">OtherList</a>
<li><a href="/auth/logout/kakao" class="page-scroll">Logout</a></li>
</ul>
</div>
......
......@@ -132,8 +132,6 @@
</table>
</form>
</div>
<a onclick="navertoons.style.display=(navertoons.style.display=='none')?'block':'none';" href="javascript:void(0)">
<img src ='/images/navericon.png' width="83" height="90"/>
</a>
......@@ -179,7 +177,6 @@
}
%>
</tr>
</table>
</form>
</div>
......
<!DOCTYPE html>
<html>
<head>
<title>니툰</title>
<link rel='stylesheet' href='/stylesheets/style2.css' />
<<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/font-awesome.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gugi&amp;subset=korean" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.toon_name,.toon_thumbnail{
width:10%;
}
td{
vertical-align: middle;
border-bottom: 1px solid #bcbcbc;
border-left: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
margin:0;
Text-align:center;
}
table{
border-collapse:collapse;
border: 2px solid #474747;
}
th{
border-bottom:2px solid #474747;
}
</style>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top" style="font-family:Gugi">니툰</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#mylist" class="page-scroll">OtherList</a></li>
<li><a href="/mytoons" class="page-scroll">MyList</a></li>
<li><a href="/auth/logout/kakao" class="page-scroll">Logout</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<table>
<tr>
<th>썸네일</th>
<th>웹툰명</th>
<th>요일</th>
<th>사이트</th>
<th>바로가기</th>
</tr>
<!--로그인한 회원이 내툰에 웹툰이 없을시-->
<%if (yourtoons.length==0){
%>
<th>니툰리스트에 웹툰이 없습니다! </th>
<%}%>
<% for(i=0;i<yourtoons.length; i++){
%><tr>
<td class="toon_name"><%= yourtoons[i].id %></td>
<td class="toon_thumbnail"><image src="<%= yourtoons[i].thum_link%>"/></td>
<td class="toon_name"><%= yourtoons[i].name %></td>
<td class="week"><%= yourtoons[i].week.toLowerCase() %></td>
<td class="site"><%= yourtoons[i].site %></td>
<td class="webtoon_link"><a href="<%=yourtoons[i].webtoon_link%>">바로가기</a></td>
</td>
</tr>
<% } %>
</table>
</br>
</body>
</html>