Update login.html

login.html

@@ -1,21 +1,20 @@
 {% extends "page.html" %}
 
+
 {% block stylesheet %}
 {% endblock %}
 
 {% block site %}
+
 <div id="jupyter-main-app" class="container">
+    
     <img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face Logo">
-    <h4>You can just run here or duplicate this Space to run it private.</h4>
-    <br>
-    <a class="duplicate-button" style="display:inline-block" target="_blank" href="https://huggingface.co/spaces/DockerTemplates/jupyterlab?duplicate=true">     
-        <img style="margin: 0" src="https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&amp;style=flat&amp;logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&amp;logoWidth=14" alt="Duplicate Space">
-    </a>
-    <br><br>
-    <h4>The default token is <span style="color:orange;">huggingface</span></h4>
-    <h4>You can keep all settings default</h4>
-
+    <h4>Welcome to JupyterLab</h4>
+    
+    <h5>The default token is <span style="color:orange;"> the one I told you </span></h5>
+  
     {% if login_available %}
+    {# login_available means password-login is allowed. Show the form. #}
     <div class="row">
         <div class="navbar col-sm-8">
             <div class="navbar-inner">
@@ -24,12 +23,14 @@
                         <form action="{{base_url}}login?next={{next}}" method="post" class="navbar-form pull-left">
                             {{ xsrf_form_html() | safe }}
                             {% if token_available %}
-                            <label for="password_input"><strong>Token:</strong></label>
+                            <label for="password_input"><strong>{% trans %}Jupyter token <span title="This is the secret you set up when deploying your JupyterLab space">ⓘ</span> {% endtrans
+                                    %}</strong></label>
                             {% else %}
-                            <label for="password_input"><strong>Password:</strong></label>
+                            <label for="password_input"><strong>{% trans %}Jupyter password:{% endtrans %}</strong></label>
                             {% endif %}
                             <input type="password" name="password" id="password_input" class="form-control">
-                            <button type="submit" class="btn btn-default" id="login_submit">Log in</button>
+                            <button type="submit" class="btn btn-default" id="login_submit">{% trans %}Log in{% endtrans
+                                %}</button>
                         </form>
                     </div>
                 </div>
@@ -37,11 +38,13 @@
         </div>
     </div>
     {% else %}
-    <p>No login available, you shouldn't be seeing this page.</p>
+    <p>{% trans %}No login available, you shouldn't be seeing this page.{% endtrans %}</p>
     {% endif %}
 
-    <p>This template was created by <a href="https://twitter.com/camenduru" target="_blank">camenduru</a> and others.</p>
-
+      <h5>If you don't have the credentials for this Jupyter space, <a target="_blank" href="https://huggingface.co/spaces/SpacesExamples/jupyterlab?duplicate=true">create your own.</a></h5>
+    <br>
+  
+    <p>This template was created by <a href="https://twitter.com/camenduru" target="_blank" >camenduru</a> and <a href="https://huggingface.co/nateraw" target="_blank" >nateraw</a>, with contributions of <a href="https://huggingface.co/osanseviero" target="_blank" >osanseviero</a> and <a href="https://huggingface.co/azzr" target="_blank" >azzr</a> </p>
     {% if message %}
     <div class="row">
         {% for key in message %}
@@ -51,22 +54,15 @@
         {% endfor %}
     </div>
     {% endif %}
+    {% if token_available %}
+    {% block token_message %}
+    
+    {% endblock token_message %}
+    {% endif %}
 </div>
+
 {% endblock %}
 
-//{% block script %}
-//<script>
-// 自动填入 token 并自动登录
-//window.onload = function () {
-//    const token = "GeoAgent";  // 你可以改成自己的 token
-//    const input = document.getElementById("password_input");
-//    const button = document.getElementById("login_submit");
-//    if (input && button) {
-//        input.value = token;
-//        setTimeout(() => {
-//            button.click();
-//        }, 500); // 等页面渲染后再点击
-//    }
-//};
-//</script>
-//{% endblock %}
+
+{% block script %}
+{% endblock %}