Added a banner and logo.

2024-08-07 23:09:40 +02:00 · 2024-08-07 23:09:40 +02:00 · 727ba4d75a
commit 727ba4d75a
parent 7af8c2a09b
4 changed files with 43 additions and 2 deletions
--- a/pkg/server/templates/basepage.templ
+++ b/pkg/server/templates/basepage.templ
@ -17,6 +17,7 @@ templ BasePage(tab int) {
        <link rel="stylesheet" href="../static/css/bootstrap.min.css"
              crossorigin="anonymous">
        <link rel="stylesheet" href="../static/icons/font/bootstrap-icons.css">
+        <link rel="stylesheet" href="../static/css/converge.css">

        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

@ -26,7 +27,19 @@ templ BasePage(tab int) {

        <title>Converge</title>
    </head>
-    <body>
+    <body hx-boost="true">
+    <div id="banner">
+        <img src="../static/images/wamblee_logo.png" />
+        <span class="title fs-4">
+            converge
+         <br/>
+         <span class="fs-5">a rendez-vous server for debugging continuous integration jobs<sup class="small">*</sup>
+         </span>
+         <br/>
+         <span class="verysmall text-muted">* not written in java</span>
+        </span>
+    </div>
+
    <!-- script>
    htmx.logAll();
    </script -->
@ -58,7 +71,7 @@ templ BasePage(tab int) {
    <script src="../static/js/bootstrap.bundle.min.js"
            crossorigin="anonymous"></script>

-    <div class="container-fluid" hx-boost="true">
+    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <nav class="navbar navbar-expand-sm navbar-light bg-light">
--- a/static/css/converge.css
+++ b/static/css/converge.css
@ -0,0 +1,28 @@
+/* banner */
+
+#banner {
+    background: url(../images/banner.png);
+    height: 150px;
+    width: 100%;
+}
+
+#banner img {
+    float: left;
+    margin: 0;
+    border: medium none;
+}
+
+#banner .title {
+    display: block;
+    font-size: 16px;
+    position: absolute;
+    text-align: center;
+
+    top: 10px;
+    left: 200px;
+    width: 600px;
+}
+
+#banner .verysmall {
+    font-size: 0.4em;
+}
--- a/static/images/banner.png
+++ b/static/images/banner.png
--- a/static/images/wamblee_logo.png
+++ b/static/images/wamblee_logo.png