1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < title > About Copper Launcher — Copper Launcher</ title >
5+
6+ < meta charset ="UTF-8 "/>
7+ < meta name ="viewport " content ="width=device-width,initial-scale=1 "/>
8+ < link rel ="icon " href ="https://raw.githubusercontent.com/CopperLauncher/CopperLauncher/refs/heads/v3_openjdk/app_pojavlauncher/src/main/assets/amethyst.png "/>
9+ < link href ="https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap " rel ="stylesheet "/>
10+ < style >
11+ * , * ::before , * ::after {box-sizing : border-box;margin : 0 ;padding : 0 }
12+ : root {
13+ --gold : # e8c97e ;--gold-dim : # b87333 ;
14+ --purple : # 9f7de0 ;--purple-dim : # 6b50a8 ;
15+ --bg : # 0b0b12 ;--bg2 : # 10101c ;--bg3 : # 16162a ;
16+ --surface : # 1c1c30 ;--border : # 2a2a48 ;
17+ --text : # e8e4f8 ;--muted : # 8a87a8 ;
18+ }
19+ html {scroll-behavior : smooth}
20+ body {font-family : 'DM Sans' , sans-serif;background : var (--bg );color : var (--text );min-height : 100vh ;line-height : 1.6 }
21+
22+ /* NAV */
23+ nav {position : fixed;top : 0 ;left : 0 ;right : 0 ;z-index : 100 ;display : flex;align-items : center;justify-content : space-between;padding : 0 2rem ;height : 60px ;background : rgba (11 , 11 , 18 , .92 );backdrop-filter : blur (16px );border-bottom : 1px solid var (--border )}
24+ .nav-brand {display : flex;align-items : center;gap : .6rem ;text-decoration : none;color : var (--text )}
25+ .nav-brand img {height : 32px ;width : 32px ;border-radius : 8px }
26+ .nav-brand span {font-family : 'Cinzel' , serif;font-weight : 700 ;font-size : .95rem ;background : linear-gradient (135deg , var (--gold ), var (--purple ));-webkit-background-clip : text;-webkit-text-fill-color : transparent;background-clip : text}
27+ .nav-links {display : flex;align-items : center;gap : 1.5rem ;list-style : none}
28+ .nav-links a {text-decoration : none;color : var (--muted );font-size : .85rem ;font-weight : 500 ;transition : color .2s }
29+ .nav-links a : hover {color : var (--text )}
30+ .nav-cta {background : linear-gradient (135deg , var (--gold-dim ), var (--purple-dim ));color : # fff!important ;padding : .4rem 1rem ;border-radius : 8px ;font-weight : 600 !important }
31+
32+ /* LAYOUT */
33+ .layout {display : flex;padding-top : 60px ;min-height : 100vh }
34+
35+ /* SIDEBAR */
36+ aside {width : 260px ;flex-shrink : 0 ;background : var (--bg2 );border-right : 1px solid var (--border );padding : 2rem 0 ;position : sticky;top : 60px ;height : calc (100vh - 60px );overflow-y : auto}
37+ .sidebar-section {margin-bottom : 1.5rem }
38+ .sidebar-section-title {font-size : .7rem ;font-weight : 700 ;letter-spacing : .1em ;text-transform : uppercase;color : var (--gold );padding : .25rem 1.5rem ;margin-bottom : .25rem }
39+ .sidebar-section a {display : block;padding : .4rem 1.5rem ;text-decoration : none;color : var (--muted );font-size : .85rem ;transition : color .2s , background .2s ;border-left : 2px solid transparent}
40+ .sidebar-section a : hover {color : var (--text );background : var (--surface )}
41+ .sidebar-section a .active {color : var (--gold );border-left-color : var (--gold );background : rgba (232 , 201 , 126 , .05 )}
42+
43+ /* MAIN CONTENT */
44+ main {flex : 1 ;padding : 3rem clamp (1.5rem , 4vw , 4rem );max-width : 860px }
45+ main h1 {font-family : 'Cinzel' , serif;font-size : 2rem ;font-weight : 900 ;background : linear-gradient (135deg , var (--text ), var (--gold ));-webkit-background-clip : text;-webkit-text-fill-color : transparent;background-clip : text;margin-bottom : 1.5rem ;padding-bottom : 1rem ;border-bottom : 1px solid var (--border )}
46+ main h2 {font-family : 'Cinzel' , serif;font-size : 1.25rem ;font-weight : 700 ;color : var (--text );margin : 2rem 0 .75rem ;padding-bottom : .4rem ;border-bottom : 1px solid var (--border )}
47+ main h3 {font-size : 1rem ;font-weight : 600 ;color : var (--gold );margin : 1.5rem 0 .5rem }
48+ main p {color : var (--muted );margin-bottom : 1rem ;line-height : 1.75 }
49+ main a {color : var (--purple );text-decoration : none}
50+ main a : hover {text-decoration : underline}
51+ main ul , main ol {color : var (--muted );padding-left : 1.5rem ;margin-bottom : 1rem }
52+ main li {margin-bottom : .35rem ;line-height : 1.7 }
53+ main strong {color : var (--text );font-weight : 600 }
54+ main code {background : var (--surface );border : 1px solid var (--border );border-radius : 4px ;padding : .15em .4em ;font-size : .85em ;color : var (--gold )}
55+ main pre {background : var (--surface );border : 1px solid var (--border );border-radius : 10px ;padding : 1.25rem ;overflow-x : auto;margin-bottom : 1rem }
56+ main pre code {background : none;border : none;padding : 0 ;font-size : .85rem ;color : # c9d1d9 }
57+
58+ /* TABLE */
59+ table {width : 100% ;border-collapse : collapse;margin-bottom : 1.5rem ;font-size : .875rem }
60+ th {background : var (--surface );color : var (--text );font-weight : 600 ;padding : .6rem 1rem ;text-align : left;border : 1px solid var (--border )}
61+ td {padding : .6rem 1rem ;border : 1px solid var (--border );color : var (--muted )}
62+ tr : nth-child (even) td {background : rgba (28 , 28 , 48 , .4 )}
63+
64+ /* CALLOUTS */
65+ .tip , .warning , .danger {border-radius : 10px ;padding : 1rem 1.25rem ;margin-bottom : 1.25rem ;border-left : 3px solid}
66+ .tip {background : rgba (74 , 222 , 128 , .07 );border-color : # 4ade80 }
67+ .tip ::before {content : "💡 Tip" ;display : block;font-weight : 700 ;color : # 4ade80 ;margin-bottom : .35rem ;font-size : .85rem }
68+ .warning {background : rgba (251 , 191 , 36 , .07 );border-color : # fbbf24 }
69+ .warning ::before {content : "⚠️ Warning" ;display : block;font-weight : 700 ;color : # fbbf24 ;margin-bottom : .35rem ;font-size : .85rem }
70+ .danger {background : rgba (248 , 113 , 113 , .07 );border-color : # f87171 }
71+ .danger ::before {content : "🚨 Danger" ;display : block;font-weight : 700 ;color : # f87171 ;margin-bottom : .35rem ;font-size : .85rem }
72+ .tip p , .warning p , .danger p {margin-bottom : 0 }
73+
74+ /* FOOTER */
75+ footer {border-top : 1px solid var (--border );padding : 1.5rem 2rem ;display : flex;align-items : center;justify-content : space-between;flex-wrap : wrap;gap : 1rem ;font-size : .8rem ;color : var (--muted )}
76+ footer a {color : var (--muted );text-decoration : none}
77+ footer a : hover {color : var (--text )}
78+
79+ @media (max-width : 768px ){
80+ aside {display : none}
81+ .nav-links {gap : .75rem }
82+ .nav-links li : not (: last-child ){display : none}
83+ }
84+ </ style >
85+
86+ </ head >
87+ < body >
88+
89+ < nav >
90+ < a class ="nav-brand " href ="/docs/ ">
91+ < img src ="https://raw.githubusercontent.com/CopperLauncher/CopperLauncher/refs/heads/v3_openjdk/app_pojavlauncher/src/main/assets/amethyst.png " alt ="Copper Launcher "/>
92+ < span > Copper Launcher</ span >
93+ </ a >
94+ < ul class ="nav-links ">
95+ < li > < a href ="/docs/wiki/ "> Wiki</ a > </ li >
96+ < li > < a href ="/docs/about/NOTE-FROM-EVA.html "> About</ a > </ li >
97+ < li > < a href ="/docs/contribute/CONT-WEBSITE.html "> Contributing</ a > </ li >
98+ < li > < a href ="/docs/patchnotes/changelogs/ANDROID.html "> Updates</ a > </ li >
99+ < li > < a href ="https://github.com/CopperLauncher/CopperLauncher " target ="_blank " rel ="noopener "> GitHub</ a > </ li >
100+ < li > < a class ="nav-cta " href ="/docs/wiki/ "> Get Started</ a > </ li >
101+ </ ul >
102+ </ nav >
103+
104+ < div class ="layout ">
105+
106+ < aside >
107+ < div class ="sidebar-section ">
108+ < div class ="sidebar-section-title "> Getting Started</ div >
109+ < a href ="/docs/wiki/getting_started/INSTALL-android.html "> Install (Android)</ a >
110+ < a href ="/docs/wiki/getting_started/INSTALL-ios.html "> Install (iOS)</ a >
111+ < a href ="/docs/wiki/getting_started/FIRST-LAUNCH.html "> First Launch</ a >
112+ < a href ="/docs/wiki/getting_started/CUSTOM-CONTROLS.html "> Custom Controls</ a >
113+ < a href ="/docs/wiki/getting_started/LAUNCHER-PREFERENCES.html "> Preferences</ a >
114+ </ div >
115+ < div class ="sidebar-section ">
116+ < div class ="sidebar-section-title "> Going Further</ div >
117+ < a href ="/docs/wiki/going_further/MODS.html "> Mods</ a >
118+ < a href ="/docs/wiki/going_further/MODPACKS.html "> Modpacks</ a >
119+ < a href ="/docs/wiki/going_further/OPTIMIZATION.html "> Optimization</ a >
120+ < a href ="/docs/wiki/going_further/JAVA-ARGS.html "> Java Arguments</ a >
121+ < a href ="/docs/wiki/going_further/SHADERS.html "> Shaders</ a >
122+ < a href ="/docs/wiki/going_further/ACCOUNTS.html "> Accounts</ a >
123+ </ div >
124+ < div class ="sidebar-section ">
125+ < div class ="sidebar-section-title "> FAQ</ div >
126+ < a href ="/docs/wiki/faq/android/FAQ-android.html "> Android FAQ</ a >
127+ < a href ="/docs/wiki/faq/ios/FAQ-ios.html "> iOS FAQ</ a >
128+ </ div >
129+ < div class ="sidebar-section ">
130+ < div class ="sidebar-section-title "> About</ div >
131+ < a href ="/docs/about/NOTE-FROM-EVA.html " class ="active "> About Copper</ a >
132+ < a href ="/docs/contribute/CONT-WEBSITE.html "> Contributing</ a >
133+ < a href ="/docs/contribute/CONT-WIKI.html "> Wiki Contributing</ a >
134+ < a href ="/docs/patchnotes/changelogs/ANDROID.html "> Android Changelog</ a >
135+ < a href ="/docs/patchnotes/changelogs/IOS.html "> iOS Changelog</ a >
136+ </ div >
137+ </ aside >
138+
139+ < main >
140+
141+ < h1 > About Copper Launcher</ h1 >
142+ < h2 > Origins</ h2 >
143+ < p > Copper Launcher is a fork of < a href ="https://github.com/AngelAuraMC/Amethyst-Android " target ="_blank "> Amethyst</ a > , which itself is a continuation of < a href ="https://github.com/PojavLauncherTeam/PojavLauncher " target ="_blank "> PojavLauncher</ a > — one of the most well-known open source Minecraft: Java Edition launchers for Android.</ p >
144+ < p > The goal of Copper Launcher is to polish and extend what came before: better performance, improved mod support, a fresh theme, and a more welcoming community experience.</ p >
145+ < h2 > Why "Copper"?</ h2 >
146+ < p > Copper is a material that ages, evolves, and oxidizes over time — much like this project. It starts raw and gets refined.</ p >
147+ < h2 > Our Values</ h2 >
148+ < ul >
149+ < li > < strong > Open Source First.</ strong > Licensed under < a href ="https://github.com/CopperLauncher/CopperLauncher/blob/v3_openjdk/LICENSE " target ="_blank "> GNU LGPLv3</ a > . The code is yours to read, fork, and improve.</ li >
150+ < li > < strong > Community Driven.</ strong > Every contributor matters — from code to translations to wiki edits.</ li >
151+ < li > < strong > No Paywalls.</ strong > Copper Launcher is and always will be free.</ li >
152+ </ ul >
153+ < h2 > Acknowledgements</ h2 >
154+ < p > Copper Launcher would not exist without the < a href ="https://github.com/PojavLauncherTeam " target ="_blank "> PojavLauncher Team</ a > and the < a href ="https://github.com/AngelAuraMC " target ="_blank "> AngelAuraMC / Amethyst</ a > team, as well as every contributor, translator, tester, and community member.</ p >
155+ < h2 > Get Involved</ h2 >
156+ < ul >
157+ < li > < strong > GitHub:</ strong > < a href ="https://github.com/CopperLauncher/CopperLauncher " target ="_blank "> CopperLauncher/CopperLauncher</ a > </ li >
158+ < li > < strong > Discord:</ strong > < a href ="https://discord.com/invite/r8wUtzMzUe " target ="_blank "> Join us</ a > </ li >
159+ < li > < strong > Translate:</ strong > < a href ="https://crowdin.com/project/pojavlauncher " target ="_blank "> Help on Crowdin</ a > </ li >
160+ </ ul >
161+
162+ </ main >
163+ </ div >
164+
165+ < footer >
166+ < span > LGPLv3 Licensed | Copyright © 2024–2026 Copper Launcher Contributors</ span >
167+ < span >
168+ < a href ="https://github.com/CopperLauncher/CopperLauncher " target ="_blank "> GitHub</ a > ·
169+ < a href ="https://discord.com/invite/r8wUtzMzUe " target ="_blank "> Discord</ a > ·
170+ Not affiliated with Mojang or Microsoft
171+ </ span >
172+ </ footer >
173+
174+ </ body >
175+ </ html >
0 commit comments