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

Compare commits

base: maddiebusig:d167e028a31f0ce63f4374e25f986033d5235925
Branches Tags
maddiebusig:trunk
..
compare: maddiebusig:fb54ef651b7f6642a3b30d069fcc45d3693b507b
Branches Tags
maddiebusig:trunk

2 Commits
d167e028a3 ... fb54ef651b

Author SHA1 Message Date
Madeline Busig
fb54ef651b Add power button 2026-02-22 05:02:13 -08:00
Madeline Busig
a0a385a50b Add rasterized logo, change color to blue 2026-02-22 05:01:49 -08:00
4 changed files with 45 additions and 11 deletions
Show Stats 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>

6
resource/logo.svg
View File

@ -25,7 +25,7 @@
inkscape:document-units="mm" inkscape:document-units="mm"
showgrid="true" showgrid="true"
inkscape:zoom="2.9887138" inkscape:zoom="2.9887138"
inkscape:cx="78.963733" inkscape:cx="49.185037"
inkscape:cy="99.541147" inkscape:cy="99.541147"
inkscape:window-width="1536" inkscape:window-width="1536"
inkscape:window-height="888" inkscape:window-height="888"
@ -56,12 +56,12 @@
id="layer1"> id="layer1">
<path <path
id="path1" id="path1"
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1" style="display:inline;fill:none;fill-opacity:1;stroke:#1b8dff;stroke-width:5;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="path1" inkscape:label="path1"
d="m 7.929138,22.070911 c 1.875305,1.875351 4.418771,2.928948 7.070886,2.92902 5.522775,-5.1e-5 9.999856,-4.477132 9.999907,-9.999907 -7.2e-5,-2.652115 -1.053669,-5.195581 -2.92902,-7.070886" d="m 7.929138,22.070911 c 1.875305,1.875351 4.418771,2.928948 7.070886,2.92902 5.522775,-5.1e-5 9.999856,-4.477132 9.999907,-9.999907 -7.2e-5,-2.652115 -1.053669,-5.195581 -2.92902,-7.070886"
sodipodi:nodetypes="cccc" /> sodipodi:nodetypes="cccc" />
<path <path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:4.99999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1" style="fill:none;fill-opacity:1;stroke:#1b8dff;stroke-width:4.99999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
d="M 15,5 V 15" d="M 15,5 V 15"
id="path4" /> id="path4" />
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
resource/logo1080.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB