ec style fixes (#132)

* Fix admin menu

* Fix the 40x errors

* Improved spacing

* Do not depend on external image

ec-templates/401.html

@@ -1,33 +1,2 @@
 <!-- htmlhint doctype-first:false -->
-{% extends "error.html" %}
-{% block main %}
-<div class="error">
-  <h1>Unauthorized!</h1>
-  <p>
-    You are trying to access a restricted instance of the EGI Notebooks service.
-  </p>
-  <p>
-    Access requires a valid
-    <a href="https://docs.egi.eu/users/check-in/signup">EGI account</a>
-    and membership of one of the supported VOs.
-  </p>
-  <p>
-    If you think you should be granted access already, please open an issue in
-    <a href="https://ggus.eu">GGUS</a>
-  </p>
-  <p>
-    See
-    <a
-      href="https://docs.egi.eu/users/dev-env/notebooks/#notebooks-for-researchers/"
-    >
-      Documentation related to EGI Notebooks</a
-    >
-    about granting access. You can also
-    <a href="https://marketplace.eosc-portal.eu/services/egi-notebooks"
-      >place an order in EOSC portal</a
-    >
-    for the Notebooks service if you are interested in your own community
-    deployment.
-  </p>
-</div>
-{% endblock %}
+{% extends "403.html" %}

ec-templates/403.html

@@ -1,34 +1,18 @@
 <!-- htmlhint doctype-first:false -->
 {% extends "error.html" %}
-
 {% block main %}
-<div class="error">
+<div class="ecl-container ecl-u-mv-xl error">
   <h1>Unauthorized!</h1>
   <p>
-    You are trying to access a restricted instance of the EGI Notebooks service.
-  </p>
-  <p>
-    Access requires a valid
-    <a href="https://docs.egi.eu/users/check-in/signup">EGI account</a>
-    and membership of one of the supported VOs.
+    Access to European Open Science Cloud - EU Node Interactive Notebooks is
+    restricted to allowed users, please check your permissions at your
+    <a href="https://open-science-cloud.ec.europa.eu/">EU Node profile</a>
   </p>
   <p>
     If you think you should be granted access already, please open an issue in
-    <a href="https://ggus.eu">GGUS</a>
-  </p>
-  <p>
-    See
-    <a
-      href="https://docs.egi.eu/users/dev-env/notebooks/#notebooks-for-researchers/"
-    >
-      Documentation related to EGI Notebooks</a
-    >
-    about granting access. You can also
-    <a href="https://marketplace.eosc-portal.eu/services/egi-notebooks"
-      >place an order in EOSC portal</a
+    <a href="https://open-science-cloud.ec.europa.eu/support/helpdesk"
+      >the Helpdesk</a
     >
-    for the Notebooks service if you are interested in your own community
-    deployment.
   </p>
 </div>
 {% endblock %}

ec-templates/egi-login.html

@@ -16,7 +16,7 @@
             <picture class="ecl-picture ecl-banner__picture"
               ><img
                 class="ecl-banner__image"
-                src="https://open-science-cloud.ec.europa.eu/sites/default/files/styles/oe_theme_full_width/public/2024-04/EOSC-Visuals-Interactive-Notebooks-blue-2_0.jpg?itok=_FZmE9a9"
+                src="{{ static_url('images/EOSC-Visuals-Interactive-Notebooks-blue-2.jpg') }}"
                 alt="Interactive notebooks"
             /></picture>
             <div class="ecl-container">

ec-templates/page.html

@@ -235,7 +235,7 @@
               >Token</a
             >
           </li>
-          {% if 'admin-ui' in parsed_scopes %} {% endif %}
+          {% if 'admin-ui' in parsed_scopes %}
           <li
             class="ecl-mega-menu__item"
             data-ecl-mega-menu-item
@@ -250,6 +250,7 @@
             >
           </li>
           {% endif %}
+          {% endif %}
         </ul>
       </section>
     </div>