tpl/view.html

   1 <!DOCTYPE html>
   2 <!--[if lte IE 6]> <html class="no-js ie6 ie67 ie678" lang="en"> <![endif]-->
   3 <!--[if lte IE 7]> <html class="no-js ie7 ie67 ie678" lang="en"> <![endif]-->
   4 <!--[if IE 8]> <html class="no-js ie8 ie678" lang="en"> <![endif]-->
   5 <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
   6 <html>
   7     <head>
   8         <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
   9         <meta charset="utf-8">
  10         <meta http-equiv="X-UA-Compatible" content="IE=10">
  11         <title>{$title}</title>
  12         <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
  13         <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/apple-touch-icon-144x144-precomposed.png">
  14         <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/apple-touch-icon-72x72-precomposed.png">
  15         <link rel="apple-touch-icon-precomposed" href="./img/apple-touch-icon-precomposed.png">
  16         <link rel="stylesheet" href="./css/knacss.css" media="all">
  17         <link rel="stylesheet" href="./css/style.css" media="all">
  18         <!-- Light Theme -->
  19         <link rel="stylesheet" href="./css/style-light.css" media="all" title="light-style">
  20         <!-- Dark Theme -->
  21         <link rel="alternate stylesheet" href="./css/style-dark.css" media="all" title="dark-style">
  22     </head>
  23     <body class="article light-style">
  24         <div id="article" class="w600p">
  25                 <div class="backhome">
  26                         <a href="index.php" title="back to home">&larr;</a>
  27                 </div>
  28             <div class="tools">
  29                 <ul>
  30                     <li><a title="toggle mark as read" class="tool archive {if="$is_read == '0'"}archive-off{/if}" onclick="toggle_archive(this, {$id})"><span></span></a></li>
  31                     <li><a href="#" id="themeswitch">dark</a></li>
  32                     <li><a title="toggle favorite" class="tool fav {if="$is_fav == '0'"}fav-off{/if}" onclick="toggle_favorite(this, {$id})"><span></span></a></li>
  33                     <li><form method="post" onsubmit="return confirm('Are you sure?')" style="display: inline;" action="index.php"><input type="hidden" name="token" id="token" value="<?php echo Session::getToken(); ?>" /><input type="hidden" id="view" name="view" value="index" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="id" name="id" value="{$id}" /><input type="submit" class="delete" title="toggle delete" /></form></li>
  34                     <li><a href="?logout" title="Logout">logout</a></li>
  35                 </ul>
  36             </div>
  37             <header class="mbm">
  38                 <h1><a href="{$url}">{$title}</a></h1>
  39                 <div class="vieworiginal txtright small"><a href="{$url}" target="_blank" title="original : {$title}">view original</a></div>
  40             </header>
  41             <article>
  42                 <div id="readityourselfcontent">
  43                     {$content}
  44                 </div>
  45             </article>
  46             <div class="vieworiginal txtright small"><a href="{$url}" target="_blank" title="original : {$title}">view original</a></div>
  47             <div class="backhome">
  48                 <a href="index.php" title="back to home">&larr;</a>
  49             </div>
  50         </div>
  51
  52         {include="js"}
  53
  54         <footer class="mr2 mt3 smaller">
  55             <p>powered by <a href="http://inthepoche.com">poche</a><br />follow us on <a href="https://twitter.com/getpoche" title="follow us on twitter">twitter</a></p>
  56         </footer>
  57
  58     </body>
  59 </html>