self contain htmls

This commit is contained in:
Cat /dev/Nulo 2023-11-08 05:17:15 -03:00
parent 423920637c
commit f2ae37b059
6 changed files with 41 additions and 55 deletions

View file

@ -5,5 +5,7 @@
<link rel="stylesheet" href="https://nulo.ar/center.css" /> <link rel="stylesheet" href="https://nulo.ar/center.css" />
<title>502 me caí :(</title> <title>502 me caí :(</title>
<h1>Me caí :( mala puerta de enlace</h1> <body style="margin: auto">
<img src="se-cayó.jpg" alt="Estx servidorx caídx al lado de unx que no" /> <h1>Me caí :( mala puerta de enlace</h1>
<img src="se-cayó.jpg" alt="Estx servidorx caídx al lado de unx que no" />
</body>

View file

@ -2,6 +2,25 @@
<meta charset="utf8" /> <meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="aaaaaaaaaaaaaaaaaaaaaaaaaaarainbow.html.css" /> <link rel="stylesheet" href="aaaaaaaaaaaaaaaaaaaaaaaaaaarainbow.html.css" />
<style>
body {
background: white;
color: #111;
font-family: sans-serif;
}
* {
margin: 0;
padding: 0;
}
html {
overflow: hidden;
}
#controls {
position: absolute;
}
</style>
<title>atr</title> <title>atr</title>
<div id="controls"> <div id="controls">
@ -15,27 +34,11 @@
</div> </div>
<div class="coso"> <div class="coso">
<label for="diff-x">diff x</label> <label for="diff-x">diff x</label>
<input <input name="diff-x" id="diff-x" type="range" min="-100" max="100" step="0.1" value="10" />
name="diff-x"
id="diff-x"
type="range"
min="-100"
max="100"
step="0.1"
value="10"
/>
</div> </div>
<div class="coso"> <div class="coso">
<label for="diff-y">diff y</label> <label for="diff-y">diff y</label>
<input <input name="diff-y" id="diff-y" type="range" min="-100" max="100" step="0.1" value="10" />
name="diff-y"
id="diff-y"
type="range"
min="-100"
max="100"
step="0.1"
value="10"
/>
</div> </div>
</div> </div>

View file

@ -1,17 +0,0 @@
body {
background: white;
color: #111;
font-family: sans-serif;
}
* {
margin: 0;
padding: 0;
}
html {
overflow: hidden;
}
#controls {
position: absolute;
}

View file

@ -1,3 +0,0 @@
body {
margin: auto;
}

View file

@ -2,7 +2,22 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://nulo.in/drip.css" /> <link rel="stylesheet" href="https://nulo.in/drip.css" />
<link rel="stylesheet" href="timer.html.css" /> <style>
body {
display: flex;
min-height: 100vh;
justify-content: center;
align-items: center;
padding: 0;
}
main {
text-align: center;
padding: 0 1em;
}
input {
width: 5em;
}
</style>
<title>Timer de guita</title> <title>Timer de guita</title>
<main> <main>

View file

@ -1,14 +0,0 @@
body {
display: flex;
min-height: 100vh;
justify-content: center;
align-items: center;
padding: 0;
}
main {
text-align: center;
padding: 0 1em;
}
input {
width: 5em;
}