.gitignore

-cilogon_idp_selector.txt
\ No newline at end of file
+cilogon_idp_selector.txt
+style.min.css
+style.min.css.map
+.DS_Store
\ No newline at end of file

login.html

@@ -2,25 +2,35 @@
 {# https://github.com/jupyterhub/jupyterhub/issues/1385#issuecomment-738447175 #}
 {% extends "templates/login.html" %}
 
-{% set announcement = 'We are testing customized pages' %}
+{% set announcement = 'We are testing customized style / The server works the same way as before' %}
 {% set csusb_hub_title = 'Welcome to Cal State San Bernardino JupyterHub' %}
-{% set csusb_cilogon = 'The following login process uses CSUSB\'s DUO login system' %}
+{% set csusb_cilogon = 'The login process (the orange button) uses CSUSB\'s DUO system' %}
 
 {% block login %}
-<div class="container text-center csusb">
-    <h1>{{ csusb_hub_title  }}</h1>
-    <h4>
+<div class="container text-center">
+    <h2>{{ csusb_hub_title  }}</h2>
+    <h5>
         <p>{{ csusb_cilogon | safe }}</p>
-        <p>Visit <a href="https://www.csusb.edu/high-performance-computing" target="_blank">CSUSB High Performance Computing Initiative</a> for more information
-        </p>
-    </h4>
+        {# <p>Visit <a href="https://www.csusb.edu/high-performance-computing" target="_blank">CSUSB High Performance Computing Initiative</a> for more information about CSUSB HPCI 
+        </p> #}
+    </h5>
 </div>
+<p> &nbsp </p>
+<p> &nbsp </p>
+<p> &nbsp </p>
 {{ super() }}
+<p> &nbsp </p>
 <div id="login-cilogon-info" class="service-login">
-    <h5>
-    <p>Be sure to choose <strong>California State University San Bernerdino</strong> on the next page instead of <strong>ORCID</strong> or something else</p>
+    <h5>      
+    <p>Be sure to choose <ins>California State University San Bernardino</ins> on the next page instead of <del>ORCID</del>
     </h5>
 </div>
+<div class="container text-center">
+<details>
+    <summary>Click here for more details</summary>
+    <img id="idp_selector_info" style="width: 70%" src="{{ static_url("select_idp_cilogon.png") }}" alt="CILogon-CSUSB-Select">
+</details>
+</div>
 {% endblock %}
 
 {% block stylesheet %}
@@ -31,10 +41,20 @@
     height: 100%;
 }
 #login-cilogon-info{
-    margin-top: 1%;
-    margin-left: auto;
-    margin-right: auto;
-    height: 100%;
+    text-align: center;
+    display: table;
+    vertical-align: middle;
+    margin: 1% auto auto auto;
+    padding-left: 0%;
+    width: 380px;
+}
+#idp_selector_info {
+    max-width:100%;
+    height:auto;
+    max-height:100%;
+}
+p.extra-space {
+    line-height: 0.7;
 }
 </style>
 {% endblock %}
\ No newline at end of file

page.html

+{% extends "templates/page.html" %}
+
+{% block stylesheet %}
+{{ super() }}
+<style>
+.footer-bottom {
+    position: auto;
+    bottom: 0px;
+    text-align: center;
+    width: 100%;
+    z-index: -1;
+}
+</style>
+{% endblock %}
+
+{% block footer %}
+<p> &nbsp <br> &nbsp </p>
+<p> &nbsp <br> &nbsp </p>
+<div class="footer-bottom">
+    <hr style="width:30%; margin-bottom: 5px;">
+    <p style="font-size: 80%">This JupyterHub is provided by the <a href="https://www.csusb.edu/high-performance-computing" target="_blank">High Performance Computing Initiative </a><br/> 
+    at California State Univeristy San Bernardino
+    </p></div>
+{% endblock %}
+

spawn_pending.html

 {% extends "templates/spawn_pending.html" %}
-
 {% block message %}
-{{ super() }}
-<p>This step may take several minutes.</p>
-<p>Most of the time, the issue or delay is related to the server (upgrading or temporary maintanance).</p>
-<p>For errors lasting for an extended period of time, please contact one of the <a href="https://www.csusb.edu/high-performance-computing#team" target="_blank">CSUSB HPCI team members</a>.</p>
-<br>
-{% for scope in allowed_scopes %}
-    {{ scope }}
-{% endfor %}
-<br>
-{% endblock %}
+{# {{ super() }} #}
+<p>Your server is starting up and it may take several minutes</p>
+<p>Most issues are related to the server upgrade or temporary maintanance</p>
+<p>If it does not start for an extended period of time, <br> please contact one of the <a href="https://www.csusb.edu/high-performance-computing#team" target="_blank">CSUSB HPCI team members</a></p>
+<p> &nbsp <br> &nbsp </p>
+{% endblock %}
\ No newline at end of file