maddiebusig/ultra-powerbutton-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add power button

Browse Source
This commit is contained in:
Madeline Busig 2026-02-22 05:02:13 -08:00
parent a0a385a50b
commit fb54ef651b
2 changed files with 42 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
css/powerButton.css Normal file
View File

@ -0,0 +1,37 @@
html, body {
border: 2px solid blue;
width: 100%;
height: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
#canvas {
width: 80%;
height: 80%;
border: 2px solid green;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
#title {
border: 2px solid red;
margin: 0;
text-align: center;
}
#powerButton {
border: 2px solid blue;
height: 60%;
}

13
index.html
View File

@ -14,14 +14,11 @@
<title>Hello from Electron renderer!</title>
</head>
<body>
<h1>Hello from Electron renderer!</h1>
<p>👋</p>
<button class="echoButton">
ECHO
</button>
<button class="echoButton">
ECHO 2
</button>
<div id="canvas">
<h1 id="title">Ultra PowerButton Pro</h1>
<input id="powerButton" type="image" class="echoButton" src="resource/logo1080.png" id="baz"/>
</div>
</body>
<script src="pagejs/echo_button.js"></script>
<link rel="stylesheet" href="css/powerButton.css" />
</html>