Web design overrides - panthernet/ThunderED GitHub Wiki

Updated for ThunderED v2.1.7

All resources which are available to the web shell are located in a single root folder wwwroot. There are several key folders inside:

  • Assets - contains default resources
  • CustomAssets - folder for the custom web resources
  • CustomAssetsMap - static mapping folder for the custom web resources accessed from the static Data/CustomAssets folder. Use it instead of CustomAssets if you want to store assets outside of container in static Data folder
  • css - contains default CSS style files
  • Fonts - contains all fonts

You can place files into the CustomAssets folder using the names of resources from Assets folder. Web shell will utilize resources from CustomAssets if they are available or use default ones.

You can also create other folders inside the CustomAssets:

  • Svg - put custom svg icons there to override default
  • Html - currently you can only put there index.html which will override the landing page.

Here's the default layout for index.html. As you can notice there are some vars starting with @ which will be replaced by system data on render.

<div class="text-center" style="width: 800px; align-self: center;">
    <div class="pageHeader">
        Incoming message:
    </div>
    <div class="fontEternalShadow" style="margin-top: 5px;">
        To all pilots of New Eden! United Fleet alliance is recruiting. We are independent and bloodthirsty pilots, our enemies are countless and battles rage everyday. Roams, drops, camps, CTA - we have fun for everyone.
    </div>
    <div class="fontEternalShadow" style="margin-top: 5px;">
        Join United Fleet, join brothers in arms!
    </div>
    <div class="fontEternalShadow" style="margin-top: 5px;">
        Ingame channel: <b style="color: gold">ufpub</b>
    </div>
</div>
<!--center content-->
<div class="centralizer">
    <div class="text-center">
        <p class="rotate3D">
            <img src="/CustomAssets/logo.png" style="width: 150px;" />
        </p>
        <a href="@AuthPagePath"><div class="navButton2" style="font-size: 25px;margin-bottom: 25px; padding: 10px 10px 10px 10px;">@AuthButtonText</div></a>
    </div>
</div>
⚠️ **GitHub.com Fallback** ⚠️