<?php require_once "pdo.php"; session_start(); ?> <!DOCTYPE html> <head> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/setting.js"></script> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script src="js/jquery.singlePageNav.min.js"></script> <link rel="stylesheet" type="text/css" href="css/templatemo-style.css?t={{time()}}"> <style type="text/css"> .hidee{ display:none; } .kongxin{ opacity: 1; padding-top:5%; color: white; } .hi{ background-image:url(image/20121104193601_fTGYm.jpeg); background-repeat:no-repeat; height:25em; background-size:100% 100%; } .board{ padding-top:0; height:100%; background-color: rgba(0, 0, 0, 0.4); } .download-btn{ border: 2px solid #fff; border-radius: 2px; color: #fff; font-size: 2em; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase; padding: 25px 28px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .login-btn{ border: 2px solid #fff; border-radius: 4px; background:none; font-size: 2em; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase; padding: 25px 28px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .login-btn:hover, .login-btn:focus, .dark-blue-btn { background: #006699; text-decoration: none; color: white; text-decoration: none; outline: none; } .wenzi{ font-size: 1.5em; } </style> </head><body> <div class="fixed-header"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">notebook</a> </div> <nav class="main-menu"> <ul> <form class="form-inline" method="POST" action="search.php"> <input class="form-control" type="text" name="search" placeholder="search"> <li><a href="personal_page.php?user_id=<?php if(isset($_SESSION["user_id"])){echo($_SESSION["user_id"]);}?>" class="external hidee">Home</a></li> <li> <a href="signup.php" class="hid external">注册</a></li> <li><a href="login.php" class="hid external">登录</a></li> <li> <a href="edit_article.php" class="hidee external">写新文章</a> </li> <li><a href="logout.php" class="hidee external">退出</a></li> </ul></form> </nav> </div> </div> <div class="container"> <section class="col-md-12 content" id="home"> <div class="col-lg-12 col-md-12 content-item " style='min-height:0px !important; padding-bottom:2em;' > <div class="hi " style="text-align:center;"><div class="board"><div class="kongxin"><p class="wenzi">Let yourself be silently drawnby the stronger pull <br/>of what you really love.<br/> 愿有一段安静的时光<br/> 为所爱之事甘之如饴<br/> 不论南北东西</p><button class="login-btn hid" onclick=" location='login.php'">LOGIN</button> <button class="login-btn hidee" onclick=" location='edit_article.php'">新文章</button> </div></div></div> </div> <div class="col-lg-12 col-md-12 content-item content-item-1 background" style=" background-color: rgba(255,255,255, 0.7);border-top:2em;" > <div style="opacity: 1; " > <ul > <?php $stmt = $pdo->query("SELECT * FROM article ORDER BY viewer desc"); while ( $row = $stmt->fetch(PDO::FETCH_ASSOC) ) { if($row['public']=="public") { echo ('<li><a href="view.php?article_id='.$row['article_id'].'">'); echo('<h1 class="section-title text-center dark-blue-text">'); echo(htmlentities($row['headline'])); echo("</h1></a> <p>"); $article= substr($row['content'],0,300); echo(htmlentities($article)); echo("</p></li><hr/>"); } } ?> </ul> </div> </div> </section> </div> <div class="text-center footer"> <div class="container"> NOTEBOOK</div> </div> </body> <script> var user_id = <?php if(isset($_SESSION['user_id'])) {echo($_SESSION['user_id']);}else{echo("null");}?>; if(user_id!=null) { $(".hidee").show(); $(".hid").hide(); } </script> </html>