wixon/wixon_blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

레이아웃/디자인 수정

Browse Source
This commit is contained in:
MOON JUNG WON
2023-09-20 15:33:54 +09:00
parent 5bf4890efa
commit 4783c44a30
3 changed files with 100 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
templates/base.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<title>WIXON Blog</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/css/uikit.min.css"/>
<link rel="stylesheet" href="/static/css/style.css"/>
<!-- include libraries(jQuery, bootstrap) -->
@@ -19,14 +19,28 @@
{% block staticfiles %}{% endblock %}
</head>
<body>
<div class="nav__div">
<span class="uk-icon menu__open" uk-icon="icon: menu"></span>
<span class="nav__title">WXNNER BLOG</span>
</div>
<div class="menu__wrap">
<div class="menu__close"><button class="uk-icon" uk-icon="icon: close"></button></div>
<div class="menu__box">
<ul>
<li><a href="#a">WXN NEWS</a></li>
<li><a href="#a">IT 요즘</a></li>
<li><a href="#a">최신테크뉴스</a></li>
<li><a href="#a">ETC</a></li>
</ul>
</div>
</div>
<div class="wixon__wrap">
<header>
<div class="header__inner">
<h1><a href="/"><img src="/static/images/logo.png" alt="WIXON" /></a></h1>
<div class="nav__div">
<span class="nav__title">WXNNER BLOG</span>
<span class="uk-icon" uk-icon="icon: menu"></span>
</div>
<ul class="login__section">
{% if g.is_login %}
<li>
@@ -35,31 +49,47 @@
<ul>
<li class="uk-active"><a href="/write">포스트 작성</a></li>
<li class="uk-active"><a target="_blank" href="http://www.wixon.co.kr/backS1te">관리자 페이지</a></li>
<li class="uk-active"><a href="/logout">로그아웃</a></li>
<li class="uk-active"><a href="/logout">LOGOUT</a></li>
</ul>
</div>
</li>
{% else %}
<li><a href="/login">로그인</a></li>
<li><a href="/login">LOGIN</a></li>
{% endif %}
</ul>
</div>
</header>
{% block content %}{% endblock %}
<script>
$(document).ready(function(){
// 로그인 메뉴 활성화
let check_state = 0;
$(".login__section .user__nav__open").click(function(){
if(check_state != 0){
$(this).find("span").attr("uk-icon","icon: triangle-down");
check_state = 0;
}else{
$(this).find("span").attr("uk-icon","icon: triangle-up");
check_state = 1;
}
$(".login_nav").toggle(300);
});
})
</script>
<script>
$(document).ready(function(){
// 로그인 메뉴 활성화
let check_state = 0;
$(".login__section .user__nav__open").click(function(){
if(check_state != 0){
$(this).find("span").attr("uk-icon","icon: triangle-down");
check_state = 0;
}else{
$(this).find("span").attr("uk-icon","icon: triangle-up");
check_state = 1;
}
$(".login_nav").toggle(300);
});
// 메뉴 토글
{#$(".menu__open").click(#}
{# $(".menu__wrap").hide()#}
{##}
{# $('.menu__wrap').toggle('slide', {#}
{# direction: 'right'#}
{# }, 400)#}
{#);#}
{##}
{#$('.menu__close').click(#}
{# $('.menu__wrap').toggle('slide', {#}
{# direction: 'right'#}
{# }, 400)#}
{#);#}
});
</script>

4
templates/login.html
View File

@@ -2,7 +2,7 @@
{% block content %}
<div class="uk-container uk-margin-top">
<h1 class="uk-text-center"><span>윅슨 블로그 로그인</span></h1>
<h1 class="uk-text-center"><span>LOGIN</span></h1>
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="uk-alert-danger" uk-alert>
@@ -25,7 +25,7 @@
</div>
</div>
<div class="uk-margin">
<button class="uk-button uk-button-default">Log In</button>
<button class="uk-button uk-button-default login__btn">Log In</button>
</div>
</form>
</div>