python fall back jonas predlagam da greva raje v pythonu delat

This commit is contained in:
2026-04-17 13:05:00 +02:00
parent ebe4350e92
commit 6d9f744381
7 changed files with 190 additions and 87 deletions

View File

@@ -6,20 +6,95 @@
<title>brum brum</title>
<link type="text/css" rel="stylesheet" href="./style.css">
</head>
<style>
body {
background-color: #3a3a3a;
}
.button {
position: absolute;
width: 200px;
height: 200px;
border-radius: 25px;
font-size: 100px;
background-color: #8a0261;
border: none;
color: rgba(255, 255, 255, 0.92);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
button.button:hover{
background-color: #bb0284;
}
button.button:active{
background-color: #d10594;
}
#dalinec {
display: block;
margin: auto;
margin-top: 100px;
background-color: #333;
border-radius: 25px;
width: 800px;
height: 800px;
position: relative;
}
#levo {
left: 25%;
top: 50%;
transform: translate(-50%, -50%);
}
#desno {
left: 75%;
top: 50%;
transform: translate(-50%, -50%);
}
#gor {
left: 50%;
top: 25%;
transform: translate(-50%, -50%);
}
#dol {
left: 50%;
top: 75%;
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
#dalinec {
width: 90vw;
height: 90vw;
}
.button {
width: 20vw;
height: 20vw;
font-size: 8vw;
}
}
</style>
<body>
<div id="dalinec">
<button class="button" id="levo">
</button>
<button class="button" id="gor">
</button>
<button class="button" id="dol">
</button>
<button class="button" id="desno">
</button>
<form method="get" action="left">
<button class="button" id="levo" type="submit" value="left">
</button>
</form>
<form method="get" action="up">
<button class="button" id="gor" type="submit" value="up">
</button>
</form>
<form method="get" action="down">
<button class="button" id="dol" type="submit" value="down">
</button>
</form>
<form method="get" action="right">
<button class="button" id="desno" type="submit" value="right">
</button>
</form>
</div>
</body>
</html>
</html>