You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
154 lines
6.2 KiB
154 lines
6.2 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset='UTF-8'>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap-grid.min.css" rel="stylesheet">
|
|
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
|
|
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
|
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.bootcss.com/js-sha256/0.9.0/sha256.min.js"></script>
|
|
<script src="/js/notify.min.js"></script>
|
|
<title>匿名提问箱</title>
|
|
<style>
|
|
.popover-header {
|
|
color:black;
|
|
}
|
|
@keyframes downn {
|
|
0% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
50% {
|
|
transform: translate(0px, 7px);
|
|
}
|
|
100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="background-color: #001a37;color:#e8e8e8">
|
|
<div class="container" style="max-width:900px;" >
|
|
|
|
|
|
<div style="text-align:center; margin: 25px 0">
|
|
<img align='center' src='/img/logo-text.svg' width=96px/>
|
|
<h1 align='center'>匿名提问箱</h1>
|
|
<hr/>
|
|
|
|
<p>提问无需登陆，真正匿名<br/>
|
|
链接路径加密，避免乱入</p>
|
|
|
|
</div>
|
|
|
|
<hr style="border-top: 1px solid white;"/>
|
|
|
|
<div style="text-align:center; margin:1%">
|
|
|
|
<p><a type="button" class="btn btn-primary btn-lg" href="/askMe/#start">创建提问箱</a></p>
|
|
<svg viewbox="0 0 50 100" width="64px" height="64px" stroke="#e8e8e8" stroke-width="7.5" stroke-miterlimit="10" style="animation: downn 2s infinite;"><path d="M25.684 10v50.4"/><path d="M40.284 45.4L24.684 61"/><path d="M10.884 45.4l15.6 15.6"/></svg>
|
|
<p>分享加密链接</p>
|
|
<svg viewbox="0 0 50 100" width="64px" height="64px" stroke="#e8e8e8" stroke-width="7.5" stroke-miterlimit="10" style="animation: downn 3s infinite;"><path d="M25.684 10v50.4"/><path d="M40.284 45.4L24.684 61"/><path d="M10.884 45.4l15.6 15.6"/></svg>
|
|
<p>好友匿名提问</p>
|
|
<svg viewbox="0 0 50 100" width="64px" height="64px" stroke="#e8e8e8" stroke-width="7.5" stroke-miterlimit="10" style="animation: downn 4s infinite;"><path d="M25.684 10v50.4"/><path d="M40.284 45.4L24.684 61"/><path d="M10.884 45.4l15.6 15.6"/></svg>
|
|
<p>bot在闭社私信提醒</p>
|
|
<svg viewbox="0 0 50 100" width="64px" height="64px" stroke="#e8e8e8" stroke-width="7.5" stroke-miterlimit="10" style="animation: downn 5s infinite;"><path d="M25.684 10v50.4"/><path d="M40.284 45.4L24.684 61"/><path d="M10.884 45.4l15.6 15.6"/></svg>
|
|
<p>回复私信进行答复或删除</p>
|
|
</div>
|
|
|
|
|
|
<hr style="border-top: 1px solid white;"/>
|
|
|
|
<div id="start" style="margin:30px auto;padding:15px;border: 1px dashed white;border-radius:15px; max-width:450px;">
|
|
<p>输入闭社id并私信 <b>@ask_me_bot</b> “新建”，然后点击按钮，即可新建或重置提问箱链接。
|
|
<button type="button" class="btn btn-secondary btn-sm" data-toggle="popover" data-placement="left" title="提示" data-content="<img src='/img/pm.jpg' width=100%/> <p><br/>* 已建立过提问箱的情况下再次执行该步骤将重置链接，已有的提问不受影响。可通过重置后并不再分享新链接来实现关闭提问箱。 <br/><br/>
|
|
** 校友站用户请使用完整用户名而非本地用户名，例如 @somebody@tha.closed.social。<br/><br/>
|
|
*** 高级用法：私信“新建[路径]”以指定加密路径，而非默认的随机路径。也可利用该功能恢复以前曾经用过的路径。限长度不超过16的小写字母串，示例：<br/>“@ask_me_bot 新建[hhhhhhh]”。</p>" data-html="true">提示</button>
|
|
</p>
|
|
<form class="form-inline" action="javascript:void(0);" onsubmit="return sendData()">
|
|
<div class="input-group mb-2 mr-sm-2">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">@</div>
|
|
</div>
|
|
<input type="text" class="form-control" id="username" placeholder="用户名" required="required" pattern="[A-Za-z0-9_]{1,30}(@[a-z\.-_]+)?">
|
|
</div>
|
|
<button id="send" type="submit" class="btn btn-primary mb-2">我已私信</button>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<hr/>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(function () {
|
|
$.notify.defaults({autoHideDelay: 1500});
|
|
$('[data-toggle="popover"]').popover()
|
|
})
|
|
|
|
function test() {alert('test');}
|
|
|
|
|
|
function sendData() {
|
|
$('#send')[0].disabled = true;
|
|
var data = {
|
|
username: $('#username')[0].value
|
|
};
|
|
$.ajax({
|
|
type:'POST',
|
|
url:'inbox',
|
|
data:data,
|
|
success:(result,status,xhr) => {
|
|
console.log(result+' : '+status);
|
|
$.notify("操作成功", "success");
|
|
location.pathname += result
|
|
},
|
|
error:(xhr,status,error) => {
|
|
$.notify(xhr.status+' : '+xhr.responseText, "error");
|
|
$('#send')[0].disabled = false;
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
</script>
|
|
|
|
<footer style="background-color:#000010;color:white;border-top: 1px solid white;margin-top:20px;padding-top:10px;">
|
|
<div class="footer" id="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
<img style="float:left;margin:0 15px 15px 5px;" src="/img/logo.svg" width="48px"/>
|
|
<h4> 闭社出品 closed.social </h4>
|
|
<p>隐私 安全 开源 分布式社交网络</p>
|
|
<p><b>重建清华校内封闭平台</b></p>
|
|
|
|
</div>
|
|
<div class="col-lg-3 col-sm-2 col-xs-3">
|
|
<h5> Contact / <small><a class="email" href="mailto:info@closed.social"> info@closed.social </a> </small></h5>
|
|
|
|
<h5> Code / <small><a class="web" href="//github.com/closed-social"> github.com/closed-social </a></small></h5>
|
|
|
|
<h5> Home / <small><a class="web" href="//closed.social">闭社</a></small> </h5>
|
|
</div>
|
|
<!--/.row-->
|
|
</div>
|
|
<!--/.container-->
|
|
</div>
|
|
<!--/.footer-->
|
|
|
|
<div>
|
|
<hr style="border-top: 1px solid white;"/>
|
|
<p style="font-size:85%;margin:0;text-align:center"> 灵感来自popi，特此致谢</p>
|
|
<p style="font-size:85%;margin:0;text-align:center"> 🄯 2020 Copyleft: closed.social</p>
|
|
</div>
|
|
</div>
|
|
<!--/.footer-bottom-->
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|