From fb54ef651b7f6642a3b30d069fcc45d3693b507b Mon Sep 17 00:00:00 2001 From: Madeline Busig Date: Sun, 22 Feb 2026 05:02:13 -0800 Subject: [PATCH] Add power button --- css/powerButton.css | 37 +++++++++++++++++++++++++++++++++++++ index.html | 13 +++++-------- 2 files changed, 42 insertions(+), 8 deletions(-) create mode 100644 css/powerButton.css diff --git a/css/powerButton.css b/css/powerButton.css new file mode 100644 index 0000000..8c992e6 --- /dev/null +++ b/css/powerButton.css @@ -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%; +} + diff --git a/index.html b/index.html index 047d60a..bf5e9ac 100644 --- a/index.html +++ b/index.html @@ -14,14 +14,11 @@ Hello from Electron renderer! -

Hello from Electron renderer!

-

👋

- - +
+

Ultra PowerButton Pro

+ +
+