Browse Source

started work on navbar

master
Alessandro Mauri 12 months ago
parent
commit
b6f3be8918
3 changed files with 54 additions and 0 deletions
  1. +11
    -0
      src/_header.html
  2. BIN
      src/img/me.jpg
  3. +43
    -0
      src/styles.css

+ 11
- 0
src/_header.html View File

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

BIN
src/img/me.jpg View File

Before After
Width: 460  |  Height: 460  |  Size: 241 KiB

+ 43
- 0
src/styles.css View File

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