Added a banner and logo.

This commit is contained in:
Erik Brakkee 2024-08-07 23:09:40 +02:00
parent 7af8c2a09b
commit 727ba4d75a
4 changed files with 43 additions and 2 deletions

View File

@ -17,6 +17,7 @@ templ BasePage(tab int) {
<link rel="stylesheet" href="../static/css/bootstrap.min.css" <link rel="stylesheet" href="../static/css/bootstrap.min.css"
crossorigin="anonymous"> crossorigin="anonymous">
<link rel="stylesheet" href="../static/icons/font/bootstrap-icons.css"> <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"> <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> <title>Converge</title>
</head> </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> <!-- script>
htmx.logAll(); htmx.logAll();
</script --> </script -->
@ -58,7 +71,7 @@ templ BasePage(tab int) {
<script src="../static/js/bootstrap.bundle.min.js" <script src="../static/js/bootstrap.bundle.min.js"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<div class="container-fluid" hx-boost="true"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<nav class="navbar navbar-expand-sm navbar-light bg-light"> <nav class="navbar navbar-expand-sm navbar-light bg-light">

28
static/css/converge.css Normal file
View File

@ -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;
}

BIN
static/images/banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB