Skip to content

Commit 1097555

Browse files
Lego-Fan9Lego-Fan9
authored
Merge pull request #2 from Lego-Fan9/Prepare-release-1.0.0
Prepare release 1.0.0
2 parents bc5a7c6 + e036e69 commit 1097555

21 files changed

Lines changed: 683 additions & 186 deletions

‎README.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# swgoh-portrait-maker
2+
3+
This tool creates images based off Star Wars Galaxy of Hero's by Capital Games. Visit [lego-fan9.github.io](https://lego-fan9.github.io/) to use the tool
4+
5+
#### For Bugs and Suggestions:
6+
You can create an issue here on GitHub or you can join our discord server: [by clicking here](https://discord.gg/cmZjsRBwTY)
7+
8+
#### Contributing:
9+
Anyone is free to contribute to the project by creating a PR

‎discord.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 90 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,75 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta name="description" content="SWGoH Portrait Maker - Create custom portraits for your favorite characters.">
7+
<meta name="description" content="LegoFan9's Star Wars: Galaxy of Heroes Tools">
88
<meta name="author" content="LegoFan9">
9-
<link rel="icon" href="/favicon.ico" type="image/png">
10-
<title>SWGoH Portrait Maker</title>
11-
<link rel="stylesheet" href="style.css">
12-
<!--<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700&display=swap" rel="stylesheet">-->
13-
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script>
9+
<link rel="icon" href="favicon.ico" type="image/x-icon">
10+
<title>LegoFan9's SWGoH Tools</title>
11+
<style>
12+
body {
13+
font-family: Arial, sans-serif;
14+
text-align: center;
15+
padding: 15px;
16+
background-color: #f3effa;
17+
}
18+
19+
.app-list {
20+
display: flex;
21+
flex-wrap: wrap;
22+
justify-content: center;
23+
gap: 30px;
24+
margin-top: 40px;
25+
}
26+
27+
.app-card {
28+
background: white;
29+
border: 2px solid #ccc;
30+
border-radius: 8px;
31+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
32+
padding: 30px 24px 24px 24px;
33+
width: 260px;
34+
display: flex;
35+
flex-direction: column;
36+
align-items: center;
37+
transition: box-shadow 0.2s;
38+
}
39+
40+
.app-card:hover {
41+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.13);
42+
border-color: #007BFF;
43+
}
44+
45+
.app-title {
46+
font-size: 1.3em;
47+
margin-bottom: 10px;
48+
color: #333;
49+
}
50+
51+
.app-desc {
52+
font-size: 1em;
53+
color: #555;
54+
margin-bottom: 18px;
55+
}
56+
57+
.app-link {
58+
display: inline-block;
59+
margin-top: 10px;
60+
cursor: pointer;
61+
color: white;
62+
background-color: #007BFF;
63+
padding: 10px 20px;
64+
border: 3px solid black;
65+
border-radius: 4px;
66+
text-decoration: none;
67+
font-weight: bold;
68+
transition: box-shadow 0.3s, background-color 0.3s;
69+
}
70+
71+
.app-link:hover {
72+
box-shadow: 0 0 0 2px black;
73+
background-color: #0056b3;
74+
}
75+
</style>
1476
<!-- Google tag (gtag.js) -->
1577
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X7TKZ22H21"></script>
1678
<script>
@@ -23,82 +85,30 @@
2385
</head>
2486

2587
<body>
26-
<header>
27-
<h1>SWGOH Portrait Maker</h1>
28-
</header>
29-
<main>
30-
<h1 id="uploadText">Upload Your Image Here:</h1>
31-
<div>
32-
<label for="upload" class="file-upload">Choose Image</label>
33-
<input type="file" id="upload" accept="image/*">
34-
</div>
35-
<div class="input-container">
36-
<div class="input-group">
37-
<label for="zetaCount">Zetas:</label>
38-
<input type="number" id="zetaCount" min="-999" max="999" value="0" class="number-input">
39-
</div>
40-
<div class="input-group">
41-
<label for="omiCount">Omicrons:</label>
42-
<input type="number" id="omiCount" min="-999" max="999" value="0" class="number-input">
43-
</div>
44-
<div class="input-group">
45-
<label for="relicLevel">Relic Level:</label>
46-
<input type="number" id="relicLevel" min="-99" max="999" value="9" class="number-input">
47-
</div>
48-
</div>
49-
<br>
50-
<div class="three-position-switch">
51-
<label for="switch" class="switch-label">Alignment:</label>
52-
<input type="range" id="switch" class="switch" min="0" max="2" value="1" step="1">
53-
<div class="switch-values">
54-
<span>Dark</span>
55-
<span>Neutral</span>
56-
<span>Light</span>
57-
</div>
88+
<h1>Welcome to LegoFan9's SWGoH Tools</h1>
89+
<p>Select an app below to get started:</p>
90+
<div class="app-list">
91+
<div class="app-card">
92+
<div class="app-title">SWGoH Portrait Maker</div>
93+
<div class="app-desc">Create custom Star Wars Galaxy of Heroes portraits.</div>
94+
<a class="app-link" href="swgoh-portrait-maker/">Open App</a>
5895
</div>
59-
<br>
60-
<div class="gl-contain">
61-
<input type="checkbox" id="gl-checkbox" class="gl-checkbox-button">
62-
<label for="gl-checkbox" class="gl-checkbox-label">
63-
<span class="checkbox-text">GL?</span>
64-
<span class="checkbox-checkmark">&#10003;</span>
65-
</label>
96+
<div class="app-card">
97+
<div class="app-title">SWGoH Updates</div>
98+
<div class="app-desc">Learn about the latest SWGoH updates as they happen</div>
99+
<a class="app-link" href="swgoh-updates/">Open App</a>
66100
</div>
67-
<br>
68-
<button onclick="stackImages()" id="generateButton">Generate!</button>
69-
<br><br>
70-
<div id="portraitContainer" style="position:absolute;left:-9999px; top:-9999px;"></div>
71-
<canvas id="canvas"></canvas>
72-
<div style="height: 30px;"></div>
73-
<div class="imgControlers">
74-
<div class="zoomControl">
75-
<button onclick="zoomIn()" id="zoomInButton">In</button>
76-
<button onclick="zoomOut()" id="zoomOutButton">Out</button>
77-
</div>
78-
<div class="moveControl">
79-
<button onclick="upMove()" id="upButton">Up</button>
80-
<button onclick="leftMove()" id="leftButton">Left</button>
81-
<button onclick="downMove()" id="downButton">Down</button>
82-
<button onclick="rightMove()" id="rightButton">Right</button>
83-
</div>
84-
<button id="resetPos" onclick="resetImagePosition()">Reset</button>
85-
</div>
86-
<br><br>
87-
<a id="downloadLink" style="display: none; text-decoration: none;">Download Result(PC)</a>
88-
<div style="height: 50px;"></div>
89-
<a id="downloadLinkM" onclick="mobileDownload()" style="display: none;">Download Result(Mobile)</a>
90-
<p id="downloadLinkMDesc" style="display: none;">Hold down on the image then click save to photos</p>
91-
<div style="height: 50px;"></div>
92-
<script src="script.js"></script>
93-
</main>
94-
<footer>
95-
<p>&copy; 2025 LegoFan9</p>
96-
<p style="max-width: 50%; margin: 0 auto; text-align: center;">This tool and its creators are not affiliated
97-
with or endorsed by Locasfilm Ltd., Disney, Electronic Arts, or Capital Games. All Star Wars: Galaxy of
98-
Heroes content, including images and other assets, is the property of their respective owners. It is
99-
suggested that you do not use this content in any way that may violate free use laws.</p>
100-
<p>You can read the terms of use and privacy policy <a href="/terms.html" target="_blank">here</a></p>
101-
</footer>
101+
</div>
102+
<div style="height: 20px;"></div>
103+
<a class="app-link" href="https://discord.gg/cmZjsRBwTY" target="_blank"
104+
style="background-color: #5865F2; display: inline-flex; align-items: center; gap: 8px;">
105+
<img src="discord.svg" alt="Discord"
106+
style="width: 20px; height: 20px;">
107+
Join our Discord
108+
</a>
109+
<div style="height: 20px"></div>
110+
<p>By using this site you agree to allow useage of Google Analytics</p>
111+
102112
</body>
103113

104114
</html>

‎star.png‎

-1005 Bytes
Binary file not shown.

images/DS_relic.webp renamed to swgoh-portrait-maker/images/DS_relic.webp

File renamed without changes.

images/DS_relic_middle.webp renamed to swgoh-portrait-maker/images/DS_relic_middle.webp

File renamed without changes.

images/GL_relic_middle.webp renamed to swgoh-portrait-maker/images/GL_relic_middle.webp

File renamed without changes.

images/LS_relic.webp renamed to swgoh-portrait-maker/images/LS_relic.webp

File renamed without changes.

images/LS_relic_middle.webp renamed to swgoh-portrait-maker/images/LS_relic_middle.webp

File renamed without changes.

images/NL_relic.webp renamed to swgoh-portrait-maker/images/NL_relic.webp

File renamed without changes.

0 commit comments

Comments
 (0)