Auto-hebergement_rdelaage
/
rdelaage.ovh
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Ajout du logo

This commit is contained in:
Romain de Laage 2020-01-30 19:02:17 +01:00
parent 67335bdb70
commit bd089c8490
3 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -4,16 +4,18 @@
<title>Site vitrine - Romain de Laage</title>
<meta charset="utf8" />
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="logo2.svg" />
</head>
<body>
<header>
<h1>Romain de Laage</h1>
<h1><img src="logo2.svg" alt="logo" />Romain de Laage</h1>
</header><nav>
<ul>
<a href="https://cloud.rdelaage.ovh"><li>Cloud</li></a>
<a href="https://dev.rdelaage.ovh"><li>Développement</li></a>
<a href="https://rdelaage.ovh/cv"><li>CV</li></a>
</ul>
<div class="logo"><img src="logo2.svg" alt="logo" /></div>
</nav><section>
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">

8
logo2.svg Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
<g transform="translate(55,37)" id="content">
<rect ry="5" rx="5" y="0" x="0" height="150" width="50" fill="#f6b93b" />
<rect ry="5" rx="5" y="0" x="65" height="90" width="50" fill="#1e3799" />
<circle r="25" cy="125" cx="90" fill="#eb2f06" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 392 B

17
style.css
View File

@ -14,6 +14,11 @@ header{
text-align:center;
line-height: 100px;
}
header h1 img{
height: 70px;
width: auto;
vertical-align: middle;
}
nav{
display: inline-block;
height: calc(100% - 150px);
@ -44,9 +49,9 @@ footer{
line-height: 50px;
color: #ecf0f1;
}
rect, circle{
transition: 0.3s;
fill: #D0D0D0;
nav .logo img{
width: 50%;
height: auto;
}
#yellow:hover{
fill: #f6b93b;
@ -64,9 +69,13 @@ nav li{
nav li:hover{
background-color: rgba(255, 255, 255, 0.3);
}
section .logo{
.logo{
text-align: center;
}
section rect, section circle{
transition: 0.3s;
fill: #D0D0D0;
}
a{
color: #C0C0C0;
}