adrien/lotus
adrien/lotus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

améliorations

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-04-25 03:37:17 +02:00
parent 4f7abafe8f
commit 1758a6d7aa
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" /> <meta name="color-scheme" content="light dark" />
<title>LOTUS</title> <title>LOTUS</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css"/>
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<main class="container"> <main>
<h1>L<img src="favicons/favicon-32x32.png" alt="O">TUS</h1> <h1>L<img src="favicons/favicon-32x32.png" alt="O">TUS</h1>
<div id="grille"></div> <div id="grille"></div>
</main> </main>

9
style.css
View File

@ -1,5 +1,11 @@
:root {
font-size: 125%;
--pico-typography-spacing-vertical: 1.1em;
}
h1 { h1 {
text-align: center; text-align: center;
filter: drop-shadow(0.08em 0.06em #8888);
} }
h1 img { h1 img {
@ -17,7 +23,7 @@ h1 img {
} }
#grille input[type=text] { #grille input[type=text] {
font-size: 2em; font-size: 1.5em;
text-transform: capitalize; text-transform: capitalize;
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
@ -33,6 +39,5 @@ h1 img {
.lettre-mal-placee { .lettre-mal-placee {
background-image: radial-gradient(ellipse at center, #FFBF00A0 70%, transparent 70%); background-image: radial-gradient(ellipse at center, #FFBF00A0 70%, transparent 70%);
background-origin: border-box-box;
background-repeat: no-repeat; background-repeat: no-repeat;
} }