feat #6: Add logo to all page headers

This commit is contained in:
Melora Hugues 2023-10-21 23:46:06 +02:00
parent 8852e3de52
commit cd44b05547
2 changed files with 24 additions and 1 deletions

View file

@ -0,0 +1,14 @@
body {
margin: 0;
}
.site-header {
width: 100%;
display: flex;
padding: 10px;
margin-bottom: 40px;
.site-logo img {
height: 100px;
}
}

View file

@ -7,6 +7,8 @@
<title>PolyculeConnect</title> <title>PolyculeConnect</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/style/index.css">
<link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
@ -17,3 +19,10 @@
</head> </head>
<body> <body>
<div class="site-header">
<div class="site-logo">
<img src="/static/img/logo-text.png" alt="PolyculeConnect website logo">
</div>
</div>