Merge pull request #44 from kkirara/icon

icon
kkirara · Feb 9, 2023 · 5ac18c9 · 5ac18c9
2 parents f5433bd + 837cf00
commit 5ac18c9
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 11 deletions.
diff --git a/KubeLinksScreen.png b/KubeLinksScreen.png
diff --git a/README.md b/README.md
@@ -6,4 +6,6 @@ KubeLinks provides a convenient web page with links to all urls presented in ing
 
 
 * Install
-  * [KubeLinks install on Kubernetes](https://kkirara.github.io/KubeLinks/)
+  * [KubeLinks install on Kubernetes](https://kkirara.github.io/KubeLinks/)
+
+![Screen](KubeLinksScreen.png)
diff --git a/kubelinks_app/home/templates/home.html b/kubelinks_app/home/templates/home.html
@@ -3,11 +3,12 @@
 KubeLinks
 {% endblock %}
 {% block content %}
-<div class="container">
-    <h2>Kubernetes links</h2>
-    <p>Ingress and Istio urls</p>
-    <div id="table" class="container w-100 p-3 mb-5 shadow rounded-2">
-        <table class="table table-striped table-hover  bg-body ">
+
+    <!-- <h2>Kubernetes links</h2> -->
+    <h2>Ingress and Istio urls</h2>
+    <p></p>
+    <div id="table" class="container p-1 w-100 mb-5 shadow rounded-2">
+        <table class="table table-striped table-hover bg-body ">
             <thead>
                 <tr>
                     <th scope="col">Url</th>
@@ -42,5 +43,4 @@ <h2>Kubernetes links</h2>
             </tbody>
         </table>
     </div>
-</div>
 {% endblock %}
diff --git a/kubelinks_app/static/images/favicon.svg b/kubelinks_app/static/images/favicon.svg
diff --git a/kubelinks_app/templates/layout.html b/kubelinks_app/templates/layout.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en" data-bs-theme="auto">
-
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>{% block title %}{% endblock %}</title>  
+  <title>{% block title %}{% endblock %}</title>
+  <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='images/favicon.svg') }}">
   <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
   <script src="{{ url_for('static', filename='js//color-modes.js') }}"></script>
 </head>
@@ -21,7 +21,14 @@
   </symbol>
 </svg>
 <body>
-  <header class="container">
+  <header class="bg-body-tertiary">
+    <nav class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container">
+      <a class="navbar-brand" href="#">
+        <img src="{{ url_for('static', filename='images/favicon.svg') }}" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
+        KubeLinks
+      </a>
+
     <ul class="nav justify-content-end">
       <li class="nav-item" style="margin-right: 0.5em!important;">
         <svg class="theme-icon" style="width: 1em; height: 1em; vertical-align: -0.125em; fill: currentcolor;">
@@ -39,8 +46,10 @@
         </svg>
       </li>
     </ul>
+  </div>
+</nav>
   </header>
-  <div class="body-content">
+  <div class="container mt-1">
     {% block content %}
     {% endblock %}
   </div>