piwalker/FCLauncher
1
0
Fork 0
Code Issues 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": [
{
"title": "fclauncher",
"width": 800,
"height": 600
"width": 1280,
"height": 720
}
],
"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>
</head>
<style>
body {
background-image: src="assets/CityBase.png";
}
</style>
<body onload="load();">
<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" />
</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>
<img src="assets/Title.png" alt="Title">
<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">
<option value="volvo">Volvo</option>
<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>
<select name="modSelect" id="Modpacks">
</select>
</div>
</body>
</html>

12
FCLauncher/src/main.js
View File

@ -39,10 +39,14 @@ window.onload = async function() {
function addModpacks(modpacks) {
var dropdown = document.getElementById("Modpacks");
var opt = document.createElement("option");
opt.text = modpacks[0];
opt.value = 'somethings value';
dropdown.options.add(opt);
modpacks.sort();
modpacks.reverse();
for (let i = 0; i < modpacks.length; i++){
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 {
margin: 0;
padding-top: 10vh;
padding-top: 5vh;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
body {
background-image: url('assets/CityBase.png');
}
.logo {
height: 6em;
padding: 1.5em;
@ -149,3 +153,13 @@ button {
.show {display:block;}
}
#Modpacks{
width:300px ;
align-content: center;
align-self: center;
align-items: center;
}
#Logo{
display: flex;
justify-content: center;
}