<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404</title>

    <style>
        .nav-hidden {
            display: none;
        }

        .nav-show {
            display: block;
            position: fixed!important; ;
            top: 0;
            width: 100%;
            z-index: 10;
            max-height: 60px;
            /*margin-bottom: 100px;*/

            margin-bottom: auto!important;
        }

    </style>



    <link rel="stylesheet" href="/css/me.css">
    <link rel="stylesheet" href="/semantics-dist/semantic.min.css">
    <link rel="icon" href="/images/icon1logo32.ico">

    <script src="/js/jquery-3.7.1.min.js" ></script>
    <link rel="stylesheet" href="/lib/editormd-master/css/editormd.min.css">

    <script src="/lib/editormd-master/lib/marked.min.js"></script>
    <script src="/lib/editormd-master/lib/prettify.min.js"></script>

    <script src="/lib/editormd-master/lib/raphael.min.js"></script>
    <script src="/lib/editormd-master/lib/underscore.min.js"></script>
    <script src="/lib/editormd-master/lib/sequence-diagram.min.js"></script>
    <script src="/lib/editormd-master/lib/flowchart.min.js"></script>
    <script src="/lib/editormd-master/lib/jquery.flowchart.min.js"></script>

    <script src="/lib/editormd-master/editormd.min.js"> </script>


<!--    <script src="../../static/js/marked.min.js" th:src="@{/js/marked.min.js}" defer></script>-->
    <script src="/semantics-dist/semantic.min.js" ></script>

    <script>
        $(document).ready(function() {
            $('#newblog-container').load('/footer/newblog' );
        });
    </script>

    <style >
        body {

            background-image: url(/images/background2.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
    </style>


    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // 获取菜单按钮元素
            var menuButton = document.querySelector('.ui.menu.toggle.button');

            // 获取导航栏元素
            var navbar = document.getElementById('myNavbar');

            // 添加点击事件监听器
            menuButton.addEventListener('click', function () {
                // 切换导航栏的最大高度样式
                navbar.classList.toggle('expanded'); // 切换类名，你可以在 CSS 中定义这个类的样式
            });
        });
    </script>
</head>

<body>



<nav id="myNavbar" class = "nav-show  ui attached  segment m-padded-tb-mini m-shadow-small">
    <div class="ui container"  >
        <div class="ui    secondary stackable menu">
              <h4 class="ui  teal header item" href="/" ><i class="ui  pencil icon"></i>学途智助</h4>
              <a class="m-item m-mobile-hidden item" href="/"> <i class="ui home icon">  </i>首页</a>
            <a class="m-item m-mobile-hidden item" href="/types?page=0&amp;id=-1"> <i class="ui folder  icon" > </i>分类</a>
            <a class="m-item m-mobile-hidden item" href="/tags?page=0&amp;id=-1"><i class="ui tags icon" >   </i>标签</a>
            <a class="m-item m-mobile-hidden item" href="/aboutme"><i class="ui info icon" ></i>关于网站</a>
            <a class="m-item m-mobile-hidden item" href="/admin/index"><i class="ui clone icon">  </i>登录 </a>
            <div class=" m-item m-mobile-hidden right item">
                <form name="search" action="/search"  id="searchForm"  method="get" target="_blank">
                    <div class="ui icon   tiny  input m-margin-tb-mini">
                        <input type="hidden" name="page" value="0">

                        <input type="text" name="query" placeholder="Search..." value="">
                        <i onclick="document.forms['search'].submit()" class=" small search link icon"></i>
                    </div>
                </form>

            </div>
        </div>
        <a href="#" class="ui menu toggle m-mobile-show  button">
            <i class="sidebar icon m-top-right "></i>
        </a>
    </div>

</nav>
<br>
<br>
<br>
<br>
<div class="m-container-small m-padded-tb-massive">
    <div class="ui error message m-padded-tb-massive">
        <div class="ui container">
            <h1>404</h1>
            <p>你找的资源没找到哦</p>
        </div>
    </div>

</div>

<br>
<br>
<br>

<footer class = "ui    attached segment m-padded-tb-mini m-shadow-big-up">


    <br>
    <br>
    <br>
    <div class="ui center aligned container">
        <div class="ui   divided stackable grid">

            <div class="three wide column">

                <div class="middle aligned">

                    <img src="/images/learn.png"
                         class="ui middle aligned round image" alt="" style="width: 150px">


                </div>


            </div>
            <div class="three wide column ">
                <h4 class ="ui   header" >最新文章</h4>
                <div class="ui red  link list">
                    <div id="newblog-container">
                        <div class="ui   link list">
                            
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="three wide column">
                <h4 class ="ui   header">联系方式</h4>
                <div class="ui black  link list">
                    <a href="https://github.com/yonghuname" target="_blank" class="item"> <i class="github icon"></i>Github</a>
                    <a href="https://gitee.com/tzjm" class="item" target="_blank"> <image class=" mini icon" src="/images/gitee-logo.ico"
                                                                                          style="max-width: 13px;max-height:13px"></image> Gitee</a>

                </div>
            </div>

            <div class="seven wide column">

                <h4 class ="ui   header">网页介绍</h4>

                <p  class="m-text-thin m-text-spaced m-opacity-mini ">"全方位学习伙伴，智慧记录每一步 —— 学途智助，让知识触手可及，心灵沟通无间。"</p>
                <a class="m-text-thin m-text-spaced m-opacity-mini" href="https://beian.miit.gov.cn"> 赣ICP备2024032770号-1 </a>
            </div>
        </div>

        <!--111111111111111111111111111111-->

        <div class="ui   section divider m-padded-tb-">
        </div> <p class="m-text-thin m-text-spaced m-opacity-mini"> All rights reserved   </p>
    </div>
</footer>
</body>
</html>