diff --git a/app/assets/audio/Golden Hill (Radio Edit).mp3 b/app/assets/audio/Golden Hill (Radio Edit).mp3 new file mode 100644 index 0000000..22ea74c Binary files /dev/null and b/app/assets/audio/Golden Hill (Radio Edit).mp3 differ diff --git a/app/assets/css/index.css b/app/assets/css/index.css index e69de29..a503251 100644 --- a/app/assets/css/index.css +++ b/app/assets/css/index.css @@ -0,0 +1,110 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"); +@import url("https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@4cac1a6/css/all.css"); + +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: "Roboto", sans-serif; +} + +body { + background-image: url("../img/index_wallpaper.gif"); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; +} + +main { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; +} + +main > nav { + margin-left: 1rem; + width: 20%; + height: 100%; + background-color: #3e3e3ee6; +} + +main > nav > img { + width: 70%; + margin-left: 15%; + margin-top: 3%; + margin-bottom: 10px; +} + +details > article { + margin-left: 20px; + margin-right: 20px; + margin-top: 5px; + background-color: #343434; + padding: 7px 7px 7px 7px; + color: #ffffff; + box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px; +} + +details > summary { + text-align: center; + list-style: none; +} + +button.nav { + position: relative; + width: 100%; + height: 40px; + border: none; + font-size: large; + text-align: left; + padding: 13px 13px 13px 13px; + margin-bottom: 10px; + background-color: transparent; +} + +button.nav > i { + position: relative; + width: 35px; + height: 35px; + margin-left: 8px; + text-align: center; + padding-top: 0.67rem; + border-radius: 10px; + vertical-align: middle; + background-color: gray; +} + +button.nav > span { + margin-left: 12px; + color: #ffffff; +} + +fieldset { + font-size: small; + border: none; +} + +fieldset > legend { + font-weight: bolder; + margin-bottom: 5px; +} + +input[type=radio] { + accent-color: #12865c; +} + +button.classic { + width: 96%; + height: 30px; + margin-left: 2%; + margin-top: 5px; + border: none; + color: #ffffff; + border-radius: 5px; + background-color: #39aa6d; +} \ No newline at end of file diff --git a/app/assets/img/index_wallpaper.gif b/app/assets/img/index_wallpaper.gif new file mode 100644 index 0000000..7193747 Binary files /dev/null and b/app/assets/img/index_wallpaper.gif differ diff --git a/app/assets/img/logo_no_blanc.png b/app/assets/img/logo_no_blanc.png new file mode 100644 index 0000000..067d48d Binary files /dev/null and b/app/assets/img/logo_no_blanc.png differ diff --git a/app/assets/js/inex.js b/app/assets/js/inex.js new file mode 100644 index 0000000..10eb378 --- /dev/null +++ b/app/assets/js/inex.js @@ -0,0 +1,19 @@ +const audio = new Audio() + +function startAudio() { + audio.src = "/app/assets/audio/Golden Hill (Radio Edit).mp3" + audio.loop = true + audio.onended = () => { + if (!audio.paused) { + audio.play() + } + } +} + +function muteAudio() { + audio.muted = true +} + +function unmuteAudio() { + audio.muted = false +} diff --git a/app/index.html b/app/index.html deleted file mode 100644 index d01f779..0000000 --- a/app/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - Document - - - - - \ No newline at end of file diff --git a/app/logged.html b/app/logged.html new file mode 100644 index 0000000..97f74a0 --- /dev/null +++ b/app/logged.html @@ -0,0 +1,121 @@ + + + + + + + Document + + + +
+ +
+ + + + + \ No newline at end of file diff --git a/modules/preload.js b/modules/preload.js new file mode 100644 index 0000000..505462c --- /dev/null +++ b/modules/preload.js @@ -0,0 +1,5 @@ +const { shell, contextBridge } = require("electron") + +contextBridge.executeInMainWorld("system", { + openInBrowser: (url) => shell.openExternal(url) +}) \ No newline at end of file