mytoons.ejs 20.7 KB
<!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">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
    <!--===============================================================================================-->
    	<link rel="stylesheet" type="text/css" href="stylesheets/util.css">
    	<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
    <!--===============================================================================================-->
    <!-- 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">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>
        <!-- /.navbar-collapse -->
    </div>
</nav>
<div id="mylist">
    <div class="section-title text-center center">
        <div class="overlay">
            <h2>내툰</h2>
            <hr>
            <p>웹툰 담기를 통해 담은 웹툰들의 리스트입니다</p>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="categories">
              <div class="limiter">
              		<div class="container-table100">
              			<div class="wrap-table100">
              				<div class="table100 ver1 m-b-110">
              					<div class="table100-head">
              						<table>
              							<thead>
              								<tr class="row100 head">
              									<th class="cell100 column1">썸네일     </th>
              									<th class="cell100 column2">웹툰명     </th>
              									<th class="cell100 column3">요일    </th>
              									<th class="cell100 column4">사이트    </th>
              									<th class="cell100 column5">바로가기   </th>
                                <th class="cell100 column6">오늘 업데이트됨   </th>
              								</tr>
              							</thead>
              						</table>
              					</div>
                        <div class ="table100-body js-pscroll">
                          <table>
                            <%if (mytoons.length==0){
                                            %>
                            <th>내툰리스트에 웹툰이 없습니다! 수정하기 버튼을 눌러서 추가하세요!</th>
                           <%}%>
                           <% for(i=0;i
                                             <mytoons.length; i++){
                                                              %>
                                                              <tr>
                                              <td class="cell100 column1"><image src="<%= mytoons[i].thum_link%>" /></td>
                                              <td class="cell100 column2"><%= mytoons[i].name %></td>
                                              <td class="cell100 column3"><%= mytoons[i].week.toLowerCase() %></td>
                                              <td class="cell100 column4"><%= mytoons[i].site %></td>
                                              <td class="cell100 column5"><a href="<%=mytoons[i].webtoon_link%>">바로가기</a></td>
                                              <td class="cell100 column6">
                                                           <% var d = new Date();
                                                           if(d.getDay() == 0 && mytoons[i].week == "sun")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 0 && mytoons[i].week == "SUN")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 1 && mytoons[i].week == "mon")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 1 && mytoons[i].week == "MON")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 2 && mytoons[i].week == "tue")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 2 && mytoons[i].week == "TUE")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 3 && mytoons[i].week == "wed")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 3 && mytoons[i].week == "WED")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 4 && mytoons[i].week == "thu")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 4 && mytoons[i].week == "THU")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 5 && mytoons[i].week == "fri")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 5 && mytoons[i].week == "FRI")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 6 && mytoons[i].week == "sat")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                           <%
                                                           if(d.getDay() == 6 && mytoons[i].week == "SAT")
                                                           {  %>업데이트됨
                                                           <%} %>
                                                       </td>

                                            </tr>
                                            <%  }  %>
                                          </table>


<!--
                        <div class="table100-body js-pscroll">
              						<table>
              							<tbody>
              								<tr class="row100 body">
              									<td class="cell100 column1">Like a butterfly</td>
              									<td class="cell100 column2">Boxing</td>
              									<td class="cell100 column3">9:00 AM - 11:00 AM</td>
              									<td class="cell100 column4">Aaron Chapman</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Mind & Body</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Adam Stewart</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Crit Cardio</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">9:00 AM - 10:00 AM</td>
              									<td class="cell100 column4">Aaron Chapman</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Wheel Pose Full Posture</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">7:00 AM - 8:30 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Playful Dancer's Flow</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Zumba Dance</td>
              									<td class="cell100 column2">Dance</td>
              									<td class="cell100 column3">5:00 PM - 7:00 PM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">20</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Cardio Blast</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">5:00 PM - 7:00 PM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Pilates Reformer</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Supple Spine and Shoulders</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">6:30 AM - 8:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Yoga for Divas</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">9:00 AM - 11:00 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">20</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Virtual Cycle</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">20</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Like a butterfly</td>
              									<td class="cell100 column2">Boxing</td>
              									<td class="cell100 column3">9:00 AM - 11:00 AM</td>
              									<td class="cell100 column4">Aaron Chapman</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Mind & Body</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Adam Stewart</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Crit Cardio</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">9:00 AM - 10:00 AM</td>
              									<td class="cell100 column4">Aaron Chapman</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Wheel Pose Full Posture</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">7:00 AM - 8:30 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Playful Dancer's Flow</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Zumba Dance</td>
              									<td class="cell100 column2">Dance</td>
              									<td class="cell100 column3">5:00 PM - 7:00 PM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">20</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Cardio Blast</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">5:00 PM - 7:00 PM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Pilates Reformer</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">10</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Supple Spine and Shoulders</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">6:30 AM - 8:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">15</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Yoga for Divas</td>
              									<td class="cell100 column2">Yoga</td>
              									<td class="cell100 column3">9:00 AM - 11:00 AM</td>
              									<td class="cell100 column4">Donna Wilson</td>
              									<td class="cell100 column5">20</td>
              								</tr>

              								<tr class="row100 body">
              									<td class="cell100 column1">Virtual Cycle</td>
              									<td class="cell100 column2">Gym</td>
              									<td class="cell100 column3">8:00 AM - 9:00 AM</td>
              									<td class="cell100 column4">Randy Porter</td>
              									<td class="cell100 column5">20</td>
              								</tr>
              							</tbody>
              						</table>
              					</div>
                      -->
              				</div>

</br>
            </div>
        </div>
    </div>
</div>

</body>

</html>