2023-08-02 17:10:20 +09:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2023-09-20 15:33:54 +09:00
|
|
|
<title>WIXON Blog</title>
|
2026-01-16 16:12:48 +09:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2023-08-02 17:10:20 +09:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.6.16/css/uikit.min.css"/>
|
2023-08-21 17:44:35 +09:00
|
|
|
<link rel="stylesheet" href="/static/css/style.css"/>
|
2023-08-02 17:10:20 +09:00
|
|
|
<!-- include libraries(jQuery, bootstrap) -->
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.5.1.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>
|
2023-08-21 17:44:35 +09:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js"></script>
|
2023-08-03 21:09:18 +09:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
|
2023-08-21 17:44:35 +09:00
|
|
|
<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>
|
2023-08-03 21:09:18 +09:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
2023-09-06 11:41:40 +09:00
|
|
|
|
2023-08-21 18:42:51 +09:00
|
|
|
{% block staticfiles %}{% endblock %}
|
2023-08-02 17:10:20 +09:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2026-01-16 16:12:48 +09:00
|
|
|
<div class="body__wrap">
|
|
|
|
|
<div class="nav__div">
|
|
|
|
|
<span class="uk-icon menu__open" uk-icon="icon: menu"></span>
|
|
|
|
|
<span class="nav__title">WXNNER BLOG</span>
|
|
|
|
|
</div>
|
2023-09-20 15:33:54 +09:00
|
|
|
|
2026-01-16 16:12:48 +09:00
|
|
|
<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="/list">최신테크뉴스</a></li>
|
|
|
|
|
<li><a href="/list/NEWS">WXN 뉴스</a></li>
|
|
|
|
|
<li><a href="/list/IT">IT 요즘</a></li>
|
|
|
|
|
<!-- <li><a href="/list">IT활용자료(윅슨전용)</a></li> -->
|
|
|
|
|
<li><a href="/list/ETC">ETC</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="login__section">
|
|
|
|
|
{% if g.is_login %}
|
|
|
|
|
<li>
|
|
|
|
|
<a class="user__nav__open" href="#">{{ g.user_info.mb_name }} <span class="uk-icon" uk-icon="icon: triangle-down"></span></a>
|
|
|
|
|
<div class="login_nav">
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="uk-active"><a href="/write">포스트 작성</a></li>
|
|
|
|
|
<li class="uk-active"><a href="/admin/">관리자 페이지</a></li>
|
|
|
|
|
<li class="uk-active"><a href="/logout">LOGOUT</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{% else %}
|
|
|
|
|
<li class="login__btn"><a href="/login">LOGIN</a></li>
|
|
|
|
|
{% endif %}
|
2023-09-20 15:33:54 +09:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-01-16 16:12:48 +09:00
|
|
|
<div class="wixon__wrap">
|
|
|
|
|
<header>
|
|
|
|
|
<div class="header__inner">
|
2026-01-21 18:02:12 +09:00
|
|
|
<h1><a href="https://wxn.co.kr/"><img src="/static/images/logo.png" alt="WIXON" /></a></h1>
|
2026-01-16 16:12:48 +09:00
|
|
|
</div>
|
|
|
|
|
</header>
|
2023-08-21 17:44:35 +09:00
|
|
|
|
2026-01-16 16:12:48 +09:00
|
|
|
{% block content %}{% endblock %}
|
|
|
|
|
|
2023-09-20 15:33:54 +09:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function(){
|
2026-01-16 16:12:48 +09:00
|
|
|
function isMobile() {
|
|
|
|
|
return $(window).width() <= 1023;
|
|
|
|
|
}
|
|
|
|
|
|
2023-09-20 15:33:54 +09:00
|
|
|
// 로그인 메뉴 활성화
|
|
|
|
|
let check_state = 0;
|
2024-03-08 10:51:04 +09:00
|
|
|
|
2023-09-20 15:33:54 +09:00
|
|
|
$(".login__section .user__nav__open").click(function(){
|
|
|
|
|
if(check_state != 0){
|
|
|
|
|
$(this).find("span").attr("uk-icon","icon: triangle-down");
|
|
|
|
|
check_state = 0;
|
|
|
|
|
}else{
|
2026-01-05 16:59:20 +09:00
|
|
|
$(this).find("span").attr("uk-icon","icon: triangle-up");
|
|
|
|
|
check_state = 1;
|
2023-09-20 15:33:54 +09:00
|
|
|
}
|
|
|
|
|
$(".login_nav").toggle(300);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 메뉴 토글
|
2024-03-08 10:51:04 +09:00
|
|
|
$(".menu__open").click(function() {
|
2026-01-16 16:12:48 +09:00
|
|
|
if(isMobile()){
|
|
|
|
|
// 모바일용 메뉴 동작
|
|
|
|
|
$(".menu__wrap").fadeIn(300).css({"right": "0"});
|
|
|
|
|
}else{
|
|
|
|
|
// PC용 메뉴 동작
|
|
|
|
|
$(".menu__wrap").show();
|
|
|
|
|
$(".nav__div").animate({"right": "-68px"}, 300, function(){
|
|
|
|
|
$(".menu__wrap").animate({"right": "0"}, 700);
|
|
|
|
|
});
|
|
|
|
|
}
|
2024-03-08 10:51:04 +09:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.menu__close').click(function() {
|
2026-01-16 16:12:48 +09:00
|
|
|
if (isMobile()) {
|
|
|
|
|
// 모바일용 메뉴 닫기
|
|
|
|
|
$(".menu__wrap").fadeOut(300);
|
|
|
|
|
} else {
|
|
|
|
|
// PC용 메뉴 닫기
|
|
|
|
|
$(".menu__wrap").animate({"right": "-440px"}, 700, function(){
|
|
|
|
|
$(".menu__wrap").hide();
|
|
|
|
|
$(".nav__div").animate({"right": "0"}, 300);
|
|
|
|
|
});
|
|
|
|
|
}
|
2024-03-08 10:51:04 +09:00
|
|
|
});
|
|
|
|
|
})
|
2023-09-20 15:33:54 +09:00
|
|
|
</script>
|
