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