others.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>私密页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        #passwordForm {
            text-align: center;
        }
        #content {
            display: none;
            text-align: justify; /* 两端对齐 */
            width: 80%;  /* 控制文本的宽度 */
            margin: 0 auto; /* 居中显示内容 */
        }
        #hint {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>私密页面</h1>

    <!-- 提示信息 -->
    <div id="hint">
        <p>请输入密码以访问此页面</p>
    </div>

    <!-- 密码表单 -->
    <form id="passwordForm">
        <input type="password" id="password" placeholder="密码" required>
        <button type="submit">提交</button>
    </form>

    <!-- 私密内容 -->
    <div id="content">
        <h2>关于我的破败的家族</h2>
        <p>我们丁家曾经是丁宕的一家打地主</p>
        <p>我爷爷的父亲，也就是我的曾祖父叫丁贤乐，有几个兄弟：丁贤礼，丁贤民，丁贤高等，其中丁贤礼是我大爹。1949年-1950年时轰轰烈烈的打地主运动正在进行中，由于我们家是位于丁宕的大地主家族，因此也被打掉了，原有在丁宕的田地、房屋与财产被当地平民悉数瓜分，家族里面的成员也都被打散到了各个地方。</p>
        <p>但是由于我们家是好地主，没有行恶事，便也没有被枪毙，与之相反的是北森老爷家，他们家是胡家墩的地主，由于他们家做过保长（类似村支书），做过不少恶事，便被枪毙了。</p>
        <p>听我外婆等一众老家人诉说，我们家族起家是因为开化较早，人比较聪明，懂得经济，善于经营，因此努力赚钱兼并田地（主要从穷人手上买来），从而不断累积财富成为了一方地主，但是那个年代地主生活也很清贫，吃的也是萝卜白菜，就是田地多。</p>
        <p>关于我们家族，似乎是一个大地主，我外婆说是骑白马的，好不让人羡慕。</p>

        <h2>黄埔军校的五公公</h2>
        <p>我们家族有一个五公公，他志向参军报国，因此进入黄埔军校学习，加入共产党，后作为共产党卧底国民党，应该是国民党连长或者排长，最后与日军作战死老虎口。</p>
        <p>家族没有被枪毙另一个原因是五公公在黄埔军校和周恩来等人有合照，免受波及，五公公似乎最后得知共产党打地主的消息，提前书信回家告知家里将田地悉数卖掉。</p>
    </div>

    <script>
        const correctPassword = "mima";  // 密码

        const form = document.getElementById('passwordForm');
        const content = document.getElementById('content');
        const hint = document.getElementById('hint');

        form.onsubmit = function(event) {
            event.preventDefault();  // 防止表单提交
            const password = document.getElementById('password').value;

            if (password === correctPassword) {
                // 隐藏密码提示和表单
                hint.style.display = "none";
                form.style.display = "none";
                // 显示私密内容
                content.style.display = "block";
            } else {
                alert("密码错误，请重新输入！");
            }
        }
    </script>
</body>
</html>