From a5b3d3e0a2f67710e6c4a8f460c6914827337f35 Mon Sep 17 00:00:00 2001 From: zumbiepig <121742281+zumbiepig@users.noreply.github.com> Date: Sat, 7 Sep 2024 10:18:23 -0700 Subject: [PATCH] this is insanely broken --- bun.lockb | Bin 113879 -> 114280 bytes package.json | 1 + src/404.html | 10 +- src/articles/index.html | 360 +++++++------- src/home/archive/index.html | 325 ++++++------ src/home/clients/index.html | 30 +- src/home/downloads/index.html | 34 +- src/home/game/index.html | 40 +- src/mobile/index.html | 12 +- src/mods/mods/index.html | 12 +- src/mods/resourcepacks/index.html | 10 +- src/offline.html | 10 +- src/offline/index.html | 32 +- src/resources/scripts/main.ts | 17 +- src/resources/styles/mobile.css | 2 +- src/resources/styles/themes/campfire.css | 29 +- .../styles/themes/cherry-blossom.css | 35 +- src/resources/styles/themes/default.css | 469 ++++++++---------- src/resources/styles/themes/hyperdark.css | 37 +- src/resources/styles/themes/light.css | 35 +- src/resources/styles/themes/nether.css | 33 +- src/resources/styles/themes/overworld.css | 33 +- src/resources/styles/themes/retro.css | 37 +- src/resources/styles/themes/starfall.css | 14 +- src/resources/styles/themes/the-end.css | 31 +- src/servers/index.html | 10 +- src/settings/index.html | 28 +- src/updates/index.html | 10 +- src/welcome/index.html | 20 +- 29 files changed, 775 insertions(+), 941 deletions(-) diff --git a/bun.lockb b/bun.lockb index 9a5714262ac36d47162615d8de925dd628320095..6af9cff56f14152d4b55031a7aa88e8852cafd30 100755 GIT binary patch delta 15526 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 delta 15867 zcmeHOdt6mj_CNc|RSt@Z2y(d)0=`fI0r7$;2Qw&veI(0m-+jyv-e3e>oYTddp@kY_F8-Gwbx#2 z?Z-Ks^XX5G-~YbxBMEVy+25u9P;PG+(;;uum5zV`)-uXdD#$y$ z*;vzpsRde+a6ITB;7H(>z%78A12cs$*<}x(0yhJHBQUkQA6N&j_EtxBUI;>=8R7@?K>eaM;ihf14c}(GPXh;Lt$}h60nx`>P>Uk|N zam&lfz3~$#Xw#~tKOTkI)YBDU8o>qpkZ&e=sw?lV(6mQeNcw4D(z6bjM(_#b2!E(> zN4SGLv>G@JI0U$rrp5S5E2o-6T?9sJR4jv;WJn~WNkMDA)z&7vF{+4LTv<7}%&TcL zJyo;Gz$7@F%$w+)FryT7I~6)h&Y=Qwoa>FEYWzW=8(&TvO=}Ar59|Q;R!=Fbn67DC z!(}g<6i#tUdX1uwf~Igz@y^81HEqAD-=^^Ez-048uXk#ES+#Z;`r!}Xa6_r(RgQ4h>vWkiE zGp1_6(X!s32l=(B@sE*IBBaRd6`;w9lfAQNlKCxSWqrvM&-CfuiCSC8k-6UL8Pm(A zRBPVqX*0a=b5=Xq&RadT%8OnDAxE*?2|f+iQ(Rd^{$SwKD9&OC;0O4=fO9FPXZcpY zHhO&rsr~_e#IH?yUMD$3BvL#KC^bOS&|1aGgz^BBv7Wn3TeZ(XL%;7hkG8j|ISS1* zq!Lf{^l9k2$~&XFtYo$}x{EZeYgcK?EMOW^1Te|(Ru(-D4Bz{f0V5543xTP(>A)mc znjrPuRUJRuQ$9uWRFzKkR8@ONgO4HB`05g62Md8|K16kszMyb<;JfiqWDXtt5Y(Sm zsn!R4>e%w(NlXT~(H8=YAp7KhmmQUk_xOqvNGs;5_#Rg})r&Zf(bCIgepM*@>;-|i{-JAo;{Zt%&)Q>!XrV6~PA zngZJ%*bI186-833=_Tc>fyo2Kz|^jM^2D;SRZ}&sd?JQ~>+9aq!s1DuDsM%xR$MiE zDkifQqB?2@Oe3(;vyq}NrAb3=S+f43AyB{2E5qB6eNQ|;B}xg|XbGnp>S9VJSB zj46){Tc0Nd4?~DXx(k?6df5OuQhlH_a6K?B2Y&`8&pf2?%zWvA6ky_?Ks)lpx4!}Rwx;RPWsHi+wChF*Z9 z1|00uc-W!aG?~RhWwvbGOsb*MpY{9)=8)KEEar>aur%ThsW`&P>5J<_npBiLEQ)yq+$0l_heF1DUGL>l@T@JPQjKZ?6=GuR|v zdz+!ZhG3F4=sDD-UjaodXc&5FyrRk>d z41GP7APoBvkQ2Ni#$Y|U9&6bDf&?8wuGE_$H3v!=_-h0x3Mk_Rt~9QEtMsTTzFFn6~%^p=>R)Jo$)AufF&C^8yjjd1BcP_hq_ zf04U87`6+o`Qi?lEQU99F!YI7xTJW2)5RX+?v4gK%WLu5jW={O^inJX(wP+E6^gQ( zgFMJ=s3QX{QYP+%QecrIH@#&@`;nKAqRWq@7snrGYer%Zh4DIjQ%?`HAZ6 zW`@q@?#_mO7Cfv-@Ou#CJ4eVNzyVH|J_?l7RoBU-|5;H;5G3VMUfadcn_(*>7r`Cv zTzVf+IiMf``9+|}nT<^M9pSZI4ZR!oW~C8nI|bD36fAO9yrEwJT_xMY+6hspHQN`2 zyY#0(QBQuHsES4sgB3LQ6AXR1;x#t&=_n{_4PU~uw_yXI6!kOHe++L( zH1w6=QCdrhqo7E>5zTl#IL6XXQ~@aRn7^rOBPg=O&-CzVP?Q3&G7RfRtZawLfrJ>r z8p!lJP3_TAe(rU(De*hFkIKZ@KA1GRROzZ8f za2V{#4<%$^t!YRx^bMeCvih6j{+w#1EG%!|LDPm?GU4Hbig)sM}G89*|qBL6M|sw|)$iib06W z9u)_jSipMuq0oy5w##6fc!SHZ`*qf|F+4vcLm!V4881`wMNl-A;AkZ3IZ&h;1}3>! z1lQ9IR>9rrST(yy2V>qxxY+x=A>FX2VVyVELG~bb_cZiFpbgm?A!!z`Y1px7PQzvS zpo&15tD?RE6b%SApzdQ(*Cw7bK{{Th%p6b@B*(>fsg5o37MS)J}4w-TbI5V z)KE!bdR_*lEJOhMA@*aDSr(>YM&Z*#%Y zli)&XhdLzQWKh%&k#)Lk>w545p_%qmV9NC|8QvLe4&y$Q%wgznqeKei`qUB`BQrM$ z8<_`1=^W&-eGbmB$$V*WhJ6c4*h)h(Z0FN?UTCJ?2^wfJ$i1_I>p2GP4LMj0Gh|B3 z{UVPypoVij*RUT%4YD}7mp{g)<~72$7{%`7Ci`xbGR-vq2_=;e7-TP;y(t;tKDhM} zP~CZ8WQKhoN(uZBtopGx&vR$$shCTYVaQBOyvd*tJVmVm)!($3Hi3^okrU*W5QW62 z?xer(1O-#E(7?lNCD#WS*reU~&E>TN4E<4v_Cjj41BG=joX<8bf5Es}_>h4jL8E5?*DDu4A0K(yD3`{O^ zIKI{nHT0w4k;idV%*X7!S+NFCzkpkodGGw!&7!OKL^9L~uRl0dl?Z@3k23yT*@f*h*if}r@fe43&e5B1l zo_9y4o|!KL6H5CPo6j5WFxXzM4>xQ-(U<0^&l%cOKkXZ+- zb6mD>3;2Oinf6|oj2Zk;WCpvN*N!%9yNB`vqciCwJH}wC+>PHkympLX+fm35jLEe9 zRLBFyX0jgKJ=UNmV-0;XT!9=R-$uG@Uk&2{<9d2-)6541njILMuX+71nA&3t(-zrlWJ10S2$^*9h5OdsT?x)|09o@mfanbXx(JhV zo&iw(vjDn)&1hfG(8!?Y08Ifq0A%iN043WQ09}Mh(ODvJ5hl4$iNHnJ2KWp>a-Rd} z`YrBzt%3y41E}GblKmfH#>+iXe6`0vh+2NFS`tRwJZ-QKYTCbv0(=V~sqYm1JuqE2 z#r%p##^;I@(g>55pA}7*v=Ni|jD8d*H~J~QUGWK1v9Y4B$E1gzLsONm>Va!aMu4hl zswxOmI<`>s^_W;K6`wFEZUs!NV8tg){1C+tRs7##nI9TekW3pTNLUBmR?&p17_Df+ z)IqGG2~&}t!_##=CQn)aYq=g%`?wm_AP(3c40^Cn6)B2;JtkIn#V1U~RE2v0(*(=_ zruOu|9J&ZoF;ihf;Vfd}s<8@$iIHV#Oy+#fgf(9+SQj z#lHd9+_Zu^oU9uBCzxDZq2&J)Oa@Ig<%i1xDX3No{s@yt?uHy0c(20u0aMfY3NIjn z&-F%`v3&p(b+<_2#lY0tQj$`b>K|70%`o-09QCvWtpq0d)xgwb4gK7JX)Sz$<`!Kj z{DP_YBz_1#rT90)RJ92|)X_6ajxZIURd_Qnx#I!}hKVQROHp?~7NtSWAX$rG=r zdcxFjCor+pKP!KQiT@gYsNEhV_XaU>5vKNg6@MT3pBQf|f$K4`{;CA`t9rszY*6?B zFtvY2(TAuK7hx*?P0<#ny6cZIMX|)e^}k?>c_#q%5eJ~l#JA2dl~A%7Ux^%m|N!T*;2!^B-r^4AOz+9;5ndYJLzGG-1}*beQs~u9YRa4sf7(5Gf@6Sc#$7qBnHNJ$z;wfbbcU6<38KqP3D#l&a5AlnizaDrPoKQ%7f`>!_Q1O+m ze$Q7;(*yc7sjsNOk1bA{CQv1n4wNR}?T6=`NF=chJ>V@#t3f zZzf0H;*wkdz`E&+QF8RmjCQkYXMyVT>olmaFJ$^a7q#eiIZ8<0oGH_FE60WSdR z0rZe`HQ*V*TmYWC(|dG;i$yKL9;LybPcxjOPJg0G3`VelUUECJL!h@X1_^N0YX19}1$LhydT1At3_1>nsG&~vU{ zfZhOlwq*eJqkaf*Az&Dw2=D}Wv=Ai&G6C%X9RariVgLsr(~)VV+7BQe1<@IpCOqNE zfGL0pfII;4-hm7~ixGgw0P%n%z`d%TWM-;z8u;A-`)Spo%SCg!L(n!9X?n*2D3N2g zzt@d5ZPI~4MB!);pw*C8Nf>7)ayMESa7C1e#%ZjB=$6J_6@KX~lr0d>bmnjhRASln zEnffih*iPf5B%Ap@NTgl<&xjV8{gvt;HkqI$9vrvpYd zg^Ir)>9Xgw>>h90$Ou;gmWFns90Dv!tnbNIvEHJ02D^_f5!r4QB93LSG?py_d%;TU zJ@cJOXV0|k<8Rp5JeZJx_!WulUeI8+acp1Ki%ntdei5CGM%K&I<@+|yGd}!B0U9Nv z5muqcL}Dg$u#Mu4K0wcl(|v)8L?v2DO~Fl)6KM5%MQkO(ec~XH(|W1=uF;93UVGQC zosA_WKqKT%imMPvwccP~b#GVuM|&@yA%Ub+lCa)!UpUymqSt~Iqs$t!3nuanbkRaw zq~0UNeMH5JRX|SbP5M)PvrnEX_~98F>xS6Sl4_1OSe(V1RBE_tG-5~=JN#?b4Fi<6 ziVfLpknA;uofhr;!12;=mRqDh#HBvaH%{DhJIwl(r{b-5>Yd}isarTYbchN{DqbCL zCf_OiJ}_omNY>*QZ0t#4+|Dv?(6d&&Kw6&`4YwnNkBTcqeJHMsV-DLV&4sTY3$tBl zE(QWeSg+joo84#S&Nuo6nmLq|0v9Stv}ZZ+nf1iqi|I^LK14k1hQqA){!9L8yi^pQ_K}UHC14&S$#TSAH>R)k z((}HN-7W_#dHG?}7pBBM5tIiD4~s5@q&_6m)&VReiWUOv_366pd-s;bBrUq8Iz%K6 zK$Gs`xjfb-Y8VbrL9pmXQ(7`FYQn^{J6I$pVbE~1muoE@?4R0QuI0Y*XgJ3e{nMe$kG%X zTE)72WP>5zC6p(c3<4?=8G|rB>(hxl!uubIx>$eRBv>RWNkDys;fu1J9ar$>ms6Em zET}4&Ys70LXMOw;8FMCfj~??1piS>V>7)Z%V~WlGV=8=?W;fh zqLZls8wh2_bCePt#MmJ~C&k@EpwC}yCMsCGHH76mfBEcVQ|6wJ@1HOija495i1-4Q zk0tP)0*Ggcq@lQ7d!~RzIjv7Q9$TKZ@7RtJVdj`pXtyzg;t)R-uvW1HaVkY{tPebV zo;Rc4%6-i7Z%B7fNTF0Qbt=^kF>xphXZ50HC^~&W92yGmTAz6gN_=yJYiE z@&qe{^Q`YbCQNJBJF966T83x~gLge*FbVuldO+Z~SW}4g?Xx(sqYw+zXz_U=%TKjF z{dj2N@~yi*XgF2DTA>)VM3{d3wk`OA(t zin*De+Pflh6uZxMDNQ^+iiM?GA3q##o?g)^WPlro6oiEW^V?<0h1|eUFeAPgg|YlL z57jEAH51XJVOogD7>(&@eb=&dT)!1nk2P|hBN5gB@2QiQTc-NPOIint- z?GQa7RwKnlQZ!jK9fL%+KCqb@Se9@5y0;iNmW4Uhhg`ou&(Da> zW1-&qa;9_ZqK?I148gIJCK4uDicOq`0FJrekA?a{B7Pi}f<@vUoOhhdv*lx|%S{?) zj^DNg#{hFYSmd4&FF+u5I|PET+>F>V=IiJwLyt+dv?y60-&C$x_~{e3?ZK(jYHFUP z@>!f<<5{R5M9m|RgS{+j?u1I~Yn`35J}dY~&J~=h&4%#Q?{t>bT{Cq#oYt3&#<;I% z{?K=wwF{yPDWHyVPU}OT{`-1|4yqb7-0VV~qXv(MGt2{1=xylJ`W7g*_3kz6-am3) z4G>B8p;!aao9i;S!gs}y@o?oD5#@oL^^MiJ^RI^QX?x{}ADh=Lp@-a(zJh?5;=y$P z?Y=aR_9bM2xdo*-t?wIWz4C9Dy{8*HuX+2>gLXDjBeyErxJ+t{=sf|QTOST>yplM3 z_pE*C7zLd`Fp5TE+5{xH^##(42e*9C`Lsr70aTN~Z1FlYu=(PjkYn>iU@@q-MaN=L z>&0k7%f!RPJRyQ6GDn27&&WwmDDA7+46`1J>+>P z$(4|jB2}=5#8od8{#l%XLiBPckkk4`Y2{bGy=$v>)>9;;UL`(LJV)ZcZah=`cpWoX zB$8q!qEL~T3#QZhRB6rp;!Evccot^{%kCLsE46xC9F&OWtJ2ZK`jF}SSqm=ytNmKX zwN}A+slS2_ zfGz);KEJHxME8j!po2j_IeGL$CArxVVWm=?u}cI@Voz>=XA*M`-QIU6Yv1Vq0lk
-
- Join the MineXLauncher Discord + -
- © 2024 MineXLauncher. All rights reserved. +
+ © 2024 MineXLauncher. All rights reserved.
diff --git a/src/articles/index.html b/src/articles/index.html index f2b0b6e..70d0ed9 100644 --- a/src/articles/index.html +++ b/src/articles/index.html @@ -63,26 +63,18 @@
-
- +
+
- How To Make An Eaglercraft Server -

- Have you ever wondered how to make an Eaglercraft Server? Read this article to find out how! -

+ How To Make An Eaglercraft Server +

Have you ever wondered how to make an Eaglercraft Server? Read this article to find out how!

-
- +
+
- Setting Up a Cloudflare Tunnel for an Eaglercraft Server -

- This brief guide walks you through configuring a Cloudflare Tunnel for your Eaglercraft server. -

+ Setting Up a Cloudflare Tunnel for an Eaglercraft Server +

This brief guide walks you through configuring a Cloudflare Tunnel for your Eaglercraft server.

@@ -90,13 +82,11 @@
-
- Join the MineXLauncher Discord + -
- © 2024 MineXLauncher. All rights reserved. +
+ © 2024 MineXLauncher. All rights reserved.
@@ -110,168 +100,174 @@ data-full-width-responsive="true" >
-
-
- × -

How To Make An Eaglercraft Server

-
Written by ServerDotSo and revised by zumbiepig
-

Have you ever wondered how to make an Eaglercraft Server?

-

In this guide, we will be going over how to setup your own Eaglercraft server.

-

Prerequisites

-
    -
  • A server/computer with stable internet access and decent bandwidth
    • -
  • - Java 17 installed (Get it from - here) -
    • -
  • Basic knowledge of your OS's command-line/terminal
    • -
  • Access to your network router (for port forwarding)
    • -
-

Step 1: Set Up Bungee

-
    -
  1. - Download the latest version of Bungee from - here. -
    2. -
  2. Create a new directory for your server and place the Bungee JAR file in it
    3. -
  3. - Create a start script (e.g., start.bat for Windows or start.sh for Linux) with the - following content: - 
    java -Xms512M -Xmx512M -jar bungee.jar
    -
    4. -
  4. Run the start script to generate configuration files, then stop the server
    5. -
  5. Edit the config.yml file to configure your proxy settings
    6. -
-

Step 2: Set Up Backend Server

-
    -
  1. Download a compatible Minecraft server JAR (e.g., Paper)
    2. -
  2. Set up the backend server in a separate directory
    3. -
  3. - Create a start script (e.g., start.bat for Windows or start.sh for Linux) with the - following content: - 
    java -Xms1024M -Xmx1024M -jar server.jar
    -
    4. -
  4. Configure server.properties (Disable online mode, change the port, etc.)
    5. -
  5. Configure spigot.yml to have this: bungeecord: true
    6. -
  6. - If your server is on a different version than 1.8.8, you need to download the - ViaVersion plugins. -
    7. -
  7. - Add the backend server to your Bungee config.yml by scrolling to the servers section and - editing/adding an entry for your server, such as localhost:port. -
    8. -
-

Step 3: Install EaglerXBungee Plugin

-
    -
  1. - Download the EaglerXBungee plugin from - here. -
    2. -
  2. Place the downloaded JAR file in the Bungee server's plugins folder
    3. -
  3. Restart the Bungee server to generate the plugin's configuration files
    4. -
  4. Configure the EaglerXBungee plugin as needed (disabling online mode, etc.)
    5. -
-

Step 4: Set Up Caddy

-
    -
  1. Download and install Caddy from here.
    2. -
  2. - Create a file called Caddyfile with this configuration: - 
    localhost {
        reverse_proxy :8081
    }
    -
    3. -
-

Step 5: Port Forwarding

-
    -
  1. Access your router's admin panel
    2. -
  2. - Set up port forwarding for port 8081 (or whichever port you configured for EaglerXBungee) to - your server's local IP address -
    3. -
-

Step 6: Domain Configuration (Optional)

-

If you want to use a custom domain:

-
    -
  1. Purchase a domain from a domain registrar
    2. -
  2. Set up an A record pointing to your server's public IPv4 address
    3. -
  3. - Edit the Caddyfile you made earlier, replacing example.com with your domain: - 
    example.com {
        reverse_proxy :8081
    }
    -
    4. -
  4. Restart Caddy to apply these changes, using caddy stop and caddy start.
    5. -
-

Step 7: Connecting to Your Server

-

- Players can connect to your server using an Eaglercraft client such as MineXLauncher, and entering your - server's IP address or domain and port. -

-

Examples:

-
  • wss://localhost
    • -
  • wss://example.com
    • -

    Security Considerations

    -

    - Ensure you keep all software (especially the EaglerXBungee plugin) up to date and properly secure your server - to protect against potential vulnerabilities. -

    +
    +
    + × +
    +

    How To Make An Eaglercraft Server

    +
    Written by ServerDotSo and revised by zumbiepig
    +

    Have you ever wondered how to make an Eaglercraft Server?

    +

    In this guide, we will be going over how to setup your own Eaglercraft server.

    +

    Prerequisites

    +
      +
    • A server/computer with stable internet access and decent bandwidth
      • +
    • + Java 17 installed (Get it from + here) +
      • +
    • Basic knowledge of your OS's command-line/terminal
      • +
    • Access to your network router (for port forwarding)
      • +
    +

    Step 1: Set Up Bungee

    +
      +
    1. + Download the latest version of Bungee from + here. +
      2. +
    2. Create a new directory for your server and place the Bungee JAR file in it
      3. +
    3. + Create a start script (e.g., start.bat for Windows or start.sh for Linux) with + the following content: + 
      java -Xms512M -Xmx512M -jar bungee.jar
      +
      4. +
    4. Run the start script to generate configuration files, then stop the server
      5. +
    5. Edit the config.yml file to configure your proxy settings
      6. +
    +

    Step 2: Set Up Backend Server

    +
      +
    1. Download a compatible Minecraft server JAR (e.g., Paper)
      2. +
    2. Set up the backend server in a separate directory
      3. +
    3. + Create a start script (e.g., start.bat for Windows or start.sh for Linux) with + the following content: + 
      java -Xms1024M -Xmx1024M -jar server.jar
      +
      4. +
    4. Configure server.properties (Disable online mode, change the port, etc.)
      5. +
    5. Configure spigot.yml to have this: bungeecord: true
      6. +
    6. + If your server is on a different version than 1.8.8, you need to download the + ViaVersion plugins. +
      7. +
    7. + Add the backend server to your Bungee config.yml by scrolling to the servers section and + editing/adding an entry for your server, such as localhost:port. +
      8. +
    +

    Step 3: Install EaglerXBungee Plugin

    +
      +
    1. + Download the EaglerXBungee plugin from + here. +
      2. +
    2. Place the downloaded JAR file in the Bungee server's plugins folder
      3. +
    3. Restart the Bungee server to generate the plugin's configuration files
      4. +
    4. Configure the EaglerXBungee plugin as needed (disabling online mode, etc.)
      5. +
    +

    Step 4: Set Up Caddy

    +
      +
    1. + Download and install Caddy from here. +
      2. +
    2. + Create a file called Caddyfile with this configuration: + 
      localhost {
          reverse_proxy :8081
      }
      +
      3. +
    +

    Step 5: Port Forwarding

    +
      +
    1. Access your router's admin panel
      2. +
    2. + Set up port forwarding for port 8081 (or whichever port you configured for EaglerXBungee) to + your server's local IP address +
      3. +
    +

    Step 6: Domain Configuration (Optional)

    +

    If you want to use a custom domain:

    +
      +
    1. Purchase a domain from a domain registrar
      2. +
    2. Set up an A record pointing to your server's public IPv4 address
      3. +
    3. + Edit the Caddyfile you made earlier, replacing example.com with your domain: + 
      example.com {
          reverse_proxy :8081
      }
      +
      4. +
    4. Restart Caddy to apply these changes, using caddy stop and caddy start.
      5. +
    +

    Step 7: Connecting to Your Server

    +

    + Players can connect to your server using an Eaglercraft client such as MineXLauncher, and entering your + server's IP address or domain and port. +

    +

    Examples:

    +
  • wss://localhost
    • +
  • wss://example.com
    • +

    Security Considerations

    +

    + Ensure you keep all software (especially the EaglerXBungee plugin) up to date and properly secure your + server to protect against potential vulnerabilities. +

    +
    -
    -
    - × -

    Setting Up a Cloudflare Tunnel for an Eaglercraft Server

    -
    Written by zumbiepig and SpeedSlicer
    -

    - In this guide, we'll walk you through the steps to set up a Cloudflare Tunnel for your Eaglercraft server, - which is running on ws://localhost:8081. -

    -

    Prerequisites

    -
      -
    • An Eaglercraft server running on ws://localhost:8081
      • -
    • Access to the computer your Eaglercraft server is running on
      • -
    • A domain already linked to Cloudflare
      • -
    -

    Step 1: Access Cloudflare Tunnels

    -
      -
    1. - Go to the Dashboard and log in to your Cloudflare - account. -
      2. -
    2. Navigate to the Zero Trust page using the navigation bar on the left.
      3. -
    3. Sign up for Cloudflare Zero Trust with the Free Plan if you have not already.
      4. -
    4. Once you are in the dashboard, navigate to Networks > Tunnels.
      5. -
    -

    Step 2: Create a Tunnel

    -
      -
    1. Click on Create a tunnel, and select Cloudflared.
      2. -
    2. Click Next.
      3. -
    3. Enter a name for the tunnel.
      4. -
    4. - Follow the instructions provided on the site to install the tunnel.
      You should do these instructions on - the computer that your Eaglercraft server is running on. -
      5. -
    -

    Step 3: Configure Domain/Subdomain

    -
      -
    1. Select the domain or subdomain you want to use for your server.
      2. -
    2. Select HTTP for the type.
      3. -
    3. Enter localhost:8081 (or whatever port your server is running on) as the URL.
      4. -
    -

    Step 4: Activate Tunnel and Proxy

    -
      -
    1. Start your Eaglercraft server.
      2. -
    2. In Eaglercraft, connect to the domain or subdomain you set up.
      3. -
    3. - You're all set! Players can now join your server using the domain that you linked your tunnel to.
      Example: - wss://example.com -
      4. -
    +
    +
    + × +
    +

    Setting Up a Cloudflare Tunnel for an Eaglercraft Server

    +
    Written by zumbiepig and SpeedSlicer
    +

    + In this guide, we'll walk you through the steps to set up a Cloudflare Tunnel for your Eaglercraft server, + which is running on ws://localhost:8081. +

    +

    Prerequisites

    +
      +
    • An Eaglercraft server running on ws://localhost:8081
      • +
    • Access to the computer your Eaglercraft server is running on
      • +
    • A domain already linked to Cloudflare
      • +
    +

    Step 1: Access Cloudflare Tunnels

    +
      +
    1. + Go to the Dashboard and log in to your + Cloudflare account. +
      2. +
    2. Navigate to the Zero Trust page using the navigation bar on the left.
      3. +
    3. Sign up for Cloudflare Zero Trust with the Free Plan if you have not already.
      4. +
    4. Once you are in the dashboard, navigate to Networks > Tunnels.
      5. +
    +

    Step 2: Create a Tunnel

    +
      +
    1. Click on Create a tunnel, and select Cloudflared.
      2. +
    2. Click Next.
      3. +
    3. Enter a name for the tunnel.
      4. +
    4. + Follow the instructions provided on the site to install the tunnel.
      You should do these instructions + on the computer that your Eaglercraft server is running on. +
      5. +
    +

    Step 3: Configure Domain/Subdomain

    +
      +
    1. Select the domain or subdomain you want to use for your server.
      2. +
    2. Select HTTP for the type.
      3. +
    3. Enter localhost:8081 (or whatever port your server is running on) as the URL.
      4. +
    +

    Step 4: Activate Tunnel and Proxy

    +
      +
    1. Start your Eaglercraft server.
      2. +
    2. In Eaglercraft, connect to the domain or subdomain you set up.
      3. +
    3. + You're all set! Players can now join your server using the domain that you linked your tunnel to.
      Example: + wss://example.com +
      4. +
    +
    diff --git a/src/home/archive/index.html b/src/home/archive/index.html index 94105ec..e238476 100644 --- a/src/home/archive/index.html +++ b/src/home/archive/index.html @@ -67,179 +67,170 @@
    -
    - - - +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    + + +
    -
    - - - -
    -
    - - - -
    - - -
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/home/clients/index.html b/src/home/clients/index.html index 91058fd..de10852 100644 --- a/src/home/clients/index.html +++ b/src/home/clients/index.html @@ -72,45 +72,43 @@
    -
    -
    - Select a client +
    +
    + Select a client
    -
    -
    +
    +
    EaglerForge
    -
    +
    Resent Client
    -
    +
    Shadow Client
    -
    +
    Astra Client
    -
    +
    Starlike Client
    - +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/home/downloads/index.html b/src/home/downloads/index.html index 1ea645c..2203b10 100644 --- a/src/home/downloads/index.html +++ b/src/home/downloads/index.html @@ -69,30 +69,30 @@

    Downloads:

    - 1.9.4 - 1.8.8 - 1.5.2 - 1.2.5 - Beta 1.7.3 - Beta 1.3 - Alpha 1.2.6 - Indev + 1.9.4 + 1.8.8 + 1.5.2 + 1.2.5 + Beta 1.7.3 + Beta 1.3 + Alpha 1.2.6 + Indev

    - EaglerForge - Resent Client - Shadow Client - Astra Client - Starlike Client + EaglerForge + Resent Client + Shadow Client + Astra Client + Starlike Client
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/home/game/index.html b/src/home/game/index.html index 5e8bf2e..e5cea41 100644 --- a/src/home/game/index.html +++ b/src/home/game/index.html @@ -72,65 +72,63 @@
    -
    -
    - Select a version +
    +
    + Select a version
    -
    -
    +
    +
    1.9.4
    -
    +
    1.8.8
    -
    +
    1.5.2
    -
    +
    1.2.5
    -
    +
    Beta 1.7.3
    -
    +
    Beta 1.3
    -
    +
    Alpha 1.2.6
    -
    +
    Infdev
    -
    +
    Indev
    -
    +
    Classic
    - +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/mobile/index.html b/src/mobile/index.html index 3bd2655..e78c1b7 100644 --- a/src/mobile/index.html +++ b/src/mobile/index.html @@ -36,7 +36,7 @@
    - +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/mods/mods/index.html b/src/mods/mods/index.html index b37fad2..43d6c98 100644 --- a/src/mods/mods/index.html +++ b/src/mods/mods/index.html @@ -68,18 +68,16 @@
    - +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/mods/resourcepacks/index.html b/src/mods/resourcepacks/index.html index 6d3b19a..ab18ad5 100644 --- a/src/mods/resourcepacks/index.html +++ b/src/mods/resourcepacks/index.html @@ -70,13 +70,11 @@
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/offline.html b/src/offline.html index 7e61d87..b2331be 100644 --- a/src/offline.html +++ b/src/offline.html @@ -37,13 +37,11 @@
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/offline/index.html b/src/offline/index.html index b77ae41..540fdaf 100644 --- a/src/offline/index.html +++ b/src/offline/index.html @@ -40,24 +40,24 @@
    -
    -
    - Select a version +
    +
    + Select a version
    -
    -
    +
    +
    1.9.4
    -
    +
    1.8.8
    -
    +
    1.5.2
    -
    +
    1.2.5
    @@ -75,29 +75,27 @@ Beta 1.3
    -
    +
    Alpha 1.2.6
    -
    +
    Indev
    - +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/resources/scripts/main.ts b/src/resources/scripts/main.ts index b87b898..25e39aa 100644 --- a/src/resources/scripts/main.ts +++ b/src/resources/scripts/main.ts @@ -20,24 +20,24 @@ const theme = { const versionSelector = { open: function () { - const customOptions = document.querySelector('.custom-options'); - const customSelect = document.querySelector('.custom-select'); + const customOptions = document.querySelector('.installations div .installations div .options divs'); + const customSelect = document.querySelector('.installations div .selector'); if (customOptions && customSelect) { customOptions.classList.add('open'); customSelect.classList.add('open'); } }, close: function () { - const customOptions = document.querySelector('.custom-options'); - const customSelect = document.querySelector('.custom-select'); + const customOptions = document.querySelector('.installations div .installations div .options divs'); + const customSelect = document.querySelector('.installations div .selector'); if (customOptions && customSelect) { customOptions.classList.remove('open'); customSelect.classList.remove('open'); } }, toggle: function () { - const customOptions = document.querySelector('.custom-options'); - const customSelect = document.querySelector('.custom-select'); + const customOptions = document.querySelector('.installations div .installations div .options divs'); + const customSelect = document.querySelector('.installations div .selector'); if (customOptions && customSelect) { customOptions.classList.toggle('open'); customSelect.classList.toggle('open'); @@ -64,7 +64,7 @@ const game = { }, select: function (path: string, name?: string) { selectedVersion = path; - const selector = document.querySelector('.custom-select'); + const selector = document.querySelector('.installations div .selector'); if (selector?.textContent) { if (name) { selector.textContent = `Selected: ${name}`; @@ -614,8 +614,7 @@ if (window.location.pathname === '/settings/') { // @ts-expect-error addonData[addonType].forEach((addon) => { const modItem = document.createElement('div'); - modItem.classList.add('mod-item'); - modItem.innerHTML = `
    ${ + modItem.innerHTML = `
    ${ addon.name }

    By ${addon.author}

    ${addon.description}

    ${ addonType === 'mods' diff --git a/src/resources/styles/mobile.css b/src/resources/styles/mobile.css index a6dd3e6..dca1ad5 100644 --- a/src/resources/styles/mobile.css +++ b/src/resources/styles/mobile.css @@ -4,6 +4,6 @@ margin: 10px auto 0 auto; } -.play-button { +.installations button { padding: 10px 10px; } diff --git a/src/resources/styles/themes/campfire.css b/src/resources/styles/themes/campfire.css index 3b8fc52..a508c0c 100644 --- a/src/resources/styles/themes/campfire.css +++ b/src/resources/styles/themes/campfire.css @@ -41,32 +41,32 @@ body { border-top: 1px solid #4a2f1b; } -.custom-select { +.installations div .selector { background-color: #5a3a2a; border: 2px solid #4a2f1b; color: #f5e0c3; box-shadow: 4px 4px #2b1b0f; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #2b1b0f; } -.custom-options { +.installations div .installations div .options divs { background-color: #4a2f1b; box-shadow: 4px 4px #2b1b0f; } -.custom-option:hover { +.installations div .options div:hover { background-color: #6a4a3a; } -.play-button { +.installations button { background-color: #ff6600; border: 2px solid #cc5200; } -.play-button:hover { +.installations button:hover { background-color: #ff8533; border-color: #b34700; } @@ -77,24 +77,11 @@ body { box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3); } -.minecraft-button { - background-color: #cc5200; - border: 1px solid #4a2f1b; -} - -.minecraft-button:hover { - background-color: #e65c00; -} - -.minecraft-button:active { - background-color: #b34700; -} - -.download-link { +.downloads a { background-color: #ff6600; } -.download-link:hover { +.downloads a:hover { background-color: #ff8533; } diff --git a/src/resources/styles/themes/cherry-blossom.css b/src/resources/styles/themes/cherry-blossom.css index 16c72bb..173c8f6 100644 --- a/src/resources/styles/themes/cherry-blossom.css +++ b/src/resources/styles/themes/cherry-blossom.css @@ -59,33 +59,33 @@ body { border-top: 1px solid #e0d1e3; } -.custom-select { +.installations div .selector { border: 2px solid #f2c8d5; background-color: #f9e6f1; color: #333; } -.custom-options { +.installations div .installations div .options divs { border: 2px solid #f2c8d5; background-color: #fceef2; color: #333; scrollbar-color: #f2c8d5 #fceef2; } -.custom-option { +.installations div .options div { border-bottom: 1px solid #f2c8d5; } -.custom-option:hover { +.installations div .options div:hover { background-color: #f8d4e4; } -.play-button { +.installations button { background-color: #e5a1b8; border: 2px solid #d0808e; } -.play-button:hover { +.installations button:hover { background-color: #f7b7bc; border-color: #d0808e; } @@ -95,33 +95,20 @@ body { border-top: 1px solid #e0d1e3; } -.bottom-bar .bottom-bar-left, -.bottom-bar .bottom-bar-right { +.bottom-bar div .bottom-bar-left, +.bottom-bar div .bottom-bar-right { color: #333; } -.bottom-bar .bottom-bar-left:hover { +.bottom-bar div .bottom-bar-left:hover { color: #e5a1b8; } -.minecraft-button { - background-color: #f2c8d5; - border: 1px solid #e0d1e3; -} - -.minecraft-button:hover { - background-color: #e5a1b8; -} - -.minecraft-button:active { +.downloads a { background-color: #d0808e; } -.download-link { - background-color: #d0808e; -} - -.download-link:hover { +.downloads a:hover { background-color: #e5a1b8; } diff --git a/src/resources/styles/themes/default.css b/src/resources/styles/themes/default.css index c99f4de..5f2c290 100644 --- a/src/resources/styles/themes/default.css +++ b/src/resources/styles/themes/default.css @@ -203,13 +203,55 @@ body { border-top: 1px solid #333; } -.custom-select-wrapper { +.installations button { + background-color: #0f990f; + border: 2px solid #007700; + padding: 10px 40px; + border-radius: 5px; + cursor: pointer; + color: #fff; + font-size: 16px; + font-weight: bold; + text-transform: uppercase; + transition: + background-color 0.2s, + border-color 0.2s, + transform 0.2s; + overflow: hidden; + position: relative; +} + +.installations button:hover { + background-color: #17b117; + border-color: #005500; + transform: scale(1.05); +} + +.installations button:hover::before { + width: 0; + height: 0; +} + +.installations button::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 300%; + height: 300%; + background-color: rgba(255, 255, 255, 0.1); + transition: all 0.4s ease-out; + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.installations div { position: relative; display: inline-block; width: 250px; } -.custom-select { +.installations div .selector { display: flex; align-items: center; justify-content: center; @@ -225,15 +267,15 @@ body { transition: box-shadow 0.3s; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #4e4e50; } -.custom-select.open { +.installations div .selector.open { border-radius: 0 0 5px 5px; } -.custom-options { +.installations div .options { position: absolute; bottom: calc(100% + 2px); left: 0; @@ -255,14 +297,7 @@ body { opacity 0.3s ease-out; } -.custom-options.open { - display: block; - max-height: 200px; - padding: 10px 0; - opacity: 1; -} - -.custom-option { +.installations div .options div { display: flex; align-items: center; padding: 10px; @@ -271,62 +306,27 @@ body { transition: background-color 0.3s; } -.custom-option:last-child { +.installations div .options div.open { + display: block; + max-height: 200px; + padding: 10px 0; + opacity: 1; +} + +.installations div .options div:last-child { border-bottom: none; } -.custom-option:hover { +.installations div .options div:hover { background-color: #127e3f; } -.custom-option img { +.installations div .options div img { width: 32px; height: 32px; margin-right: 10px; } -.play-button { - background-color: #0f990f; - border: 2px solid #007700; - padding: 10px 40px; - border-radius: 5px; - cursor: pointer; - color: #fff; - font-size: 16px; - font-weight: bold; - text-transform: uppercase; - transition: - background-color 0.2s, - border-color 0.2s, - transform 0.2s; - overflow: hidden; - position: relative; -} - -.play-button:hover { - background-color: #17b117; - border-color: #005500; - transform: scale(1.05); -} - -.play-button:hover::before { - width: 0; - height: 0; -} - -.play-button::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 300%; - height: 300%; - background-color: rgba(255, 255, 255, 0.1); - transition: all 0.4s ease-out; - border-radius: 50%; - transform: translate(-50%, -50%); -} - .bottom-bar { background-color: #2c2c2c; padding: 10px 20px; @@ -339,24 +339,24 @@ body { box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); } -.bottom-bar .bottom-bar-links { +.bottom-bar div { display: flex; } -.bottom-bar .bottom-bar-left { +.bottom-bar div .left { color: #ddd; margin-right: 10px; text-decoration: none; } -.bottom-bar .bottom-bar-right { +.bottom-bar div .right { color: #ddd; margin-left: 10px; text-decoration: none; } -.bottom-bar .bottom-bar-left.link:hover, -.bottom-bar .bottom-bar-right.link:hover { +.bottom-bar div a[class='left']:hover, +.bottom-bar div a[class='right']:hover { text-decoration: underline; cursor: pointer; } @@ -375,30 +375,6 @@ body { padding: 5px 0 20px 30px; } -.minecraft-button { - background-color: #a9a9a9; - border: 1px solid #333; - border-radius: 5px; - padding: 10px 20px; - font-size: 16px; - font-weight: bold; - text-transform: uppercase; - cursor: pointer; - outline: none; -} - -.minecraft-button:hover { - background-color: #bdbdbd; -} - -.minecraft-button:active { - background-color: #8a8a8a; -} - -.version-label { - margin-right: 10px; -} - .downloads { padding: 25px; padding-top: 5px; @@ -406,7 +382,7 @@ body { align-items: center; } -.download-link { +.downloads a { display: inline-block; background-color: #048239; color: #fff; @@ -417,7 +393,7 @@ body { transition: background-color 0.3s; } -.download-link:hover { +.downloads a:hover { background-color: #00cc00; } @@ -431,7 +407,7 @@ body { scrollbar-color: #555 #333; } -.mod-item { +.mod-list div { background-color: #333; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); @@ -441,7 +417,7 @@ body { padding-bottom: 35px; } -.mod-item .mod-icon { +.mod-list div img { width: 80px; height: 80px; margin: 0 auto 10px; @@ -449,34 +425,34 @@ body { object-fit: cover; } -.mod-item .mod-details { +.mod-list div .mod-details { padding: 10px 0; } -.mod-item .mod-name { +.mod-list div .mod-details strong { font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #fff; } -.mod-item .mod-author { +.mod-list div .mod-details .mod-author { font-size: 12px; color: #ccc; margin-bottom: 5px; } -.mod-item .mod-author a { +.mod-list div .mod-details .mod-author a { color: #0000ee; } -.mod-item .mod-description { +.mod-list div .mod-details .mod-description { font-size: 14px; color: #bbb; margin-bottom: 10px; } -.mod-item .mod-links { +.mod-list div .mod-links { display: flex; justify-content: space-around; width: calc(100% - 10px); @@ -486,8 +462,8 @@ body { justify-content: center; } -.mod-item .mod-links .mod-download, -.mod-item .mod-links .mod-install { +.mod-list div .mod-links .mod-download, +.mod-list div .mod-links .mod-install { flex: 1; margin: 0 5px; padding: 5px; @@ -497,32 +473,130 @@ body { transition: background-color 0.3s; } -.mod-item .mod-links .mod-download { +.mod-list div .mod-links .mod-download { background-color: #555; } -.mod-item .mod-links .mod-download:hover { +.mod-list div .mod-links .mod-download:hover { cursor: pointer; background-color: #777; } -.mod-item .mod-links .mod-install { +.mod-list div .mod-links .mod-install { background-color: #4c4; } -.mod-item .mod-links .mod-install:hover { +.mod-list div .mod-links .mod-install:hover { cursor: pointer; background-color: #00b300; } -.mod-item .mod-links .mod-install.installed { +.mod-list div .mod-links .mod-install.installed { background-color: #ff0000; } -.mod-item .mod-links .mod-install.installed:hover { +.mod-list div .mod-links .mod-install.installed:hover { background-color: #cc0000; } +.article-list { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 10px; + padding: 10px; + text-align: center; + scrollbar-width: thin; + scrollbar-color: #555 #333; +} + +.article-list div { + background-color: #333; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + padding: 10px; + text-align: center; + position: relative; + padding-bottom: 0; +} + +.article-list div:hover { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + cursor: pointer; + background-color: #3d3d3d; +} + +.article-list div img { + width: 80px; + height: 80px; + margin: 0 auto 10px; + border-radius: 5px; + object-fit: cover; +} + +.article-list div .article-details { + padding: 10px 0; +} + +.article-list div .article-details strong { + font-size: 16px; + font-weight: bold; + margin-bottom: 5px; + color: #fff; +} + +.article-list div .article-details p { + font-size: 14px; + color: #bbb; + margin-bottom: 10px; +} + +.article { + display: none; + position: fixed; + width: 500vw; + height: 500vh; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); + justify-content: center; + align-items: center; +} + +.article div { + background-color: #333; + padding: 20px; + border: 1px solid #888; + width: 65vw; + height: 85vh; + max-width: 85vw; + border-radius: 15px; + color: #fff; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: #555 #333; + position: relative; +} + +.article div span { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + position: absolute; + top: 15px; + right: 15px; +} + +.article div span:hover, +.article div span:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.article div div a { + color: #0000ee; +} + .server-list { display: flex; flex: 1; @@ -535,7 +609,18 @@ body { border: none; } -.version-select { +.archive div { + margin: 1rem; + padding: 1rem; + border: 2px solid #3c3c3c; + border-radius: 8px; + background-color: #2e2e2e; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.archive div select { width: 100%; padding: 0.5rem; border: 2px solid #4a4a4a; @@ -559,72 +644,53 @@ body { background-color 0.3s; } -.version-select:focus { - border-color: #4a90e2; +.archive div select:focus { + border-color: #00cc00; outline: none; background-color: #2e2e2e; } -.version-select option { +.archive div select option { background-color: #1e1e1e; color: #ffffff; } -.version-label { +.archive div label { font-size: 1rem; color: #ffffff; margin-bottom: 0.5rem; + margin-right: 10px; } -.archive-section { - margin: 1rem; - padding: 1rem; - border: 2px solid #3c3c3c; - border-radius: 8px; - background-color: #2e2e2e; - display: flex; - flex-direction: column; - align-items: flex-start; -} - -.archive-button { - padding: 0.5rem 1rem; - margin-top: 0.5rem; - border: none; - border-radius: 5px; - background-color: #4a90e2; - color: #ffffff; - font-size: 1rem; - cursor: pointer; - transition: background-color 0.3s; -} - -.archive-link { +.archive button { padding: 0.5rem 1rem; margin: 0.5rem 1rem; border: none; border-radius: 5px; - background-color: #4a90e2; + background-color: #048239; color: #ffffff; font-size: 1rem; cursor: pointer; transition: background-color 0.3s; + width: calc(100% - 2rem); } -.archive-button:hover, -.archive-link:hover { - background-color: #357abd; +.archive button:hover { + background-color: #00cc00; } -.archive-button:focus, -.archive-link:focus { +.archive button:focus { outline: none; - box-shadow: 0 0 0 2px #357abd; + box-shadow: 0 0 0 2px #00cc00; } -.archive-button:active, -.archive-link:active { - transform: scale(0.95); +.archive button:active { + transform: scale(0.99); +} + +.archive div button { + margin: 0.5rem 0 0 0; + width: 100%; } .settings { @@ -635,12 +701,12 @@ body { justify-content: center; } -.settings-section { +.settings form { margin: 5px; } -.settings-input, -.settings-select { +.settings form input[type='text'], +.settings form select { width: calc(100% - 22px); padding: 10px; margin-bottom: 10px; @@ -651,17 +717,17 @@ body { appearance: none; } -.settings-checkbox { +.settings form input[type='checkbox'] { padding: 10px; margin-bottom: 15px; } -.settings-input:focus, -.settings-select:focus { +.settings form input[type='text']:focus, +.settings form select:focus { outline: none; } -.setup-submit { +.settings form button[type='submit'] { width: 100%; padding: 10px; border: none; @@ -672,11 +738,10 @@ body { transition: background-color 0.2s; } -.setup-submit:hover { +.settings form button[type='submit']:hover { background-color: #00ff00; } -.setup-page, .error-page { display: flex; flex: 1; @@ -687,104 +752,6 @@ body { padding-bottom: 7%; } -.article-list { - display: grid; - grid-template-columns: repeat(6, 1fr); - gap: 10px; - padding: 10px; - text-align: center; - scrollbar-width: thin; - scrollbar-color: #555 #333; -} - -.article-item { - background-color: #333; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - padding: 10px; - text-align: center; - position: relative; - padding-bottom: 0; -} - -.article-item:hover { - box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); - cursor: pointer; - background-color: #3d3d3d; -} - -.article-item .article-icon { - width: 80px; - height: 80px; - margin: 0 auto 10px; - border-radius: 5px; - object-fit: cover; -} - -.article-item .article-details { - padding: 10px 0; -} - -.article-item .article-name { - font-size: 16px; - font-weight: bold; - margin-bottom: 5px; - color: #fff; -} - -.article-item .article-description { - font-size: 14px; - color: #bbb; - margin-bottom: 10px; -} - -.article { - display: none; - position: fixed; - width: 500vw; - height: 500vh; - overflow: auto; - background-color: rgba(0, 0, 0, 0.5); - justify-content: center; - align-items: center; -} - -.article .article-content { - background-color: #333; - padding: 20px; - border: 1px solid #888; - width: 65vw; - height: 85vh; - max-width: 85vw; - border-radius: 15px; - color: #fff; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: #555 #333; - position: relative; -} - -.article .article-content a { - color: #0000ee; -} - -.article .article-content .close-button { - color: #aaa; - float: right; - font-size: 28px; - font-weight: bold; - position: absolute; - top: 15px; - right: 15px; -} - -.article .article-content .close-button:hover, -.article .article-content .close-button:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} - @media (max-width: 1750px) { .mod-list, .article-list { diff --git a/src/resources/styles/themes/hyperdark.css b/src/resources/styles/themes/hyperdark.css index f99369d..f062d5d 100644 --- a/src/resources/styles/themes/hyperdark.css +++ b/src/resources/styles/themes/hyperdark.css @@ -48,18 +48,18 @@ body { background-color: #1c1c1c; } -.custom-select { +.installations div .selector { border: 2px solid #444; background-color: #333; color: #e0e0e0; box-shadow: 4px 4px #111; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #111; } -.custom-options { +.installations div .installations div .options divs { border: 2px solid #444; background-color: #222; box-shadow: 4px 4px #111; @@ -67,21 +67,21 @@ body { scrollbar-color: #333 #222; } -.custom-option { +.installations div .options div { border-bottom: 1px solid #444; } -.custom-option:hover { +.installations div .options div:hover { background-color: #333; } -.play-button { +.installations button { background-color: #444; border: 2px solid #333; color: #e0e0e0; } -.play-button:hover { +.installations button:hover { background-color: #555; border-color: #444; } @@ -91,37 +91,24 @@ body { box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5); } -.bottom-bar .bottom-bar-left { +.bottom-bar div .bottom-bar-left { color: #e0e0e0; } -.bottom-bar .bottom-bar-left:hover { +.bottom-bar div .bottom-bar-left:hover { color: #aaa; } -.bottom-bar .bottom-bar-right { +.bottom-bar div .bottom-bar-right { color: #e0e0e0; } -.minecraft-button { - background-color: #333; - border: 1px solid #444; -} - -.minecraft-button:hover { - background-color: #444; -} - -.minecraft-button:active { - background-color: #555; -} - -.download-link { +.downloads a { background-color: #333; color: #e0e0e0; } -.download-link:hover { +.downloads a:hover { background-color: #444; } diff --git a/src/resources/styles/themes/light.css b/src/resources/styles/themes/light.css index 2712256..f302df3 100644 --- a/src/resources/styles/themes/light.css +++ b/src/resources/styles/themes/light.css @@ -45,66 +45,53 @@ body { border-top: 1px solid #ddd; } -.custom-select { +.installations div .selector { border: 2px solid #ccc; background-color: #fff; color: #333; box-shadow: 4px 4px #ddd; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #ddd; } -.custom-options { +.installations div .installations div .options divs { border: 2px solid #ccc; background-color: #fff; box-shadow: 4px 4px #ddd; } -.custom-option { +.installations div .options div { border-bottom: 1px solid #ccc; color: #333; } -.custom-option:hover { +.installations div .options div:hover { background-color: #f0f0f0; } -.play-button { +.installations button { background-color: #4caf50; border: 2px solid #388e3c; color: #fff; } -.play-button:hover { +.installations button:hover { background-color: #66bb6a; border-color: #2e7d32; } -.bottom-bar .bottom-bar-left, -.bottom-bar .bottom-bar-right { +.bottom-bar div .bottom-bar-left, +.bottom-bar div .bottom-bar-right { color: #333; } -.minecraft-button { - background-color: #e0e0e0; - border: 1px solid #ccc; -} - -.minecraft-button:hover { - background-color: #d5d5d5; -} - -.minecraft-button:active { - background-color: #bdbdbd; -} - -.download-link { +.downloads a { background-color: #4caf50; } -.download-link:hover { +.downloads a:hover { background-color: #66bb6a; } diff --git a/src/resources/styles/themes/nether.css b/src/resources/styles/themes/nether.css index 18cc58e..84b2ece 100644 --- a/src/resources/styles/themes/nether.css +++ b/src/resources/styles/themes/nether.css @@ -40,32 +40,32 @@ body { border-top: 1px solid #5c3c3c; } -.custom-select { +.installations div .selector { background-color: #8b0000; border: 2px solid #4c2c2c; box-shadow: 4px 4px #5c3c3c; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #5c3c3c; } -.custom-options { +.installations div .installations div .options divs { background-color: #4c2c2c; border: 2px solid #4c2c2c; box-shadow: 4px 4px #5c3c3c; } -.custom-option:hover { +.installations div .options div:hover { background-color: #8b0000; } -.play-button { +.installations button { background-color: #ff4500; border: 2px solid #8b0000; } -.play-button:hover { +.installations button:hover { background-color: #ff6347; border-color: #8b0000; } @@ -76,29 +76,16 @@ body { box-shadow: 0 -2px 4px rgba(255, 69, 0, 0.2); } -.bottom-bar .bottom-bar-left, -.bottom-bar .bottom-bar-right { +.bottom-bar div .bottom-bar-left, +.bottom-bar div .bottom-bar-right { color: #ffcc00; } -.minecraft-button { - background-color: #8b0000; - border: 1px solid #4c2c2c; -} - -.minecraft-button:hover { - background-color: #a52a2a; -} - -.minecraft-button:active { - background-color: #5c3c3c; -} - -.download-link { +.downloads a { background-color: #8b0000; } -.download-link:hover { +.downloads a:hover { background-color: #ff4500; } diff --git a/src/resources/styles/themes/overworld.css b/src/resources/styles/themes/overworld.css index ab6186e..541d413 100644 --- a/src/resources/styles/themes/overworld.css +++ b/src/resources/styles/themes/overworld.css @@ -40,32 +40,32 @@ body { border-top: 1px solid #5c7c5c; } -.custom-select { +.installations div .selector { background-color: #00b000; border: 2px solid #4c6c4c; box-shadow: 4px 4px #5c7c5c; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #5c7c5c; } -.custom-options { +.installations div .installations div .options divs { background-color: #4c6c4c; border: 2px solid #4c6c4c; box-shadow: 4px 4px #5c7c5c; } -.custom-option:hover { +.installations div .options div:hover { background-color: #00b000; } -.play-button { +.installations button { background-color: #00ff00; border: 2px solid #00b000; } -.play-button:hover { +.installations button:hover { background-color: #32ff32; border-color: #00b000; } @@ -76,29 +76,16 @@ body { box-shadow: 0 -2px 4px rgba(0, 255, 0, 0.2); } -.bottom-bar .bottom-bar-left, -.bottom-bar .bottom-bar-right { +.bottom-bar div .bottom-bar-left, +.bottom-bar div .bottom-bar-right { color: #00ff00; } -.minecraft-button { - background-color: #00b000; - border: 1px solid #4c6c4c; -} - -.minecraft-button:hover { - background-color: #32cd32; -} - -.minecraft-button:active { - background-color: #5c7c5c; -} - -.download-link { +.downloads a { background-color: #00b000; } -.download-link:hover { +.downloads a:hover { background-color: #00ff00; } diff --git a/src/resources/styles/themes/retro.css b/src/resources/styles/themes/retro.css index 219bf23..3aca795 100644 --- a/src/resources/styles/themes/retro.css +++ b/src/resources/styles/themes/retro.css @@ -28,11 +28,10 @@ body { .profile, .nav-bar li, .installations, -.custom-select, -.custom-options, -.play-button, -.minecraft-button, -.download-link { +.installations div .selector, +.installations div .installations div .options divs, +.installations button, +.downloads a { background-color: #111; border: 2px solid #00ff00; color: #00ff00; @@ -40,42 +39,40 @@ body { .nav-bar li:hover, .nav-bar li.selected, -.custom-option:hover, -.play-button:hover, -.minecraft-button:hover, -.download-link:hover { +.installations div .options div:hover, +.installations button:hover, +.downloads a:hover { background-color: #333; } -.custom-select:hover, -.custom-select.open, -.play-button:hover, -.minecraft-button:hover, -.download-link:hover { +.installations div .selector:hover, +.installations div .selector.open, +.installations button:hover, +.downloads a:hover { box-shadow: none; } -.custom-option { +.installations div .options div { border-bottom: 1px solid #00ff00; } -.custom-option:last-child { +.installations div .options div:last-child { border-bottom: none; } -.play-button::before { +.installations button::before { background-color: rgba(0, 255, 0, 0.1); } -.play-button:hover::before { +.installations button:hover::before { background-color: rgba(0, 255, 0, 0.2); } -.play-button span { +.installations button span { animation: none; } -.bottom-bar .bottom-bar-left:hover { +.bottom-bar div .bottom-bar-left:hover { text-decoration: none; color: #00ff00; } diff --git a/src/resources/styles/themes/starfall.css b/src/resources/styles/themes/starfall.css index 52d33cb..cb73af7 100644 --- a/src/resources/styles/themes/starfall.css +++ b/src/resources/styles/themes/starfall.css @@ -24,31 +24,31 @@ body { color: #00ccff; } -.custom-select, -.custom-options { +.installations div .selector, +.installations div .installations div .options divs { background-color: rgba(0, 0, 0, 0.8); color: #00ccff; border: 2px solid #00ccff; } -.custom-option:hover { +.installations div .options div:hover { background-color: rgba(0, 204, 255, 0.2); } -.play-button { +.installations button { background-color: #00ccff; border: 2px solid #0099cc; } -.play-button:hover { +.installations button:hover { background-color: #00e6ff; border-color: #0077aa; } -.download-link { +.downloads a { background-color: #00ccff; } -.download-link:hover { +.downloads a:hover { background-color: #00e6ff; } diff --git a/src/resources/styles/themes/the-end.css b/src/resources/styles/themes/the-end.css index bb2ad26..ca86138 100644 --- a/src/resources/styles/themes/the-end.css +++ b/src/resources/styles/themes/the-end.css @@ -42,59 +42,46 @@ body { border-top: 1px solid #330066; } -.custom-select { +.installations div .selector { background-color: #4d0099; border: 2px solid #330066; box-shadow: 4px 4px #6600cc; } -.custom-select:hover { +.installations div .selector:hover { box-shadow: 6px 6px #6600cc; } -.custom-options { +.installations div .installations div .options divs { background-color: #330066; border: 2px solid #22004d; box-shadow: 4px 4px #6600cc; } -.custom-option:hover { +.installations div .options div:hover { background-color: #4d0099; } -.play-button { +.installations button { background-color: #6600cc; border: 2px solid #330066; } -.play-button:hover { +.installations button:hover { background-color: #8000ff; border-color: #22004d; } -.bottom-bar .bottom-bar-left:hover { +.bottom-bar div .bottom-bar-left:hover { text-decoration: underline; color: #b300b3; } -.minecraft-button { - background-color: #8000ff; - border: 1px solid #330066; -} - -.minecraft-button:hover { - background-color: #9933ff; -} - -.minecraft-button:active { - background-color: #6600cc; -} - -.download-link { +.downloads a { background-color: #4d0099; } -.download-link:hover { +.downloads a:hover { background-color: #8000ff; } diff --git a/src/servers/index.html b/src/servers/index.html index 1bcdb06..5304a9e 100644 --- a/src/servers/index.html +++ b/src/servers/index.html @@ -66,13 +66,11 @@
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/settings/index.html b/src/settings/index.html index 310ac5f..2d84c53 100644 --- a/src/settings/index.html +++ b/src/settings/index.html @@ -63,36 +63,32 @@
    -
    +
    - -
    -
    + - -
    - -
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/updates/index.html b/src/updates/index.html index e2c5ac0..7771bd0 100644 --- a/src/updates/index.html +++ b/src/updates/index.html @@ -67,13 +67,11 @@
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.
    diff --git a/src/welcome/index.html b/src/welcome/index.html index a33049a..18cb72b 100644 --- a/src/welcome/index.html +++ b/src/welcome/index.html @@ -19,32 +19,30 @@
    -
    +

    Welcome to MineXLauncher!

    Let's get you setup.

    - + - - + --> +
    -
    - Join the MineXLauncher Discord + -
    - © 2024 MineXLauncher. All rights reserved. +
    + © 2024 MineXLauncher. All rights reserved.