aboutsummaryrefslogtreecommitdiff
path: root/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'src/app')
-rw-r--r--src/app/icons/minimize.pngbin0 -> 981 bytes
-rw-r--r--src/app/index.html10
-rw-r--r--src/app/main.css24
3 files changed, 23 insertions, 11 deletions
diff --git a/src/app/icons/minimize.png b/src/app/icons/minimize.png
new file mode 100644
index 0000000..4169e28
--- /dev/null
+++ b/src/app/icons/minimize.png
Binary files differ
diff --git a/src/app/index.html b/src/app/index.html
index 8ebffff..fe383a0 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -8,7 +8,10 @@
<body>
<div id="bgHolder"></div>
- <div id="close" onclick="ipcRenderer.send('exit')"></div>
+ <div id="winbtns">
+ <div id="minimize" onclick="ipcRenderer.send('minimize')"></div>
+ <div id="close" onclick="ipcRenderer.send('exit')"></div>
+ </div>
<nav class="gamesContainer">
<button id="vpBtn" onclick="page(0)"></button>
@@ -40,8 +43,9 @@
</ul>
<h2>%%viper.menu.info.credits%%</h2>
<ul>
- <li>"Titanfall|2 + Northstar" logo: <a href="https://www.steamgriddb.com/logo/47851">Aftonstjarma</a></li>
- <li>Viper logo: Imply#9781</li>
+ <li>Viper Logo: Imply#9781</li>
+ <li>Viper Background: <a href="https://www.reddit.com/r/titanfall/comments/fwuh2x/take_to_the_skies">Uber Panzerhund</a></li>
+ <li>Titanfall+Northstar Logo: <a href="https://www.steamgriddb.com/logo/47851">Aftonstjarma</a></li>
</ul>
</div>
</div>
diff --git a/src/app/main.css b/src/app/main.css
index 3907461..de0db46 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -26,25 +26,33 @@
background: var(--red);
}
-.playBtn, .gamesContainer button, #close {
+.playBtn, .gamesContainer button, #winbtns div {
cursor: pointer;
}
-#close {
+#winbtns {
z-index: 1;
+ display: flex;
+ position: fixed;
+ top: var(--padding);
+ right: calc(var(--padding) / 2);
+}
+
+#winbtns div {
width: 25px;
opacity: 0.6;
height: 25px;
- position: fixed;
- top: var(--padding);
- right: var(--padding);
+ position: relative;
background-size: contain;
transition: 0.25s ease-in-out;
- background-image: url("icons/close.png");
+ margin-right: calc(var(--padding) / 2);
}
-#close:hover {opacity: 1.0}
-#close:active {transform: scale(0.98)}
+#winbtns #close {background-image: url("icons/close.png")}
+#winbtns #minimize {background-image: url("icons/minimize.png")}
+
+#winbtns div:hover {opacity: 1.0}
+#winbtns div:active {transform: scale(0.98)}
body {
margin: 0;