<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon_32.png">
    <link rel="icon" type="image/png" sizes="64x64" href="/static/favicon_64.png">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/static/style0.css">

    <title>NOIZZE Forum</title>

</head>

<body>
<style>
  .title-padding {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 30px;
}
.navbar {
	align-items: stretch;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
header.colour {
	background-color: #B56C3F;
	color: #FFFFFF !important;
}
small {
	font-size: 80%;
	font-weight: 400;
}

.navbar .navbar-brand {
	font-size: 1.1rem;
	text-decoration: none;
	color: #FFFFFF !important;
}

@media (max-width:1000px) {
svg.hbg_menu{
    display: inline !important;
  }
}

svg.hbg_menu {
    cursor: pointer;
    display: none;
}
</style>
<header class="navbar colour title-padding">
  <section class="navbar-section">

<svg class='hbg_menu' style="width:20px;height:20px;vertical-align:middle;margin-top:-5px" viewBox="0 0 20 20">
    <path fill="currentColor" d="M1,4 H18 V6 H1 V4 M1,9 H18 V11 H1 V7 M3,14 H18 V16 H1 V14" />
</svg>

    <a href="/" class="navbar-brand text-bold mr-2">NOIZZE - <small class="hide-md">link anything here.</small></a>
  </section>
  <section class="navbar-section">
    <!-- a href="https://github.com/YUChoe/noizze.net/issues" class="btn btn-link hide-md">Issues</a -->
    <!-- a href="https://blog.noizze.net/category:NOIZZE" class="btn btn-link hide-md">Blog</a -->

    <!-- a href="/user/login" class="btn btn-link">Login</a-->
    <!-- a href="/user/join" class="btn btn-link">Join</a -->


	<small>Anonymous mode</small>

  </section>
</header>

<script>
const hbgicon = document.getElementsByClassName('hbg_menu')[0];
hbgicon.addEventListener('click', function() {
    var menu = document.getElementById("menu");
    if (menu.style.display == '') {
        menu.style.display = 'inline';
    } else {
        menu.style.display = 'none';
    }  
});
</script>

<div class='container'>
<style>

div#menu a:visited, a:link {
    color: #dcdde1;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

div#menu {
  width: 164px;
  flex-shrink:0;
position: relative !important;
}
.leftmenu {

position: sticky;
width: auto;
}
xmain {
  max-width:1000px;
  width: 100%;

}

@media (max-width:1000px) {
  div#menu {
    display:none;
  }
}
</style>
<div id="menu">
<div class='leftmenu p-top'>
<lo>
    <!--
    <li><a href="/borad/archive">noizze archive</a></li>
    -->
    <li class='p-left'><a href="/board/news">뉴스게시판</a></li>
    <li class='p-left'><a href="/board/free">자유게시판</a></li>
</lo>
</div>
</div>



<main>
    <div id="body">

    <h1>NOIZZE - Forum</h1>

    </div>
</main>

</body>
</html>
