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

a2504bc5 · N07070 · ff963e83 · a2504bc5 · a2504bc5 · a2504bc5
Commit a2504bc5 authored Oct 26, 2020 by N07070
--- a/README.md
+++ b/README.md
 # lqdn-css

-Le logo de la Quadrature du Net en CSS.
\ No newline at end of file
+Le logo de la Quadrature du Net en CSS.
--- a/font.ttf
+++ b/font.ttf
--- a/lqdn-logo.css
+++ b/lqdn-logo.css
+@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;
+}
--- a/lqdn-logo.html
+++ b/lqdn-logo.html
+<!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>