From be6a6a593598965cdbfede7f598ac5d400afbda8 Mon Sep 17 00:00:00 2001
From: AlexC <136982252+alexceend@users.noreply.github.com>
Date: Tue, 14 Jul 2026 23:59:13 +0200
Subject: [PATCH] [GUI] New box "About" in configuration (#165)

* Added about tab with github and discord

* Added discord & github svgs and svg support

* Changed svg to pngs and localization text in english & spanish
---
 assets/images/discord.png            | Bin 0 -> 698 bytes
 assets/images/github.png             | Bin 0 -> 802 bytes
 src/SharpEmu.GUI/Languages/en.json   |  10 +++-
 src/SharpEmu.GUI/Languages/es.json   |  10 +++-
 src/SharpEmu.GUI/MainWindow.axaml    |  66 +++++++++++++++++++++++++++
 src/SharpEmu.GUI/MainWindow.axaml.cs |  27 +++++++++++
 src/SharpEmu.GUI/SharpEmu.GUI.csproj |   2 +
 7 files changed, 113 insertions(+), 2 deletions(-)
 create mode 100644 assets/images/discord.png
 create mode 100644 assets/images/github.png

diff --git a/assets/images/discord.png b/assets/images/discord.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3ebd414cb5fa296a9d7ccbaa51bb284783ca2c3
GIT binary patch
literal 698
zcmV;r0!96aP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0007SNkl<Zcmdp$
z;gRAn427Svjbtl1wi2KcLM712(g{=&-}fXZz#Tg~b2IzrgeA*QPm=8<4EkaDPaCw>
zHt4C%?b=$ij<0TVZYiJG1NxHlbVZPME-JN83hq!RSzW}9t`yC=wfPzl7#nnI(v@8E
zoCj26ZO~eCp_4+M)r4e)W`D#OAAxcv>Y1qqxE(h;^jcnPZNO@aviY=SvWw^`mC0uM
zQmTs^S1pLypm&^DucNqL-aW5Ud*k%eG~J=}r(Uz4U=|%SpxUYamR=#--AzAn0&7lR
zQB%FaARbIS)DC665YijtJ&$CllG-v!<q7fg(9n;<y)`gKpR%@ek>V0sq<ftMdPdE8
zwIRRiqo2X{Aqw9kD@+mb5h%!nGTH+*9N#bTAX=k)Swfp(mPVyKC5yyk!kF|!H!1kZ
z_kK$Z*TX*bh<l~tge<=Xjxa7rVaBOZ-$gF+8k<JY<pg75D(U`ML9@W=h#d#!%~Jrh
zQ?@-(obr(HVo1VW<M<WN9aa#`BcFll1g$1nk~!h=>E~a<ZV6^2jT}F*iL2Ch1qq3w
z1};12hIC_=fSVR+1=aKM-vc!&cIPDI({puMtq9mhjvD~gNZLKxAKK$LQM{#l@)OFW
z&QGA5&;aSk<_RWA_>$rl(oxc0n)|yhIAL4}zIgw2R_H?tc+ww@&DjqTaYo;zIMc$Q
zU~+7oa4r#VCi#1KHxG>%!oIO8ES<<56=c-Nnh|kXuZYE-xDzHxw^{Os)EnwcA<rjq
zjyay)+;zOx+Q2K5(PPB${ubdYGW@Lu+yTQNH=Z{2)Zp7n|3LWh2EPFS0RR6c^nSwt
g000I_L_t&o0BcV7F)Cur<^TWy07*qoM6N<$g4;AnS^xk5

literal 0
HcmV?d00001

diff --git a/assets/images/github.png b/assets/images/github.png
new file mode 100644
index 0000000000000000000000000000000000000000..74b0fa01c36d15bd8ab233ca3a933ad4b90b74bd
GIT binary patch
literal 802
zcmV+-1Ks?IP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%0008lNkl<Zcma%*
zJ!q6c5Qg7b@5rB$1TKNIvC}gCREnrgEJQ&NCAE!WVIdk(3DHIiD;p)Xh1e>_MhhcI
zP%A5=AQmBo2Ny^@61@10&+J_ejm>Rlc4pt1d3SdA%O!0YAKlCDK3x=EE8Lg7@FlD>
zmJ2Tyu(7UTrz3Yux&9$^Z;l_3zLIo7ri$cMY}MrPHze6^h*+!Q($&aiJ+8k-hmgR8
zy!3+DE_YS2GOAz-f!A2O%pwx%+X?i!G@EM!LNg)2F#?ZeDhswKYSqyjtVV!tsW%Kt
zp*&(5#Vti`aNu{2JVUq?0D0@!8pJEXV=)1Q#71G|S_7`(uTzJsW&9ab3Fd1!+z&Hi
zQm>hfT1tZ~A8~tg*vSpqJ?u-W?^?3{6gg6l0O)W;(ok?EI=Mm-twRMW*@oH!;!DZW
zQSAM)*-h*T^j13@rVwn#HL)1Qzns{B%VrruQ1UO~cBu=w1d^8ZUOKb}_Xar>xk;PC
z>sF@Vs-q#)*zW{cC3vE3cKHeV9_>~>P}`rA<JhL?P=gMu%w*CwHPp-r-Azr7##_(|
z^^^?qSXwl^EZ`c@SoXV{#-a<0DQe}5iMj#j<K?As)hGAs;dH6wdS55k`Pk$dGPOs`
zIm8*B`7htsM*lO!_oL4V97L5HY}Hm1i_aOsq042yAuFWAD(fx3ICX6q5C!&{&+8=G
z8{s%@<}*D_0OtW#0x;RSE7bvqNghCVKyZYdEco$1-{YLhX+WV)m6ItoBt76!Y~G|N
zEE?eP)AXJ2C%JtyvpZ%M|9XV8%yHdx<xqJBI1#C8!10jWd76=ME=qa_xQg8?S(S~O
z+E9f@0#;{$lMaN##&X#zt5<-Nk(3F;0XR;=8<b;fgiiMGRi1IF9Pzf6D6WG^I81Ap
zS!z$KJyP3dW0p=ycH5+QoF9<ylynZ=l(XF5Fq_4Ft*Foq$R;*}VgCRC0RR8feFD({
g000I_L_t&o01(_TT;Frsi2wiq07*qoM6N<$f-0(U-2eap

literal 0
HcmV?d00001

diff --git a/src/SharpEmu.GUI/Languages/en.json b/src/SharpEmu.GUI/Languages/en.json
index 570c4ef..803d77f 100644
--- a/src/SharpEmu.GUI/Languages/en.json
+++ b/src/SharpEmu.GUI/Languages/en.json
@@ -125,5 +125,13 @@
   "Dialog.PsExecutables": "PS executables",
   "Dialog.SaveLogFile": "Select where to save the Log file",
   "Dialog.PlainTextFiles": "Plain Text Files",
-  "Dialog.LogFiles": "Log Files"
+  "Dialog.LogFiles": "Log Files",
+
+  "Options.About" : "About",
+  "About.Github.Label": "GitHub",
+  "About.Github.Desc": "Source code, issues and project development.",
+  "About.Discord.Label": "Discord",
+  "About.Discord.Desc": "Join the community, get support and follow development.",
+  "About.GithubButton": "Contribute in GitHub!",
+  "About.DiscordButton": "Join our Discord!"
 }
diff --git a/src/SharpEmu.GUI/Languages/es.json b/src/SharpEmu.GUI/Languages/es.json
index 4ee27d2..b572e65 100644
--- a/src/SharpEmu.GUI/Languages/es.json
+++ b/src/SharpEmu.GUI/Languages/es.json
@@ -125,5 +125,13 @@
   "Dialog.PsExecutables": "Ejecutables de PS",
   "Dialog.SaveLogFile": "Selecciona dónde guardar el archivo de Logs",
   "Dialog.PlainTextFiles": "Archivos en texto plano",
-  "Dialog.LogFiles": "Archivos de Log"
+  "Dialog.LogFiles": "Archivos de Log",
+
+  "Options.About" : "Informacion",
+  "About.Github.Label": "GitHub",
+  "About.Github.Desc": "Código fuente, issues y desarrollo del proyecto.",
+  "About.Discord.Label": "Discord",
+  "About.Discord.Desc": "Únete a la comunidad, recibe soporte y sigue el desarrollo.",
+  "About.GithubButton": "Contribuye en GitHub!",
+  "About.DiscordButton": "Únete a nuestro Discord!"
 }
diff --git a/src/SharpEmu.GUI/MainWindow.axaml b/src/SharpEmu.GUI/MainWindow.axaml
index 036002d..76c2b1f 100644
--- a/src/SharpEmu.GUI/MainWindow.axaml
+++ b/src/SharpEmu.GUI/MainWindow.axaml
@@ -317,7 +317,73 @@ SPDX-License-Identifier: GPL-2.0-or-later
                       </Grid>
                     </StackPanel>
                   </Border>
+                  <Border Classes="card">
+                    <StackPanel Spacing="14">
+                      <TextBlock x:Name="AboutSectionTitle"
+                                Classes="sectionTitle"
+                                Text="ABOUT" />
+                      
+                      <!--Github-->
+                      <Grid ColumnDefinitions="*,Auto">
+                        <StackPanel Grid.Column="0"
+                                      Orientation="Horizontal"
+                                      Spacing="8"
+                                      VerticalAlignment="Center">
+                          <Image Source="avares://SharpEmu.GUI/Assets/github.png"
+                                    Width="20"
+                                    Height="20"
+                                    VerticalAlignment="Center" />
+                          <StackPanel VerticalAlignment="Center"
+                                          Spacing="2">
+                            <TextBlock x:Name="GithubLabel"
+                                            Text="GitHub"
+                                            FontSize="13" />
+                            <TextBlock x:Name="GithubDesc"
+                                            Text="Source code, issues and project development."
+                                            FontSize="11"
+                                            Foreground="{StaticResource MutedBrush}"
+                                            TextWrapping="Wrap" />
+                          </StackPanel>
+                        </StackPanel>
 
+                        <Button Grid.Column="1"
+                                x:Name="GithubButton"
+                                Classes="ghost"
+                                Content="Open"
+                                VerticalAlignment="Center" />
+                      </Grid>
+
+                      <!--Discord-->
+                      <Grid ColumnDefinitions="*,Auto">
+                        <StackPanel Grid.Column="0"
+                                        Orientation="Horizontal"
+                                        Spacing="8"
+                                        VerticalAlignment="Center">
+                          <Image Source="avares://SharpEmu.GUI/Assets/discord.png"
+                                  Width="20"
+                                  Height="20"
+                                  VerticalAlignment="Center" />
+                          <StackPanel VerticalAlignment="Center"
+                                      Spacing="2">
+                            <TextBlock x:Name="DiscordServerLabel"
+                                      Text="Discord"
+                                      FontSize="13" />
+                            <TextBlock x:Name="DiscordServerDesc"
+                                      Text="Join the community, get support and follow development."
+                                      FontSize="11"
+                                      Foreground="{StaticResource MutedBrush}"
+                                      TextWrapping="Wrap" />
+                          </StackPanel>
+                        </StackPanel>
+
+                        <Button Grid.Column="1"
+                                x:Name="DiscordButton"
+                                Classes="ghost"
+                                Content="Join"
+                                VerticalAlignment="Center" />
+                      </Grid>
+                    </StackPanel>
+                  </Border>
                 </StackPanel>
               </ScrollViewer>
             </TabItem>
diff --git a/src/SharpEmu.GUI/MainWindow.axaml.cs b/src/SharpEmu.GUI/MainWindow.axaml.cs
index 7794f87..c5714e9 100644
--- a/src/SharpEmu.GUI/MainWindow.axaml.cs
+++ b/src/SharpEmu.GUI/MainWindow.axaml.cs
@@ -147,6 +147,25 @@ public partial class MainWindow : Window
         };
         _gamepadTimer.Tick += (_, _) => PollGamepad();
         _gamepadTimer.Start();
+
+
+        GithubButton.Click += (_, _) =>
+        {
+            Process.Start(new ProcessStartInfo
+            {
+                FileName = "https://github.com/par274/sharpemu",
+                UseShellExecute = true
+            });
+        };
+
+        DiscordButton.Click += (_, _) =>
+        {
+            Process.Start(new ProcessStartInfo
+            {
+                FileName = "https://discord.com/invite/6GejPEDqpc",
+                UseShellExecute = true
+            });
+        };
     }
 
     /// <summary>
@@ -443,6 +462,14 @@ public partial class MainWindow : Window
         LaunchButton.Content = loc.Get("Launch.Launch");
         StopButton.Content = loc.Get("Launch.Stop");
 
+        AboutSectionTitle.Text = loc.Get("Options.About");
+        GithubLabel.Text = loc.Get("About.Github.Label");
+        GithubDesc.Text = loc.Get("About.Github.Desc");
+        DiscordServerLabel.Text = loc.Get("About.Discord.Label");
+        DiscordServerDesc.Text = loc.Get("About.Discord.Desc");
+        GithubButton.Content = loc.Get("About.GithubButton");
+        DiscordButton.Content = loc.Get("About.DiscordButton");
+
         UpdateEmptyStateTexts();
         UpdateSelectedGameTexts();
     }
diff --git a/src/SharpEmu.GUI/SharpEmu.GUI.csproj b/src/SharpEmu.GUI/SharpEmu.GUI.csproj
index c16f714..9eff14d 100644
--- a/src/SharpEmu.GUI/SharpEmu.GUI.csproj
+++ b/src/SharpEmu.GUI/SharpEmu.GUI.csproj
@@ -28,6 +28,8 @@ SPDX-License-Identifier: GPL-2.0-or-later
 
   <ItemGroup>
     <AvaloniaResource Include="..\..\assets\images\SharpEmu.ico" Link="Assets/SharpEmu.ico" />
+    <AvaloniaResource Include="..\..\assets\images\github.png" Link="Assets/github.png" />
+    <AvaloniaResource Include="..\..\assets\images\discord.png" Link="Assets/discord.png" />
   </ItemGroup>
 
   <ItemGroup>