BeamMP/BeamMP-Website
1
0
Fork 0
mirror of https://github.com/BeamMP/BeamMP-Website.git synced 2025-07-03 16:25:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added new download buttons courtesy of Alex

Browse Source
This commit is contained in:
Starystars67 2023-12-06 12:46:11 +00:00
parent 97cd0c9444
commit 4e8825740a
2 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/static/css/styles.css
View File

@ -134,7 +134,7 @@ nav li {
.logo-image { .logo-image {
width: 200px; width: 200px;
/*height: 200px;*/ height: 200px;
/*border-radius: 50%;*/ /*border-radius: 50%;*/
/*margin-top: -57px;*/ /*margin-top: -57px;*/
} }
@ -328,7 +328,7 @@ p {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
min-width: 260px; min-width: 297px;
} }
.description { .description {
@ -338,6 +338,20 @@ p {
opacity: .9; opacity: .9;
} }
div.buttons {
min-width: 297px;
}
div.buttons.mt-3 {
min-width: 297px;
}
img.os-icon {
width: 32px !important;
height: 32px !important;
margin-left: 0 !important;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
#button { #button {
display: none; display: none;

25
src/views/index.ejs
View File

@ -38,16 +38,29 @@
<div id="button" class="col-lg-4 col-md-4 col-sm-4 buttons-wrapper hidden-xs"> <div id="button" class="col-lg-4 col-md-4 col-sm-4 buttons-wrapper hidden-xs">
<div class="buttons"> <div class="buttons">
<button class="download-client js-show-story" onclick="downloadinstaller()" href="beamMP.zip" download> <button class="download-client js-show-story" onclick="downloadinstaller()" href="beamMP.zip" download>
<span class="text">Download Client</span> <img class="os-icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/windows8/windows8-original.svg" alt="windows-logo">
<span class="text">Download Client</span>
<span class="description"> BeamMP_Installer.zip</span> <span class="description"> BeamMP_Installer.zip</span>
</button> </button>
</div> </div>
<div class="buttons mt-3"> <div class="buttons mt-3">
<button class="download-client js-show-story" onclick="downloadserver()" href="beamMP.zip" download style="background: radial-gradient(circle,rgb(255 179 38 / 80%),rgb(255 176 0 / 65%)) center/100%;"> <form action="https://github.com/BeamMP/BeamMP-Server/releases/latest/download/BeamMP-Server.exe">
<span class="text">Download Server</span> <button class="download-client js-show-story" style="background: radial-gradient(circle,rgb(255 179 38 / 80%),rgb(255 176 0 / 65%)) center/100%;">
<span class="description"> BeamMP-Server</span> <img class="os-icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/windows8/windows8-original.svg" alt="windows-logo">
</button> <span class="text">Download Server</span>
</div> <span class="description"> BeamMP-Server.exe</span>
</button>
</form>
</div>
<div class="buttons mt-3">
<form action="https://github.com/BeamMP/BeamMP-Server/releases/latest">
<button class="download-client js-show-story" style="background: radial-gradient(circle,rgb(255 179 38 / 80%),rgb(255 176 0 / 65%)) center/100%;">
<img class="os-icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-plain.svg" alt="linux-logo">
<span class="text">Download Server</span>
<span class="description">Linux builds</span>
</button>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>