Commit a2504bc5 authored by N07070's avatar N07070
Browse files

On as une base. Le soucis c'est que le Pi du logo officiel est très dur à refaire en CSS.

parent ff963e83
# lqdn-css # lqdn-css
Le logo de la Quadrature du Net en CSS. Le logo de la Quadrature du Net en CSS.
\ No newline at end of file
File added
@font-face {
font-family: LQDN;
src: url(font.ttf);
font-weight: bolder;
}
html {
background-color: grey;
}
#lqdn-logo {
height: 10em;
width: 10em;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
background-color: white;
}
#fond {
background-color: black;
width: inherit;
height: inherit;
}
#cercle {
width: 8.3em;
height: 8.3em;
display: block;
padding: auto;
overflow: visible;
background-color: black;
border-radius: 10em;
border-color: white;
border-width: 1em;
border-style: solid;
}
#pi {
font-family: LQDN;
color: white;
font-size: 6em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="all" href="lqdn-logo.css" />
<title>LQDN - CSS</title>
</head>
<body>
<div id="lqdn-logo">
<div id="fond">
<div id="cercle">
<div id="pi">π</div>
</div>
</div>
</div>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment