76 lines
2.5 KiB
HTML
76 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Blog</title>
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/css/uikit.min.css"/>
|
|
<style>
|
|
.blog-card {
|
|
width: 300px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.blog-card img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.grid-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
|
|
<!-- include libraries(jQuery, bootstrap) -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
|
|
<!-- include summernote css/js -->
|
|
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
|
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
|
|
|
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="uk-navbar-container" uk-navbar>
|
|
<div class="uk-navbar-left">
|
|
<ul class="uk-navbar-nav">
|
|
<li class="uk-active"><a href="#">
|
|
<img src="http://webmail.wixon.co.kr/user_img/logoImage.jpeg" alt="">
|
|
</a></li>
|
|
<li><a href="/">목록</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="uk-navbar-right">
|
|
<ul class="uk-navbar-nav">
|
|
{% if g.is_login %}
|
|
<li>
|
|
<a href="#">{{ g.user_info.mb_name }} <span class="uk-icon"
|
|
uk-icon="icon: triangle-down"></span></a>
|
|
<div class="uk-navbar-dropdown">
|
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
<li class="uk-active"><a href="/write">포스트 작성</a></li>
|
|
<li class="uk-active"><a href="/logout">로그아웃</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li><a href="/login">로그인</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/js/uikit.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/js/uikit-icons.min.js"></script>
|
|
</body>
|
|
</html>
|