  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/font.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo TEMP_URL?>/css/app.css" type="text/css" />  
    <!--[if lt IE 9]>
    <script src="js/ie/html5shiv.js"></script>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/excanvas.js"></script>
  <![endif]-->
</head>
<body class="">
  <section class="vbox">
    <header class="bg-black lter header header-md navbar navbar-fixed-top-xs">
      <div class="navbar-header aside bg-success nav-xs">
        <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
          <i class="icon-list"></i>
        </a>
        <a href="?i=index" class="navbar-brand text-lt">
          <i class=" icon-bubble"></i>
          <img src="images/logo.png" alt="." class="hide">
          <span class="hidden-nav-xs m-l-sm">Blog</span>
        </a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
          <i class="icon-settings"></i>
        </a>
      </div>      <ul class="nav navbar-nav hidden-xs">
        <li>
          <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
            <i class="fa fa-indent text"></i>
            <i class="fa fa-dedent text-active"></i>
          </a>
        </li>
      </ul>
      <form action="?i=search" method="post" class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search" target="_blank">
        <div class="form-group">
          <div class="input-group">
            <span class="input-group-btn">
              <button name="search" value="搜索" type="submit" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>
            </span>
            <input type="text" name="q" class="form-control input-sm no-border rounded" placeholder="搜索视频,文章,音乐...">
          </div>
        </div>
      </form>
      <div class="navbar-right ">
        <ul class="nav navbar-nav m-n hidden-xs nav-user user">
     <!--      <li class="hidden-xs">
            <a href="#" class="dropdown-toggle lt" data-toggle="dropdown">
              <i class="icon-bell"></i>
              <span class="badge badge-sm up bg-danger count">2</span>
            </a>
            <section class="dropdown-menu aside-xl animated fadeInUp">
              <section class="panel bg-white">
                <div class="panel-heading b-light bg-light">
                  <strong>You have <span class="count">2</span> notifications</strong>
                </div>
                <div class="list-group list-group-alt">
                  <a href="#" class="media list-group-item">
                    <span class="pull-left thumb-sm">
                      <img src="<?php echo TEMP_URL?>/images/a0.png" alt="..." class="img-circle">
                    </span>
                    <span class="media-body block m-b-none">
                      Use awesome animate.css<br>
                      <small class="text-muted">10 minutes ago</small>
                    </span>
                  </a>
                  <a href="#" class="media list-group-item">
                    <span class="media-body block m-b-none">
                      1.0 initial released<br>
                      <small class="text-muted">1 hour ago</small>
                    </span>
                  </a>
                </div>
                <div class="panel-footer text-sm">
                  <a href="#" class="pull-right"><i class="fa fa-cog"></i></a>
                  <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a>
                </div>
              </section>
            </section>
          </li> -->
           <li class="dropdown">
            <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="<?php if(!empty($_SESSION['nickname']) && !empty($_SESSION['id'])){echo "admin/" . $user['img'];}else{echo TEMP_URL . "images/user.png";}?>" alt="...">
              </span>
              <?php if(!empty($_SESSION['nickname']) && !empty($_SESSION['id'])){echo $user['nickname'];}else{echo "未登录";}?><b class="caret"></b>
            </a>
            <ul class="dropdown-menu animated fadeInRight">       
            <?php if(!empty($_SESSION['nickname']) && !empty($_SESSION['id'])){?>     
              <li>
                <span class="arrow top"></span>
               <a href="admin/?c=add_page">发表文章</a>
              </li>
              <li>
                <a href="admin/?c=my">个人设置</a>
              </li>
              <li>
                <a href="admin/?c=art">
                  <span class="badge bg-danger pull-right"><?php echo CountAll($config);?></span>
                  文章管理
                </a>
              </li>
              <li>
                <a href="admin/?c=api">API文档</a>
              </li>
              <li class="divider"></li>
              <li>
                <a href="admin/?c=out" >安全退出</a>
              </li>
              <?php }else{ ?>
               <li>
                <span class="arrow top"></span>
               <a href="admin">登陆</a>
              </li>
              <?php }?>
            </ul>
          </li>
        </ul>
      </div>      
    </header>
    <section>
      <section class="hbox stretch">
        <!-- .aside -->
        <aside class="bg-black dk nav-xs aside hidden-print" id="nav">          
          <section class="vbox">
            <section class="w-f-md scrollable">
              <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">
                


                <!-- nav -->                 
                <nav class="nav-primary hidden-xs">
                  <ul class="nav bg clearfix">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                      选择
                    </li>
                    <?php if($SITE['article_ch']){?>
                    <li>
                      <a href="?i=index">
                        <i class="icon-disc icon text-success"></i>
                        <span class="font-bold">文章</span>
                      </a>
                    </li>
                    <?php }else{echo "没有找到本模块，查看是否开启。";exit;}?>
                    <?php if($SITE['music_ch']){?>
                    <li>
                   
                      <a href="?i=music">
                        <i class="icon-music-tone-alt icon text-info"></i>
                        <span class="font-bold">音乐</span>
                      </a>
                    </li>
                    <?php }?>
<!--                     <li>
                      <a href="#">
                        <i class="icon-drawer icon text-primary-lter"></i>
                        <b class="badge bg-primary pull-right">6</b>
                        <span class="font-bold">事件</span>
                      </a>
                    </li>
                     -->
                     <?php if($SITE['video_ch']){?>
                    <li>
                      <a href="?i=video">
                        <i class="icon-social-youtube icon  text-primary"></i>
                        <span class="font-bold">视频</span>
                      </a>
                    </li>
                    <?php }?>
                    <li>
                      <a href="?i=chat">
                        <i class="icon-social-twitter icon  text-info-dker"></i>
                        <span class="font-bold">交互</span>
                      </a>
                    </li>
                    <li class="m-b hidden-nav-xs"></li>
                  </ul>
            
                </nav>
                <!-- / nav -->
              </div>
            </section>
            
    <!--        <footer class="footer hidden-xs no-padder text-center-nav-xs">
              <div class="bg hidden-xs ">
                  <div class="dropdown dropup wrapper-sm clearfix">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">                        
                        <img src="images/a3.png" class="dker" alt="...">
                        <i class="on b-black"></i>
                      </span>
                      <span class="hidden-nav-xs clear">
                        <span class="block m-l">
                          <strong class="font-bold text-lt">John.Smith</strong> 
                          <b class="caret"></b>
                        </span>
                        <span class="text-muted text-xs block m-l">Art Director</span>
                      </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight aside text-left">                      
                      <li>
                        <span class="arrow bottom hidden-nav-xs"></span>
                        <a href="#">Settings</a>
                      </li>
                      <li>
                        <a href="profile.html">Profile</a>
                      </li>
                      <li>
                        <a href="#">
                          <span class="badge bg-danger pull-right">3</span>
                          Notifications
                        </a>
                      </li>
                      <li>
                        <a href="docs.html">Help</a>
                      </li>
                      <li class="divider"></li>
                      <li>
                        <a href="modal.lockme.html" data-toggle="ajaxModal" >Logout</a>
                      </li>
                    </ul>
                  </div>
                </div>            </footer> -->
          </section>
        </aside>