diff options
author | Julian T <julian@jtle.dk> | 2021-04-16 19:09:03 +0200 |
---|---|---|
committer | Julian T <julian@jtle.dk> | 2021-04-16 19:09:03 +0200 |
commit | 1ae0e6723e8537835a1de27b7d08d213b712382a (patch) | |
tree | e6865f62d93171381b773aaf12c6e166b27be87a | |
parent | 2fb00855edf5db5dd7aa5e65494515e9c06f0967 (diff) |
Add favicon to page
-rw-r--r-- | index.html | 32 |
1 files changed, 26 insertions, 6 deletions
@@ -7,21 +7,41 @@ <style> body { - margin: 1em auto; + margin: 0px auto; max-width: 40em; padding: 0 .62em; font: 1.1em/1.2 serif; } +#header { + display: flex; + flex-direction: row; +} +#header-image { + display: flex; + margin-right: 1em; + align-items: center; +} +#logo { + object-fit: scale-down; + height: 3.5em; +} +#line-below-header { + margin-top: 0px; +} </style> </head> <body> - <h2>Julian T.</h2> - <!-- Not using these id for anything. But i like they are here --> - <div id="text"> - <p>This is just a small page containing some contact info etc.</p> + <div id="header"> + <div id="header-image"> + <img id="logo" src="/favicon.png"> + </div> + <div> + <h2>Julian T.</h2> + <p>This is just a small page containing some contact info etc.</p> + </div> </div> <div id="projects"> - <hr> + <hr id="line-below-header"> <h3>Stuff</h3> <p>Some small projects I have been working on.</p> <p><a href="https://git.jtle.dk/rendering/about">Rendering</a> | |