933 lines
33 KiB
HTML
933 lines
33 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>预览 15:15 · TamaBox</title>
|
|
<meta name="msvalidate.01" content="2F185E8E63C93635F50B3574F3B31E42" />
|
|
<meta name="description" content="狼的提问箱——一个无需注册、可匿名提问的匿名提问箱,安全地倾诉与回应。">
|
|
<meta name="keywords" content="匿名提问箱,提问箱,匿名提问,狼的提问箱,匿名问答,匿名提问网站">
|
|
|
|
<script>
|
|
(function () {
|
|
var m = document.cookie.match(/(?:^|;\s*)theme=([^;]*)/);
|
|
if (m && m[1] === 'dark') document.documentElement.setAttribute('data-theme', 'dark');
|
|
})();
|
|
</script>
|
|
|
|
<link rel="preconnect" href="https://r2.337845818.best" crossorigin>
|
|
<link rel="preconnect" href="https://cdnjs.snrat.com" crossorigin>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.3.3/css/uikit.min.css"/>
|
|
|
|
<link rel="stylesheet" href="/static/css/base.css?v="/>
|
|
|
|
|
|
<link rel="stylesheet" href="https://r2.337845818.best/tamabox/cdn/waline/client/v2/waline-no-commits.css" media="print" onload="this.media='all'"/>
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.3.3/js/uikit.min.js"></script>
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.3.3/js/uikit-icons.min.js"></script>
|
|
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.8/dayjs.min.js"></script>
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.9.0/cdn.min.js"></script>
|
|
|
|
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/waline/2.15.8/waline.js"></script>
|
|
|
|
|
|
<style>
|
|
.captcha-equation-box {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background: #f0f2f5;
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 8px;
|
|
padding: 8px 8px 8px 16px;
|
|
gap: 6px;
|
|
transition: border-color 0.2s;
|
|
}
|
|
.captcha-equation-box:focus-within {
|
|
border-color: #1e87f0;
|
|
box-shadow: 0 0 0 3px rgba(30,135,240,0.12);
|
|
}
|
|
.math-captcha-modal-question {
|
|
font-size: 1.4rem;
|
|
font-family: "Courier New", monospace;
|
|
font-weight: 700;
|
|
color: #333;
|
|
letter-spacing: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
#captcha-modal-answer {
|
|
width: 80px;
|
|
padding: 6px 10px;
|
|
text-align: center;
|
|
font-size: 1.2rem;
|
|
font-family: "Courier New", monospace;
|
|
font-weight: 600;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
transition: border-color 0.15s, box-shadow 0.15s;
|
|
background: #fff;
|
|
}
|
|
#captcha-modal-answer:focus {
|
|
border-color: #1e87f0;
|
|
box-shadow: 0 0 0 2px rgba(30,135,240,0.2);
|
|
}
|
|
|
|
#captcha-modal-answer::-webkit-inner-spin-button,
|
|
#captcha-modal-answer::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
#captcha-modal-answer {
|
|
-moz-appearance: textfield;
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:site_name" content="狼的提问箱 | 匿名提问箱" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="狼的提问箱 | 匿名提问箱" />
|
|
<meta property="og:url" content="https://box.shiroko.one/" />
|
|
<meta property="og:description" content="狼的提问箱——一个无需注册、可匿名提问的匿名提问箱,安全地倾诉与回应。" />
|
|
|
|
|
|
<meta itemprop="image" content="https://r2.337845818.best/tamabox/tamabox_low.png"/>
|
|
<meta name="msapplication-TileImage" content="https://r2.337845818.best/tamabox/tamabox_low.png"/>
|
|
<link rel="shortcut icon" href="https://r2.337845818.best/tamabox/tamabox_low.png" />
|
|
<link rel="apple-touch-icon" href="https://r2.337845818.best/tamabox/tamabox_low.png"/>
|
|
<link rel="icon" sizes="192x192" href="https://r2.337845818.best/tamabox/tamabox_low.png">
|
|
<meta name="twitter:image:src" content="https://r2.337845818.best/tamabox/tamabox_low.png" />
|
|
|
|
|
|
|
|
<meta name="google-site-verification" content="fEPwRRJfiGsgwc5SINBQwZhPK8F0cwRaOvRx0YRurI4" />
|
|
|
|
<script>
|
|
window.addEventListener("load", function () {
|
|
var s = document.createElement("script");
|
|
s.src = "https://mami.shiroko.one/tamami.js";
|
|
s.setAttribute("data-website-id", "c42ebe8b-9281-4da0-83a4-8f18b3e710fe");
|
|
document.body.appendChild(s);
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
window.tbRenderQR = function (el, getOptions) {
|
|
if (!el || typeof QRCode === 'undefined') return;
|
|
var opts = getOptions();
|
|
function remoteOf(o, key) {
|
|
var v = o[key];
|
|
return (typeof v === 'string' && v.indexOf('http') === 0) ? v : '';
|
|
}
|
|
var good = window._tbQrGood || (window._tbQrGood = {});
|
|
var bad = window._tbQrBad || (window._tbQrBad = {});
|
|
|
|
function layerState(url) { return !url ? '' : (good[url] ? 1 : (bad[url] ? 0 : null)); }
|
|
var layers = [
|
|
{ url: remoteOf(opts, 'logo'), st: null, present: function (o, on) {
|
|
if (on) { } else { o.logo = undefined; o.logoWidth = undefined; o.logoHeight = undefined; o.logoBackgroundTransparent = undefined; }
|
|
} },
|
|
{ url: remoteOf(opts, 'backgroundImage'), st: null, present: function (o, on) {
|
|
if (on) { } else { o.backgroundImage = undefined; o.backgroundImageAlpha = undefined; }
|
|
} }
|
|
];
|
|
var needProbe = false;
|
|
for (var i = 0; i < layers.length; i++) {
|
|
layers[i].st = layerState(layers[i].url);
|
|
if (layers[i].st === null) needProbe = true;
|
|
}
|
|
function paint(states) {
|
|
var o = {};
|
|
for (var k in opts) o[k] = opts[k];
|
|
for (var j = 0; j < layers.length; j++) layers[j].present(o, states[j] === 1);
|
|
el.innerHTML = '';
|
|
new QRCode(el, o);
|
|
}
|
|
|
|
var initStates = [];
|
|
for (var n = 0; n < layers.length; n++) initStates.push(layers[n].st === 1 ? 1 : 0);
|
|
paint(initStates);
|
|
if (!needProbe) return;
|
|
|
|
var pending = 0, cross = opts.crossOrigin || 'anonymous';
|
|
layers.forEach(function (L) {
|
|
if (L.st !== null) return;
|
|
pending++;
|
|
var im = new Image();
|
|
im.onload = function () { good[L.url] = true; L.st = 1; onDone(); };
|
|
im.onerror = function () { bad[L.url] = true; L.st = 0; onDone(); };
|
|
if (cross) im.crossOrigin = cross;
|
|
im.src = L.url;
|
|
});
|
|
function onDone() {
|
|
if (--pending > 0) return;
|
|
var finalStates = [];
|
|
for (var m = 0; m < layers.length; m++) finalStates.push(layers[m].st === 1 ? 1 : 0);
|
|
var changed = false;
|
|
for (var q = 0; q < finalStates.length; q++) if (finalStates[q] !== initStates[q]) changed = true;
|
|
if (changed) paint(finalStates);
|
|
}
|
|
|
|
setTimeout(function () { if (pending > 0) { pending = 0; onDone(); } }, 3000);
|
|
};
|
|
</script>
|
|
<nav class="uk-navbar-container uk-margin tb-navbar" uk-navbar>
|
|
<div class="uk-navbar-center">
|
|
<div class="uk-navbar-center-left">
|
|
<div>
|
|
<ul class="uk-navbar-nav">
|
|
|
|
<li><a href="/explore">探索</a></li>
|
|
|
|
|
|
<li class="tb-mobile-balancer" aria-hidden="true"><a tabindex="-1" style="visibility:hidden">我的</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="uk-navbar-item uk-logo" href="/"><span class="emoji-placeholder" aria-label="random animal">🐺</span>的提问箱</a>
|
|
|
|
<div class="uk-navbar-center-right">
|
|
<div>
|
|
|
|
<ul class="uk-navbar-nav">
|
|
<li><a href="/register">注册</a></li>
|
|
</ul>
|
|
<ul class="uk-navbar-nav">
|
|
<li><a href="/login">登录</a></li>
|
|
</ul>
|
|
|
|
|
|
|
|
<ul class="uk-navbar-nav tb-nav-utils">
|
|
<li>
|
|
<a href="#" aria-label="语言" title="语言"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M3.2 9h17.6M3.2 15h17.6"/><ellipse cx="12" cy="12" rx="4" ry="9"/></svg></a>
|
|
<div class="uk-navbar-dropdown" uk-drop="mode: click; pos: bottom-right">
|
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
|
|
<li class="uk-active">
|
|
<a href="/i18n/zh-CN?to=%2F">简体中文</a>
|
|
</li>
|
|
|
|
<li class="">
|
|
<a href="/i18n/ja?to=%2F">日本語</a>
|
|
</li>
|
|
|
|
<li class="">
|
|
<a href="/i18n/en?to=%2F">English</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<ul class="uk-navbar-nav tb-nav-utils">
|
|
<li>
|
|
<a href="#" id="theme-toggle" title="切换深色/浅色模式" aria-label="切换深色/浅色模式">
|
|
<span class="tb-icon-light"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8z"/></svg></span><span class="tb-icon-dark"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.2 5.2l1.4 1.4M17.4 17.4l1.4 1.4M18.8 5.2l-1.4 1.4M6.6 17.4l-1.4 1.4"/></svg></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const emojis = ["🐺","🐗","🐻","🐨","🐼","🐹","🐭","🐰","🦊","🐮","🐷","🐽","🐸","🐒","🦍","🐔","🐧","🐦","🐤","🐦⬛","🦅","🦉","🦇","🐴","🦄","🐝","🦎","🦖","🦕","🐙","🦑","🦐","🦞","🦀","🐡","🐠","🐟","🐬","🐳","🐋","🦈","🐊","🐅","🐆","🦓","🦍","🦧","🐘","🦛","🦏","🐪","🐫","🦒","🦘","🐃","🐂","🐄","🐎","🐖","🐏","🐑","🦙","🐐","🦌","🐕","🐩","🦮","🐕🦺","🐈","🐋","🐳","🐬","🐉","🐲"];
|
|
const placeholder = document.querySelector('.emoji-placeholder');
|
|
if (placeholder) {
|
|
placeholder.textContent = emojis[Math.floor(Math.random() * emojis.length)];
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
<div id="tb-mobile-utils">
|
|
|
|
<select id="mobile-lang-select" class="uk-select uk-form-small" aria-label="语言">
|
|
|
|
<option value="zh-CN" selected>简体中文</option>
|
|
|
|
<option value="ja" >日本語</option>
|
|
|
|
<option value="en" >English</option>
|
|
|
|
</select>
|
|
|
|
<button type="button" id="theme-toggle-mobile" class="uk-button uk-button-default uk-button-small"
|
|
title="切换深色/浅色模式" aria-label="切换深色/浅色模式">
|
|
<span class="tb-icon-light"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8z"/></svg></span><span class="tb-icon-dark"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.2 5.2l1.4 1.4M17.4 17.4l1.4 1.4M18.8 5.2l-1.4 1.4M6.6 17.4l-1.4 1.4"/></svg></span>
|
|
</button>
|
|
</div>
|
|
|
|
<script>
|
|
(function() {
|
|
|
|
var THEME_COOKIE = 'theme';
|
|
function getTheme() {
|
|
var m = document.cookie.match(/(?:^|;\s*)theme=([^;]*)/);
|
|
return m ? m[1] : '';
|
|
}
|
|
function applyTheme(theme) {
|
|
if (theme === 'dark') {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
} else {
|
|
document.documentElement.removeAttribute('data-theme');
|
|
}
|
|
}
|
|
function toggleTheme() {
|
|
var next = getTheme() === 'dark' ? 'light' : 'dark';
|
|
applyTheme(next);
|
|
var expires = new Date(Date.now() + 365 * 24 * 3600 * 1000).toUTCString();
|
|
document.cookie = THEME_COOKIE + '=' + next + '; path=/; max-age=' + (365 * 24 * 3600) + '; SameSite=Lax';
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
var buttons = document.querySelectorAll('#theme-toggle, #theme-toggle-mobile');
|
|
buttons.forEach(function(btn) {
|
|
btn.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
toggleTheme();
|
|
});
|
|
});
|
|
|
|
|
|
var langSel = document.getElementById('mobile-lang-select');
|
|
if (langSel) {
|
|
langSel.addEventListener('change', function() {
|
|
if (!this.value) return;
|
|
var to = window.location.pathname + window.location.search;
|
|
window.location.href = '/i18n/' + encodeURIComponent(this.value) + '?to=' + encodeURIComponent(to);
|
|
});
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
|
|
<div class="uk-container uk-container-xsmall">
|
|
|
|
|
|
|
|
<div id="math-captcha-modal" uk-modal>
|
|
<div class="uk-modal-dialog uk-modal-body uk-text-center">
|
|
<h3 class="uk-modal-title">人机验证</h3>
|
|
<p class="uk-text-meta">请计算下方的算术题以验证你不是机器人</p>
|
|
<div class="captcha-equation-box">
|
|
<span id="captcha-modal-question" class="math-captcha-modal-question">加载中...</span>
|
|
<input type="number" id="captcha-modal-answer" placeholder="?" autocomplete="off" inputmode="numeric">
|
|
</div>
|
|
<div style="margin-top:6px;">
|
|
<button type="button" class="uk-button uk-button-text uk-text-small" id="captcha-modal-refresh">换一题</button>
|
|
</div>
|
|
<div id="captcha-modal-error" class="uk-text-danger uk-text-small" style="display:none;min-height:20px;"></div>
|
|
<div class="uk-margin-small-top">
|
|
<button type="button" class="uk-button uk-button-primary" id="captcha-modal-submit">提交</button>
|
|
<button type="button" class="uk-button uk-button-default uk-modal-close">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var CAPTCHA_I18N = {
|
|
loading: "加载中...",
|
|
loadFailed: "加载失败",
|
|
loadRetry: "加载失败,请重试",
|
|
inputAnswer: "请输入答案",
|
|
wrongAnswer: "答案错误,请重新计算",
|
|
verifyFailed: "验证失败,请重试",
|
|
needPassword: "此提问箱需要密码",
|
|
needEmail: "请填写接收通知的邮箱地址"
|
|
};
|
|
</script>
|
|
|
|
<script>
|
|
(function() {
|
|
var captchaId = '';
|
|
var pendingForm = null;
|
|
var pendingNeedPassword = false;
|
|
var verifying = false;
|
|
|
|
function fetchCaptcha() {
|
|
var qEl = document.getElementById('captcha-modal-question');
|
|
var errEl = document.getElementById('captcha-modal-error');
|
|
var ansEl = document.getElementById('captcha-modal-answer');
|
|
qEl.textContent = CAPTCHA_I18N.loading;
|
|
fetch('/api/captcha/generate')
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(data) {
|
|
if (data.code === 0 && data.data) {
|
|
captchaId = data.data.id;
|
|
qEl.textContent = data.data.question;
|
|
if (errEl) errEl.style.display = 'none';
|
|
if (ansEl) { ansEl.value = ''; ansEl.focus(); }
|
|
} else {
|
|
qEl.textContent = CAPTCHA_I18N.loadFailed;
|
|
}
|
|
})
|
|
.catch(function() {
|
|
qEl.textContent = CAPTCHA_I18N.loadRetry;
|
|
});
|
|
}
|
|
|
|
function getCSRFToken() {
|
|
var input = document.querySelector('input[name="_csrf"]');
|
|
return input ? input.value : '';
|
|
}
|
|
|
|
function doSubmit(form) {
|
|
|
|
var ans = document.getElementById('captcha-modal-answer').value.trim();
|
|
var hidden = form.querySelector('[name="g-recaptcha-response"]');
|
|
if (hidden) hidden.value = captchaId + ':' + (ans || '0');
|
|
|
|
UIkit.modal('#math-captcha-modal').hide();
|
|
|
|
|
|
if (pendingNeedPassword) {
|
|
UIkit.modal.prompt(CAPTCHA_I18N.needPassword, '', 'password')
|
|
.then(function(password) {
|
|
if (password) {
|
|
var pwInput = document.getElementById('ask_password_input');
|
|
if (pwInput) pwInput.value = password;
|
|
form.submit();
|
|
}
|
|
});
|
|
} else {
|
|
form.submit();
|
|
}
|
|
}
|
|
|
|
|
|
document.getElementById('captcha-modal-submit').addEventListener('click', function() {
|
|
if (verifying) return;
|
|
var ans = document.getElementById('captcha-modal-answer').value.trim();
|
|
if (!ans) {
|
|
var errEl = document.getElementById('captcha-modal-error');
|
|
errEl.textContent = CAPTCHA_I18N.inputAnswer;
|
|
errEl.style.display = 'block';
|
|
return;
|
|
}
|
|
verifying = true;
|
|
fetch('/api/captcha/verify', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-Token': getCSRFToken()
|
|
},
|
|
body: JSON.stringify({ id: captchaId, answer: parseInt(ans, 10) })
|
|
})
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(data) {
|
|
verifying = false;
|
|
if (data.correct) {
|
|
if (pendingForm) doSubmit(pendingForm);
|
|
} else {
|
|
var errEl = document.getElementById('captcha-modal-error');
|
|
errEl.textContent = CAPTCHA_I18N.wrongAnswer;
|
|
errEl.style.display = 'block';
|
|
fetchCaptcha();
|
|
}
|
|
})
|
|
.catch(function() {
|
|
verifying = false;
|
|
var errEl = document.getElementById('captcha-modal-error');
|
|
errEl.textContent = CAPTCHA_I18N.verifyFailed;
|
|
errEl.style.display = 'block';
|
|
fetchCaptcha();
|
|
});
|
|
});
|
|
|
|
|
|
document.getElementById('captcha-modal-answer').addEventListener('keydown', function(e) {
|
|
if (e.key === 'Enter') {
|
|
e.preventDefault();
|
|
document.getElementById('captcha-modal-submit').click();
|
|
}
|
|
});
|
|
|
|
|
|
document.getElementById('captcha-modal-refresh').addEventListener('click', fetchCaptcha);
|
|
|
|
|
|
document.addEventListener('click', function(e) {
|
|
var btn = e.target.closest('.math-captcha-trigger');
|
|
if (!btn) return;
|
|
e.preventDefault();
|
|
|
|
var form = btn.closest('form');
|
|
if (!form) return;
|
|
pendingForm = form;
|
|
|
|
|
|
pendingNeedPassword = !!(form.querySelector('#ask_password_input'));
|
|
|
|
|
|
var notifyCb = document.getElementById('notify-checkbox');
|
|
var emailInput = document.getElementById('email-input');
|
|
if (notifyCb && notifyCb.checked && emailInput && emailInput.value.trim() === '') {
|
|
UIkit.modal.alert(CAPTCHA_I18N.needEmail);
|
|
return;
|
|
}
|
|
|
|
fetchCaptcha();
|
|
UIkit.modal('#math-captcha-modal').show();
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
<style>
|
|
|
|
.tb-hero {
|
|
padding: 36px 24px 32px;
|
|
text-align: center;
|
|
background-image: linear-gradient(180deg, var(--tb-primary-weak), rgba(255, 255, 255, 0));
|
|
}
|
|
.tb-hero-title {
|
|
margin: 0;
|
|
font-size: 1.75rem;
|
|
line-height: 1.35;
|
|
font-weight: 600;
|
|
color: var(--tb-text);
|
|
}
|
|
.tb-hero-lead {
|
|
margin: 12px auto 0;
|
|
max-width: 30rem;
|
|
font-size: 0.95rem;
|
|
line-height: 1.8;
|
|
color: var(--tb-text-muted);
|
|
}
|
|
.tb-hero-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
margin-top: 22px;
|
|
}
|
|
.tb-hero-actions .uk-button {
|
|
min-width: 112px;
|
|
}
|
|
.tb-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
|
gap: 12px;
|
|
margin-top: 12px;
|
|
}
|
|
.tb-grid .uk-card {
|
|
padding: 18px 18px 20px;
|
|
text-align: left;
|
|
}
|
|
.tb-card-title {
|
|
margin: 0 0 6px;
|
|
font-size: 0.98rem;
|
|
font-weight: 600;
|
|
color: var(--tb-text);
|
|
}
|
|
.tb-card-text {
|
|
margin: 0;
|
|
font-size: 0.86rem;
|
|
line-height: 1.7;
|
|
color: var(--tb-text-muted);
|
|
}
|
|
.tb-card-text + .tb-card-text {
|
|
margin-top: 8px;
|
|
}
|
|
.tb-card-text.tb-lead {
|
|
margin-top: 12px;
|
|
}
|
|
.tb-changelog summary + ul {
|
|
margin-top: 10px;
|
|
}
|
|
.tb-section-title {
|
|
margin: 0 0 10px;
|
|
font-size: 0.95rem;
|
|
font-weight: 600;
|
|
color: var(--tb-text);
|
|
}
|
|
.tb-notice-tag {
|
|
display: inline-block;
|
|
margin: 0 0 8px;
|
|
padding: 2px 8px;
|
|
border-radius: var(--tb-radius-xs);
|
|
background: var(--tb-primary-weak);
|
|
color: var(--tb-primary);
|
|
font-size: 0.75rem;
|
|
}
|
|
.tb-list {
|
|
margin: 0;
|
|
padding-left: 1.15em;
|
|
font-size: 0.9rem;
|
|
line-height: 1.9;
|
|
color: var(--tb-text);
|
|
}
|
|
.tb-changelog summary {
|
|
cursor: pointer;
|
|
font-size: 0.9rem;
|
|
font-weight: 600;
|
|
color: var(--tb-text);
|
|
list-style: none;
|
|
}
|
|
.tb-changelog summary::-webkit-details-marker { display: none; }
|
|
.tb-changelog summary::before {
|
|
content: "▸";
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
color: var(--tb-text-muted);
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.tb-changelog[open] summary::before { transform: rotate(90deg); }
|
|
.tb-stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 8px;
|
|
text-align: center;
|
|
}
|
|
.tb-stat-num {
|
|
display: block;
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
line-height: 1.3;
|
|
color: var(--tb-text);
|
|
}
|
|
.tb-stat-label {
|
|
display: block;
|
|
margin-top: 2px;
|
|
font-size: 0.78rem;
|
|
color: var(--tb-text-muted);
|
|
}
|
|
.tb-stats-meta {
|
|
margin: 14px 0 0;
|
|
font-size: 0.78rem;
|
|
line-height: 1.8;
|
|
color: var(--tb-text-muted);
|
|
text-align: center;
|
|
}
|
|
@media (max-width: 480px) {
|
|
.tb-hero { padding: 28px 16px 24px; }
|
|
.tb-hero-title { font-size: 1.4rem; }
|
|
.tb-stat-num { font-size: 1.25rem; }
|
|
}
|
|
</style>
|
|
|
|
<div class="uk-card uk-card-default tb-hero">
|
|
<h1 class="tb-hero-title">狼的提问箱 | 匿名提问箱</h1>
|
|
<p class="tb-hero-lead">
|
|
一个无需注册即可提问的匿名提问箱。不用下载 App,不用绑定社交账号,连邮箱都不必是真的。
|
|
</p>
|
|
<div class="tb-hero-actions">
|
|
<a href="/explore" class="uk-button uk-button-primary">探索</a>
|
|
<a href="/rules" class="uk-button uk-button-default">社区规则</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tb-grid">
|
|
<div class="uk-card uk-card-default">
|
|
<p class="tb-card-title">匿名也能问</p>
|
|
<p class="tb-card-text">不需要账号、不需要真实邮箱,打开就能写。想收到回复再留邮箱即可。</p>
|
|
</div>
|
|
<div class="uk-card uk-card-default">
|
|
<p class="tb-card-title">不止一问一答</p>
|
|
<p class="tb-card-text">问题二维码、私聊、投票、追加提问、Markdown 排版,原版没有的这里都有。</p>
|
|
</div>
|
|
<div class="uk-card uk-card-default">
|
|
<p class="tb-card-title">箱子归你</p>
|
|
<p class="tb-card-text">头像、背景、二维码配色都能自己调,还能设置审核严格度和收集时段。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<p class="tb-notice-tag">域名迁移</p>
|
|
<p class="tb-card-text">
|
|
本站已切换到 <a href="https://box.shiroko.one/">box.shiroko.one</a>,原域名将在 2026 年 12 月 24 日到期,
|
|
期间通过 301 转发指向新域名,到期后旧域名将彻底不再使用。
|
|
</p>
|
|
<p class="tb-card-text">
|
|
审核服务已切换到阿里云,审核速度提升且误伤更少;同时允许用户调整审核严格度,在不碰底线的前提下
|
|
可以设置不接受辱骂、广告等信息(即「不听坏话模式」)。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<h2 class="tb-section-title">一点提醒</h2>
|
|
<ul class="tb-list">
|
|
<li>本站唯一指定认证站长:<a href="https://box.shiroko.one/_/tamakyi">小狼</a>,注意不要被骗。</li>
|
|
<li>本站提倡友好、友善的发言,请遵守<a href="/rules">社区规则</a>。无论匿名与否,都要为自己的发言负责。</li>
|
|
<li>不允许垃圾信息、广告、辱骂、涉政、暴恐、色情、违禁、无意义、灌水提问,涉政或不良言论将直接删除。</li>
|
|
</ul>
|
|
<p class="tb-card-text tb-lead">
|
|
想先试试功能,可以到站长的提问箱
|
|
<a href="//box.shiroko.one/_/tamakyi">小狼的提问箱</a> 提问或提意见。
|
|
</p>
|
|
</div>
|
|
|
|
<details class="uk-card uk-card-default uk-card-body tb-changelog">
|
|
<summary>近期更新</summary>
|
|
<ul class="tb-list">
|
|
<li><strong>2026.9</strong> 新增审核严格度选项,增加提问、投票、私聊的总开关,可设置定时收集、定量收集或关闭功能,前后端显示也更易用了。</li>
|
|
<li><strong>2026.8</strong> 新增<a href="https://box.shiroko.one/vote/sANyLkiBNUGN">投票功能</a>、追加提问、多语言、<a href="https://box.shiroko.one/_/tamakyi/2894">Markdown 显示</a>、置顶显示等,详情见<a href="https://blog.shiroko.one/record/tamabox_changelog_20260813">这里</a>。</li>
|
|
<li><strong>2026.8</strong> 放弃使用 recaptcha 等对国内用户不友好的验证方式,更新密码加密方式,修复图片上传等一系列问题。</li>
|
|
<li><strong>2026.5</strong> 增加私聊功能,可连续对话,详见<a href="https://blog.shiroko.one/record/tamabox-update-20260513">介绍</a>;另有提问箱卡片分享。</li>
|
|
<li><strong>2026.2</strong> 新增用户展示和标签功能,可给自己贴 5 个标签并选择是否在<a href="https://box.shiroko.one/explore">探索页</a>展示,详情见<a href="https://blog.shiroko.one/record/tamabox-tags">狼的公告板</a>。</li>
|
|
</ul>
|
|
</details>
|
|
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<h2 class="tb-section-title">提问箱信息统计</h2>
|
|
<div class="tb-stats">
|
|
<div>
|
|
<span class="tb-stat-num tb-num" data-stat="registered_users">1284</span>
|
|
<span class="tb-stat-label">注册用户</span>
|
|
</div>
|
|
<div>
|
|
<span class="tb-stat-num tb-num" data-stat="total_questions">56321</span>
|
|
<span class="tb-stat-label">累计提问</span>
|
|
</div>
|
|
<div>
|
|
<span class="tb-stat-num tb-num" data-stat="answered_questions">31208</span>
|
|
<span class="tb-stat-label">已获回答</span>
|
|
</div>
|
|
</div>
|
|
<p class="tb-stats-meta">
|
|
最后提问:<span data-stat="last_question_at">2026-10-19 10:12:44</span><br>
|
|
最后回答:<span data-stat="last_answer_at">2026-10-19 09:58:02</span><br>
|
|
数据更新于:<span data-stat="updated_at">2026-10-19 10:00:00</span>
|
|
</p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
setInterval(function () {
|
|
fetch("/api/v1/site-stats")
|
|
.then(function (r) { return r.json(); })
|
|
.then(function (resp) {
|
|
var d = resp.data;
|
|
if (!d) return;
|
|
["registered_users", "total_questions", "answered_questions",
|
|
"last_question_at", "last_answer_at", "updated_at"].forEach(function (k) {
|
|
var v = d[k];
|
|
if (v === undefined || v === null || v === "") return;
|
|
var el = document.querySelector('[data-stat="' + k + '"]');
|
|
if (el) el.textContent = v;
|
|
});
|
|
})
|
|
.catch(function () {});
|
|
}, 30 * 60 * 1000);
|
|
});
|
|
</script>
|
|
<div id="waline"></div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const waline = Waline.init({
|
|
el: '#waline',
|
|
|
|
serverURL: 'https://waline.337845818.best/',
|
|
path: window.location.href,
|
|
|
|
locale: {
|
|
nick: '昵称',
|
|
nickError: '昵称不能少于3个字符',
|
|
mail: '邮箱',
|
|
mailError: '请填写正确的邮件地址',
|
|
link: '网址',
|
|
optional: '可选',
|
|
placeholder: '欢迎评论(可以无需登录,但需要手工审核,不会立即展现)',
|
|
sofa: '来发评论吧~',
|
|
submit: '提交',
|
|
like: '喜欢',
|
|
cancelLike: '取消喜欢',
|
|
reply: '回复',
|
|
cancelReply: '取消回复',
|
|
comment: '评论',
|
|
refresh: '刷新',
|
|
more: '加载更多...',
|
|
preview: '预览',
|
|
emoji: '表情',
|
|
uploadImage: '上传图片',
|
|
seconds: '秒前',
|
|
minutes: '分钟前',
|
|
hours: '小时前',
|
|
days: '天前',
|
|
now: '刚刚',
|
|
uploading: '正在上传',
|
|
login: '登录',
|
|
logout: '退出',
|
|
admin: '博主',
|
|
sticky: '置顶',
|
|
word: '字',
|
|
wordHint: '评论字数应在 $0 到 $1 字之间!\n当前字数:$2',
|
|
anonymous: '无名小狼',
|
|
level0: '潜水',
|
|
level1: '冒泡',
|
|
level2: '吐槽',
|
|
level3: '活跃',
|
|
level4: '话痨',
|
|
level5: '传说',
|
|
gif: '表情包',
|
|
gifSearchPlaceholder: '搜索表情包',
|
|
profile: '个人资料',
|
|
approved: '通过',
|
|
waiting: '待审核',
|
|
spam: '垃圾',
|
|
unsticky: '取消置顶',
|
|
oldest: '按倒序',
|
|
latest: '按正序',
|
|
hottest: '按热度',
|
|
reactionTitle: '',
|
|
reaction0: '哇哦',
|
|
reaction1: 'prpr',
|
|
reaction2: '流汗',
|
|
reaction3: '生气',
|
|
reaction4: '流鼻血',
|
|
reaction5: 'あべ',
|
|
},
|
|
reaction: [
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChYwOGQ3OTRhYzRjMTBkZmZhZDVmZTA1EIjM1y8.gif',
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChQwOGEyOTlhYzRjMTBmOWFkZjAwYRCIzNcv.gif',
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChYwOGRhOTVhYzRjMTBkNmViYTVlNTA2EIjM1y8.gif',
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChYwOGU1OTJhYzRjMTBmMzk3ZmVmNTAyEIjM1y8.gif',
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChYwOGNkODdhYzRjMTBjYmEwOTFjNjAxEIjM1y8.gif',
|
|
'https://ali-imgs.acfun.cn/kimg/bs2/zt-image-host/ChQwODliOGVhYzRjMTBmOGM0ZWY1ZRCIzNcv.gif',
|
|
],
|
|
meta: ['nick','mail'],
|
|
requiredMeta: ['mail'],
|
|
pageview: true,
|
|
search: false,
|
|
login: 'enable',
|
|
wordLimit: 50,
|
|
pageSize: 5,
|
|
avatar: 'identicon',
|
|
emoji: [
|
|
'https://gcore.jsdelivr.net/gh/tamakyi/emoji-collection@main/acfun-color/60x60',
|
|
],
|
|
|
|
imageUploader: false,
|
|
|
|
copyright: false,
|
|
});
|
|
});
|
|
</script>
|
|
<p class=" uk-text-right uk-text-muted uk-text-small">
|
|
<br>
|
|
<a href="/rules">社区规则</a> |
|
|
|
|
<a href="https://box.shiroko.one/_/tamakyi" target="_blank">找站长</a>
|
|
<br>
|
|
<a href="https://share.shiroko.one" target="_blank">盘</a>
|
|
| <a href="https://blog.shiroko.one" target="_blank">公告板</a>
|
|
| <a href="https://chat.shiroko.one" target="_blank">聊天室</a>
|
|
| <a href="https://status.shiroko.one" target="_blank">监控板</a>
|
|
| <a href="https://shiroko.one" target="_blank">导航页</a>
|
|
<br>Powered by NekoBox |
|
|
<br>提问箱已成功存活:<span id="box_runtime"></span>
|
|
</p>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
var create = Math.round(Date.UTC(2023, 6, 1, 18, 15, 43) / 1000);
|
|
function tick() {
|
|
var el = document.getElementById("box_runtime");
|
|
if (!el) return;
|
|
var s = Math.round((Date.now() + 8 * 3600 * 1000) / 1000) - create;
|
|
var t = [0, 0, 0, 0, 0];
|
|
if (s >= 31536000) { t[0] = s / 31536000 | 0; s %= 31536000; }
|
|
if (s >= 86400) { t[1] = s / 86400 | 0; s %= 86400; }
|
|
if (s >= 3600) { t[2] = s / 3600 | 0; s %= 3600; }
|
|
if (s >= 60) { t[3] = s / 60 | 0; s %= 60; }
|
|
if (s > 0) { t[4] = s; }
|
|
el.innerHTML = t[0] + '年 ' + t[1] + '天 ' + t[2] + '时 ' + t[3] + '分 ' + t[4] + '秒 ';
|
|
}
|
|
tick();
|
|
setInterval(tick, 1000);
|
|
})();
|
|
</script>
|
|
<br>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var SUBMIT_I18N = {
|
|
submitting: '提交中...',
|
|
uploading: '上传中...'
|
|
};
|
|
|
|
function tbResetSubmitButtons() {
|
|
document.querySelectorAll('button[data-tb-submitting]').forEach(function(b) {
|
|
b.disabled = false;
|
|
b.removeAttribute('data-tb-submitting');
|
|
var orig = b.getAttribute('data-tb-restore');
|
|
if (orig !== null) {
|
|
b.innerHTML = orig;
|
|
b.removeAttribute('data-tb-restore');
|
|
}
|
|
});
|
|
}
|
|
|
|
document.addEventListener('submit', function(e) {
|
|
var form = e.target;
|
|
if (!form || form.tagName !== 'FORM') return;
|
|
|
|
|
|
|
|
if (e.defaultPrevented || form.getAttribute('data-tb-skip-submit-feedback') === '1') {
|
|
form.removeAttribute('data-tb-skip-submit-feedback');
|
|
return;
|
|
}
|
|
|
|
|
|
|
|
if (form.getAttribute('target') === '_blank') return;
|
|
|
|
|
|
var trigger = e.submitter || form.querySelector('button[type="submit"]');
|
|
|
|
|
|
var hasFile = false;
|
|
form.querySelectorAll('input[type="file"]').forEach(function(f) {
|
|
if (f.files && f.files.length > 0) hasFile = true;
|
|
});
|
|
var label = hasFile ? SUBMIT_I18N.uploading : SUBMIT_I18N.submitting;
|
|
|
|
if (trigger && trigger.tagName === 'BUTTON') {
|
|
trigger.setAttribute('data-tb-restore', trigger.innerHTML);
|
|
trigger.innerHTML = '<span uk-spinner="ratio: 0.6"></span> ' + label;
|
|
}
|
|
|
|
|
|
form.querySelectorAll('button').forEach(function(b) {
|
|
b.disabled = true;
|
|
b.setAttribute('data-tb-submitting', '1');
|
|
});
|
|
});
|
|
|
|
|
|
window.addEventListener('pageshow', tbResetSubmitButtons);
|
|
</script>
|
|
</body>
|
|
</html>
|