aspergerli/Webchance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refined CSS
All checks were successful
Release / publish (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
Gian Breitenstein 2024-10-03 17:49:37 +02:00
parent 2f7d1a03cb
commit 9d4f17e368
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/index.html
View File

@ -8,26 +8,25 @@
</head>
<link rel="stylesheet" href="style.css">
<body>
<h1>Pokemon catcher</h1>
<header>
<h1>Randomizer</h1>
</header>
<div class="labelcontainer">
<label>Chance</label>
<input type="number" id="Chance" name="Chance" min="10">
<input type="number" id="Chance" name="Chance" min="10" placeholder="Chance (at least 10)">
</div>
<div class="labelcontainer">
<label>Multiplicator</label>
<input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3">
<input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3" placeholder="Multiplicator (1-3)">
</div>
<div class="labelcontainer">
<label>name</label>
<input type="text" id="name" maxlength="15">
<input type="text" id="name" maxlength="15" placeholder="Name (optional)">
</div>
<div>
<input type="button" onclick="calcChanche()" value="Generate">
<input type="button" onclick="calcChanche()" value="Go">
</div>
<p id="won"></p>
<div>

22
static/style.css
View File

@ -1,17 +1,25 @@
header {
background-color: rgb(92, 112, 180);
margin: 0px 0px 2rem 0em;
padding: 1px;
}
body {
background-color: rgba(131, 143, 197, 0.986);
padding: 0px;
margin: 0px;
}
h1 {
font-size: 6.4em
}
.labelcontainer {
display: flex;
}
label {
display: block;
color: rgb(28, 17, 85);
min-width: 20rem;
font-size: 1.5rem;
}
input {
width: 10rem;
color: rgb(28, 17, 85);
background-color: rgb(92, 112, 180);
margin: 0.5em;
height: 2em;
width: 15em;
}
p {
color: rgb(28, 17, 85);