diff --git a/templates/login.html b/templates/login.html index f7fcc01fe0dff0f791e79182416f2901a0381628..36fd69f939241e42ac09bd12fe129a7bd570c170 100644 --- a/templates/login.html +++ b/templates/login.html @@ -34,74 +34,6 @@ {%- endmacro -%} {%- block main -%} -<!-- -<div class="row g-0 h-100 justify-content-center"> - <div class="col-12 col-lg-4 order-lg-1"> - <div id="login-div" class="d-flex flex-column bg-secondary h-100"> - <div id="upper-login-div" class="d-flex flex-column justify-content-center mx-auto p-4"> - <h3>Jupyter4NFDI</h3> - <p class="fs-5"> - A central JupyterHub providing access to various software stacks - and computing resources across the NFDI consortia. - <br><br> - Log in is currently possible via Helmholtz AAI. Once <a href="https://nfdi-aai.de/" target="_blank">IAM4NFDI</a> is ready, we will use this AAI instead. - The resources you can use depend on the selected Identity Provider. - <br><br> - If you are an administrator and would like to add your resources to this central JupyterHub, feel free to <a href="mailto:ds-support@fz-juelich.de">contact</a> us. - </p> - </div> - <div id="lower-login-div" class="bg-info"> - <div class="d-flex justify-content-center align-items-center mx-auto p-4"> - <a id="btn-login" class="btn btn-primary" role="button">Login</a> - <div class="white-line"></div> - <img src='{{static_url("images/pages/login/User.svg", include_version=False) }}' /> - </div> - </div> - </div> - </div> - - <div class="col-12 col-lg-8 order-lg-0"> - <div id="carousel-background" class="d-flex align-items-center h-100"> - <div id="login-carousel" class="carousel slide d-flex justify-content-center w-100" data-bs-ride="carousel"> - <div class="carousel-indicators"> - <button type="button" data-bs-target="#login-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> - <button type="button" data-bs-target="#login-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button> - <button type="button" data-bs-target="#login-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button> - </div> - <div class="carousel-inner"> - {{ carousel_item("Jupyter Notebooks", "https://jupyter-notebook.readthedocs.io/en/stable/notebook.html", - "Share your Workflows", "Jupyter4NFDI allows you to create and share documents that contain - live code, equations, visualizations and explanatory text. Uses include: data cleaning and transformation, - numerical simulation, statistical modeling, machine learning and much more.", "active") - }} - - {{ carousel_item("JupyterLab", "https://jupyterlab.readthedocs.io", "Next-Generation Notebook Interface", - "Jupyter4NFDI gives access to JupyterLab, a web-based interactive development environment for Jupyter - notebooks, code, and data. JupyterLab is flexible: configure and arrange the user interface to support a - wide range of workflows in data science, scientific computing, and machine learning. JupyterLab is extensible - and modular: write plugins that add new components and integrate with existing ones.") - }} - - {{ carousel_item("JupyterHub", "https://jupyterhub.readthedocs.io", "Serving Jupyter Notebooks for Multiple - Users", "Jupyter4NFDI is a JupyterHub to serve Jupyter notebooks for multiple users. It can be used in - classes of students, a corporate data science group or scientific research group. It is a multi-user hub - that spawns, manages, and proxies multiple instances of the single-user Jupyter notebook server.") }} - </div> - - <button class="carousel-control-prev" type="button" data-bs-target="#login-carousel" data-bs-slide="prev"> - <span class="carousel-control-prev-icon" aria-hidden="true"></span> - <span class="visually-hidden">Previous</span> - </button> - <button class="carousel-control-next" type="button" data-bs-target="#login-carousel" data-bs-slide="next"> - <span class="carousel-control-next-icon" aria-hidden="true"></span> - <span class="visually-hidden">Next</span> - </button> - </div> - </div> - </div> -</div> ---> - <div class="row g-0 h-100 justify-content-center"> <div id="login-background" class="col-12 flex-column d-flex justify-content-center align-items-center h-100"> <div class="container d-flex border shadow rounded-3 bg-light py-5">