Browse Source

Add header logo

master
Dylan Baker 3 years ago
parent
commit
c8960e49bf
1 changed files with 18 additions and 0 deletions
  1. 18
    0
      templates/layout.html

+ 18
- 0
templates/layout.html View File

43
       }
43
       }
44
 
44
 
45
       .header {
45
       .header {
46
+        display: flex;
47
+        justify-content: space-between;
46
         margin: 1em 0;
48
         margin: 1em 0;
47
       }
49
       }
48
 
50
 
51
+      .header__logo {
52
+        background: #ffffff;
53
+        border: 1px solid #383e37;
54
+        font-size: 14px;
55
+        font-style: italic;
56
+        font-weight: bold;
57
+        letter-spacing: 2px;
58
+        padding: 0.25em 0.5em;
59
+        text-decoration: none;
60
+      }
61
+
62
+      .header__logo:hover {
63
+        background: #f0f0f0;
64
+      }
65
+
49
       .form__field {
66
       .form__field {
50
         margin: 1em 0;
67
         margin: 1em 0;
51
       }
68
       }
127
   <body>
144
   <body>
128
     <div class="container">
145
     <div class="container">
129
       <header class="header">
146
       <header class="header">
147
+        <a class="header__logo" href="/">bwoo://</a>
130
         {% if logged_in %}
148
         {% if logged_in %}
131
         <form action="/logout" method="POST">
149
         <form action="/logout" method="POST">
132
           <input class="btn" type="submit" value="Log out" />
150
           <input class="btn" type="submit" value="Log out" />

Loading…
Cancel
Save