diff --git a/static/ask.html b/static/ask.html
index cc08221..c0bb591 100644
--- a/static/ask.html
+++ b/static/ask.html
@@ -14,7 +14,14 @@
 		<style>
 		.popover-header {
 		    color:black;
-		 }
+		}
+		.popover-body {
+		    max-height: 250px;
+		    overflow-y: auto;
+		}
+		.tooltip.show p {
+		    text-align:left;
+		}
 @keyframes downn {
 	0% {
 		transform: translate(0px, 0px);
@@ -32,10 +39,13 @@
 	<body style="background-color: #001a37;color:#e8e8e8">
 		<div class="container" style="max-width:900px;" >
 
-
 			<div style="text-align:center; margin: 25px 0">
+			<a href="##" data-toggle="tooltip" style="color:white;text-decoration: none;">
+			<div>
 				<img align='center' src='/img/logo-text.svg' width=96px/>
 				<h1 align='center'>匿名提问箱</h1>
+		    </div>
+			</a>
 				<hr/>
 
 				<p>提问无需登陆，真正匿名<br/>
@@ -47,7 +57,7 @@
 
 			<div style="text-align:center; margin:1%">
 
-				<p><a type="button" class="btn btn-primary btn-lg" href="/askMe/#start">创建提问箱</a></p>
+				<p><a type="button" class="btn btn-primary btn-lg" href="#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>
@@ -61,20 +71,24 @@
 
 			<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>
+			<div id="start" style="margin:30px auto;padding:15px;border: 1px dashed white;border-radius:15px; max-width:400px;">
+				<p>输入闭社id并前往闭社私信 <b>@ask_me_bot</b> “新建”，然后点击下方按钮，即可新建或重置提问箱。 
+				    <a href="##" role="button"data-toggle="popover" >
+				    <svg width="20px" viewBox="0 0 24 28"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2H8a4 4 0 0 1 4-4a4 4 0 0 1 4 4a3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10z" fill="#626262"/></svg>
+				    </a>
 				</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\.-_]+)?">
+				<form class="form-row" action="javascript:void(0);" onsubmit="return sendData()">
+					<div class="col">
+					    <div class="input-group mb-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>
+                    </div>
+					<div class="col-auto">
+					    <button id="send" type="submit" class="btn btn-primary mb-2">我已私信</button>
 					</div>
-					<button id="send" type="submit" class="btn btn-primary mb-2">我已私信</button>
 				</form>
 				
 			</div>
@@ -86,12 +100,19 @@
 		<script type="text/javascript">
 
 $(function () {
-$.notify.defaults({autoHideDelay: 1500});
-$('[data-toggle="popover"]').popover()
-})
-
-function test() {alert('test');}
-
+    $.notify.defaults({autoHideDelay: 1500});
+    $('[data-toggle="tooltip"]').tooltip({
+        html: true,
+        title: "<p style='text-align:left'>相比“闭社的新功能”，我更乐意这被理解为一位闭社用户在闭社平台上搞的一个新玩具。毕竟做这个匿名提问箱，我只是在闭社注册了一个bot，没有用到任何特别的权限或者资源，没有涉及任何闭社内部代码。（为了省事用了和闭社相同的服务器和域名，但这完全可以换成别的）<br/><br/>希望未来有更多人利用闭社现成的身份认证和开放的开发环境，做出各种各样有意思的东西。"
+    });
+    $('[data-toggle="popover"]').popover({
+        html: true,
+        placement: "top",
+        trigger: "focus",
+        title: "提示",
+        content: "<p>- 已建立过提问箱的情况下再次执行该步骤将重置链接，已有的提问不受影响。可通过重置后并不再分享新链接来实现关闭提问箱。</p><p>- 校友站用户请使用完整用户名而非本地用户名，例如 @somebody@tha.closed.social。</p><p>- 高级用法：私信“新建[路径]”以指定加密路径，而非默认的随机路径。也可利用该功能恢复以前曾经用过的路径。限长度不超过16的小写字母串，示例：<br/>“@ask_me_bot 新建[hhhhhhh]”。</p><img src='/img/pm.jpg' width=100% />"
+    });
+});
 
 function sendData() {
 	$('#send')[0].disabled = true;
diff --git a/templates/inbox.html b/templates/inbox.html
index d560c04..7aa3036 100644
--- a/templates/inbox.html
+++ b/templates/inbox.html
@@ -113,5 +113,39 @@
             </script>
 
 	</div>
+	
+	<footer style="background-color:#000010;color:white;border-top: 1px solid white;margin-top:80px;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>
