piwalker/FCLauncher
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases 5 Wiki Activity

logo and background

Browse Source
This commit is contained in:
Cuptain 2024-06-23 12:34:38 +10:00
parent affd3f0a47
commit 9daf0d1fdb
8 changed files with 40 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
FCLauncher/assets/CityBase.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 757 KiB

BIN
FCLauncher/assets/Title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

4
FCLauncher/src-tauri/tauri.conf.json
View File

@ -19,8 +19,8 @@
"windows": [ "windows": [
{ {
"title": "fclauncher", "title": "fclauncher",
"width": 800, "width": 1280,
"height": 600 "height": 720
} }
], ],
"security": { "security": {

BIN
FCLauncher/src/assets/CityBase.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 757 KiB

BIN
FCLauncher/src/assets/Title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

53
FCLauncher/src/index.html
View File

@ -8,49 +8,26 @@
<script type="module" src="/main.js" defer></script> <script type="module" src="/main.js" defer></script>
</head> </head>
<style>
body {
background-image: src="assets/CityBase.png";
}
</style>
<body onload="load();"> <body onload="load();">
<div class="container"> <div class="container">
<h1>Welcome to Tauri!</h1>
<div class="row">
<a href="https://tauri.app" target="_blank">
<img src="/assets/tauri.svg" class="logo tauri" alt="Tauri logo" /> <img src="assets/Title.png" alt="Title">
</a>
<a
href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"
target="_blank"
>
<img
src="/assets/javascript.svg"
class="logo vanilla"
alt="JavaScript logo"
/>
</a>
</div>
<div class="dropdown">
<button onclick="packSelect()" class="dropbtn">Dropdown</button>
<div id="myDropdown" class="dropdown-content">
<a href="#">Pack 1</a>
<a href="#">Pack 2</a>
<a href="#">Pack 3</a>
</div>
</div>
<select name="cars" id="Modpacks"> <select name="modSelect" id="Modpacks">
<option value="volvo">Volvo</option> </select>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<p>Click on the Tauri logo to learn more about the framework</p>
<form class="row" id="greet-form">
<input id="greet-input" placeholder="Enter a name..." />
<button type="submit">Greet</button>
</form>
<p id="greet-msg"></p>
</div> </div>
</body> </body>
</html> </html>

12
FCLauncher/src/main.js
View File

@ -39,10 +39,14 @@ window.onload = async function() {
function addModpacks(modpacks) { function addModpacks(modpacks) {
var dropdown = document.getElementById("Modpacks"); var dropdown = document.getElementById("Modpacks");
var opt = document.createElement("option"); modpacks.sort();
opt.text = modpacks[0]; modpacks.reverse();
opt.value = 'somethings value'; for (let i = 0; i < modpacks.length; i++){
dropdown.options.add(opt); var opt = document.createElement("option");
opt.text = modpacks[i];
opt.value = 'somethings value';
dropdown.options.add(opt);
}
} }

16
FCLauncher/src/styles.css
View File

@ -19,13 +19,17 @@
.container { .container {
margin: 0; margin: 0;
padding-top: 10vh; padding-top: 5vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
body {
background-image: url('assets/CityBase.png');
}
.logo { .logo {
height: 6em; height: 6em;
padding: 1.5em; padding: 1.5em;
@ -149,3 +153,13 @@ button {
.show {display:block;} .show {display:block;}
} }
#Modpacks{
width:300px ;
align-content: center;
align-self: center;
align-items: center;
}
#Logo{
display: flex;
justify-content: center;
}