started work on navbar

master
Alessandro Mauri 4 years ago
parent 50b35683d5
commit b6f3be8918
  1. 11
      src/_header.html
  2. BIN
      src/img/me.jpg
  3. 43
      src/styles.css

@ -1,2 +1,13 @@
<title>Mauri's website</title>
<link rel="stylesheet" href="styles.css">
<div class="header">
<div id="thumb-container">
<img src="img/me.jpg" alt="me" id="thumb">
</div>
<div id="links">
<a href="./">Home</a>
<a href="https://git.alemauri.eu/alema">Gitea<a>
<a href="https://github.com/gunboy001">Github<a>
</div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

@ -61,3 +61,46 @@ footer p {
margin: 0px;
font-size: 1em;
}
/* Header style */
#thumb {
position: absolute;
border-radius: 50%;
max-height: 80%;
max-width: 80%;
width: auto;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#thumb-container {
position: relative;
height: 80px;
width: 80px;
float: left;
padding-right: 40px;
}
#links {
float: left;
overflow: hidden;
}
#links a {
letter-spacing: normal;
padding-right: 10px;
font-weight: bold;
}
.header {
height: 80px;
text-align: left;
line-height: 80px;
font-size: 1.25em;
border: 1px solid black;
overflow: hidden;
}

Loading…
Cancel
Save