|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%>
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
|
<title>博客首页</title>
|
|
|
<link rel="stylesheet" type="text/css" href="./static/css/semantic.min.css">
|
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
|
</head>
|
|
|
<body>
|
|
|
<!--导航-->
|
|
|
<nav class="ui inverted segment m-padded-tb-mini">
|
|
|
<div class="ui container">
|
|
|
<div class="ui inverted secondary stackable menu">
|
|
|
<h2 class="ui teal header item">Blog</h2>
|
|
|
<a href="index.jsp" class="active m-item item m-mobile-hide">首页</a>
|
|
|
<a href="Blog.jsp" class="m-item item m-mobile-hide">博客</a>
|
|
|
<a href="types.jsp" class="m-item item m-mobile-hide">分类</a>
|
|
|
<a href="tags.jsp" class="m-item item m-mobile-hide">标签</a>
|
|
|
<!-- <a href="PersonalCenter.jsp" class="m-item item m-mobile-hide">归档</a> -->
|
|
|
<a href="MessageBoard.jsp" class="m-item item m-mobile-hide">留言板</a>
|
|
|
<a href="MyCenter.jsp" class="m-item item m-mobile-hide">我的</a>
|
|
|
<a href="PublishArticle.jsp" class="m-item item m-mobile-hide">发表博客</a>
|
|
|
|
|
|
<div class="right m-item item m-mobile-hide">
|
|
|
<%
|
|
|
String uname = (String)request.getSession().getAttribute("uname");
|
|
|
|
|
|
if(uname==null){
|
|
|
%>
|
|
|
<a href="login.jsp" target="_parent"><span class="type1">登录</span></a>
|
|
|
<a href="register.jsp" target="_parent"><span class="type2">注册</span></a>
|
|
|
<%
|
|
|
}else{
|
|
|
|
|
|
%>
|
|
|
<a href="MyCenter.jsp">欢迎${uname}</a>
|
|
|
<a href="logout.jsp" target="_parent"><span class="type2">退出</span></a>
|
|
|
<%
|
|
|
}
|
|
|
%>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
|
|
|
<i class="sidebar icon"></i>
|
|
|
</a>
|
|
|
|
|
|
</nav>
|
|
|
<br><br>
|
|
|
<!--中间-->
|
|
|
|
|
|
<div class="m-container m-padded-tb-big">
|
|
|
|
|
|
<div class="ui container">
|
|
|
<div class="ui stackable grid">
|
|
|
<div class="eleven wide column">
|
|
|
<div class="ui segment">
|
|
|
<img src="https://i.picsum.photos/id/1005/800/450.jpg?hmac=-8wdoAbn0F4FYUl0i8MKdy8wnMnIzBIBzw5nHgckE9Y" alt="" class="ui rounded image">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="five wide column">
|
|
|
<div class="ui top attached segment">
|
|
|
<div class="ui header">HI</div>
|
|
|
</div>
|
|
|
<div class="ui attached segment">
|
|
|
<p class="m-text"></br>如果你也想学习IT，就来这里吧</p>
|
|
|
<p class="m-text">
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="ui attached segment">
|
|
|
<div class="ui orange basic left pointing label">编程</div>
|
|
|
<div class="ui orange basic left pointing label">写作</div>
|
|
|
<div class="ui orange basic left pointing label">思考</div>
|
|
|
<div class="ui orange basic left pointing label">运动</div>
|
|
|
</div>
|
|
|
<div class="ui attached segment">
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">java</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">javascript</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">php</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">数据库</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">html</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">javaweb</div>
|
|
|
<div class="ui teal basic left label m-margin-tb-tiny">uniapp</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="ui bottom attached segment">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ui wechat-qr flowing popup transition hidden">
|
|
|
|
|
|
<img src="./static/images/weixin.jpg" alt="" class="ui rounded bordered image" style="width: 120px;">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
<!--底部-->
|
|
|
<footer class="ui inverted vertical segment m-padded-tb-massive">
|
|
|
<div class="ui center aligned container">
|
|
|
|
|
|
<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © IT博客欢迎您</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="static/js/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="static/js/semantic.min.js"></script>
|
|
|
|
|
|
<script>
|
|
|
$(".m-mobile-show").click(function () {
|
|
|
$(".m-item").toggleClass("m-mobile-hide");
|
|
|
});
|
|
|
$(".qq").popup();
|
|
|
$(".wechat").popup({
|
|
|
popup:$(".wechat-qr.popup"),
|
|
|
//on:'click',
|
|
|
position:'bottom center'
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
