Skip to content

Commit

Permalink
More fixes for mobile users!
Browse files Browse the repository at this point in the history 
Fixed some sizing problems caused by the new icon system.
  • Loading branch information
@EternalModz
EternalModz committed Jan 26, 2024
1 parent 3a681c0 commit 76345c9
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,10 +42,10 @@
</nav>
<div class="container">
<div class="row" style="padding-top: 140px;">
<div class="col-md-12" style="text-align: center;">
<h1 style="color: #c9b9ef;box-shadow: 0px 0px;font-size: 120px;padding-top: 10px;text-shadow: 0px 0px 12px;font-family: Lobster, serif;padding-bottom: 20px;text-align: center;padding-right: 20px;padding-left: 20px;margin-bottom: 25px;">Lodestone</h1>
<div class="col" style="text-align: center;">
<h1 style="color: #c9b9ef;box-shadow: 0px 0px;font-size: 120px;padding-top: 10px;text-shadow: 0px 0px 12px;font-family: Lobster, serif;padding-bottom: 20px;text-align: center;padding-right: 10px;padding-left: 10px;margin-bottom: 25px;">Lodestone</h1>
<h1 style="color: #c07bff;box-shadow: 0px 0px;font-size: 30px;text-shadow: 0px 0px 3px;"><strong>Edit</strong>, <strong>Convert </strong>and <strong>Transform </strong>Minecraft Worlds.</h1>
<p style="text-align: center;margin-bottom: 35px;font-size: 18px;text-shadow: 0px 0px 2px;">The first open-source all-in-one Minecraft tool, compatible with virtually all platforms, versions and editions. <br>Created by the community, for the community. An all-in-one multi-platform masterpiece.<br><br>Linux | Windows | macOS | Android | Web</p><button class="btn btn-primary" type="button" style="background: #ad95ed;margin-top: 15px;box-shadow: 0px 0px 15px #9e86de;margin-bottom: 15px;font-size: 18px;height: 50px;width: 370px;border-color: #9e86de;color: rgb(13,13,13);">&nbsp; <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="font-size: 24px;">
<p style="text-align: center;margin-bottom: 35px;font-size: 16px;text-shadow: 0px 0px 2px;">The first open-source all-in-one Minecraft tool, compatible with virtually all platforms, versions and editions. <br>Created by the community, for the community. An all-in-one multi-platform masterpiece.<br><br>Linux | Windows | macOS | Android | Web</p><button class="btn btn-primary" type="button" style="background: #ad95ed;margin-top: 15px;box-shadow: 0px 0px 15px #9e86de;margin-bottom: 15px;font-size: 18px;height: 50px;border-color: #9e86de;color: rgb(13,13,13);">&nbsp; <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="font-size: 24px;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17C3 16.4477 3.44772 16 4 16H16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18H4C3.44772 18 3 17.5523 3 17ZM6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289L9 10.5858L9 3C9 2.44772 9.44771 2 10 2C10.5523 2 11 2.44771 11 3L11 10.5858L12.2929 9.29289C12.6834 8.90237 13.3166 8.90237 13.7071 9.29289C14.0976 9.68342 14.0976 10.3166 13.7071 10.7071L10.7071 13.7071C10.5196 13.8946 10.2652 14 10 14C9.73478 14 9.48043 13.8946 9.29289 13.7071L6.29289 10.7071C5.90237 10.3166 5.90237 9.68342 6.29289 9.29289Z" fill="currentColor"></path>
</svg>&nbsp;<strong>STILL IN DEVELOPMENT.</strong></button>
</div>
Expand Down Expand Up @@ -114,7 +114,7 @@ <h3 class="text-start name" style="color: rgb(255,255,255);text-align: center;ma
<h2 class="text-center" style="margin-bottom: 30px;color: #c07bff;margin-top: 20px;font-weight: bold;">The Leader In Version Support</h2>
</div>
<div class="col">
<div class="text-center d-flex justify-content-center justify-content-xxl-center" style="margin-bottom: 5px;">
<div class="text-center d-flex justify-content-center flex-wrap justify-content-xxl-center" style="margin-bottom: 5px;">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon" style="width: 80px;height: 80px;margin-right: 10px;margin-top: 10px;background: #232430;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-keyboard-fill" style="width: 55px;height: 55px;color: #ad95ed;">
<path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25M2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25M6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25M13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25zm-3-2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25zm.75 2.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25M11.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25zM9 6.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5A.25.25 0 0 0 9.75 6h-.5a.25.25 0 0 0-.25.25M7.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 8 6.75v-.5A.25.25 0 0 0 7.75 6zM5 6.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 6 6.75v-.5A.25.25 0 0 0 5.75 6h-.5a.25.25 0 0 0-.25.25M2.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 4 6.75v-.5A.25.25 0 0 0 3.75 6zM2 10.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25M4.25 10a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25z"></path>
</svg></div>
Expand Down Expand Up @@ -258,7 +258,7 @@ <h3 style="text-align: left;font-size: 20px;padding-top: 25px;">N/A</h3>
</div>
<div class="col-auto col-md-6 item text">
<h3 style="text-align: left;font-size: 20px;padding-top: 25px;">ABOUT US</h3>
<p class="lead" style="text-align: justify;color: rgb(217,217,217);">Lodestone is an open-source Minecraft project focused on bringing powerful tools and resources to everyone for free!&nbsp;</p>
<p class="lead" style="text-align: left;color: rgb(217,217,217);">Lodestone is an open-source Minecraft project focused on bringing powerful tools and resources to everyone for free!&nbsp;</p>
</div>
</div>
</div>
Expand Down

0 comments on commit 76345c9

Please sign in to comment.