more high resolution portraits

src/components/ModulePage.vue

@@ -71,7 +71,7 @@ const props = withDefaults(defineProps<Props>(), {
  postFilter: (e) => e,
 });
 const data = props.postFilter(getBySlotType(props.type));
-const img = require(`@Img/game/portraits/${props.portrait}.png`) as string;
+const img = require(`@Img/game/portraits/${props.portrait}`) as string;
 const locKey = `TYPE_MOD_${props.type.toUpperCase()}`;
 const tableOpts = computed(tableOptsGetter);
 </script>

src/pages/About.vue

@@ -6,7 +6,9 @@
  <p class="text">
  This web app is an <v-link text="open source" :to="gh" /> project that runs on <v-link text="Hades' Star" to="https://hadesstar.com/" /> parsed <v-link text="data" :to="`${gh}/tree/master/parser/raw`" /> owned by Parallel Space Inc.
  <br><br>
- If you have problems or suggestions, you can contact me on the discord <v-link text="Xinos#2003" to="https://discord.com/users/359208482290925568" /> both on the <v-link text="official Hades' Star server" to="https://discord.gg/hadesstar" /> and via direct messages, as well as <v-link text="open an issue" :to="`${gh}/issues/new`" /> on GitHub
+ Some game concepts made by Gabriel Björk Stiernström taken from <v-link text="his website" to="https://www.gabrielbjorkstiernstrom.com/#/projects/hades-star" />
+ <br><br><br>
+ If you have problems or suggestions, you can contact me on the discord <v-link text="userxinos" to="https://discord.com/users/359208482290925568" /> both on the <v-link text="official Hades' Star server" to="https://discord.gg/hadesstar" /> and via direct messages, as well as <v-link text="open an issue" :to="`${gh}/issues/new`" /> on GitHub
  </p>
  <br><br><br>
  <p class="min-text">
@@ -31,7 +33,7 @@ function VLink({ text, to }) {
 
 <style scoped lang="scss">
 .container {
- max-width: 650px;
+ max-width: 680px;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;

src/pages/BlueStar.vue

@@ -13,5 +13,5 @@
 <script setup>
 import Page from '@/components/Page.vue';
 import stars from '@Data/stars.js';
-import img from '@Img/game/portraits/portrait_BlueStar.png';
+import img from '@Img/game/portraits/portrait_BlueStar.jpg';
 </script>

src/pages/Cerberus.vue

@@ -72,9 +72,9 @@ import objectArrayify from '@Utils/objectArrayify';
 import shipsData from '@Data/capital_ships.js';
 import stationsData from '@Data/cerberus_stations.js';
 
-import cerberusPortrait from '@Img/game/portraits/portrait_CerberusDestroyer.png';
-import stationPortrait from '@Img/game/portraits/portrait_CerberusStation.png';
-import darkCerberusPortrait from '@Img/game/portraits/portrait_CerberusCarrier.png';
+import cerberusPortrait from '@Img/game/portraits/portrait_CerberusDestroyer.jpg';
+import stationPortrait from '@Img/game/portraits/portrait_CerberusStation.jpg';
+import darkCerberusPortrait from '@Img/game/portraits/portrait_Interceptor.jpg';
 
 if (shipsData.CerberusGhosts.GhostSpawnSecs) {
  // eslint-disable-next-line prefer-destructuring

src/pages/Drone.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Drone"
- portrait="portrait_AlphaDrone"
+ portrait="portrait_AlphaDrone.jpg"
  :post-filter="postFilter"
  />
 </template>

src/pages/Mining.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Mining"
- portrait="portrait_Asteroids_cr"
+ portrait="portrait_Asteroids_cr.png"
  />
 </template>
 

src/pages/RedStar.vue

@@ -72,7 +72,7 @@ import starsData from '@Data/stars.js';
 import globals from '@Data/globals.js';
 import objectArrayify from '@Utils/objectArrayify';
 import { getBySlotType } from '../components/ModulePage.vue';
-import img from '@Img/game/portraits/portrait_RedStar.png';
+import img from '@Img/game/portraits/portrait_DyingPlanet.jpg';
 import types from '@Store/modules/userSettings/types';
 
 const { MinDarkRSLevel } = globals;

src/pages/Shield.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Shield"
- portrait="news_Update02"
+ portrait="portrait_CerberusPhoenix.jpg"
  />
 </template>
 

src/pages/Ships.vue

@@ -35,7 +35,7 @@ import modulesData from '@Data/modules.js';
 import getFilterByType from '@Utils/getFilterByType';
 import objectArrayify from '@Utils/objectArrayify';
 import { tableOpts } from '@/components/ModulePage.vue';
-import img from '@Img/game/portraits/portrait_CorpFlagship.png';
+import img from '@Img/game/portraits/portrait_CorpFlagship.jpg';
 
 const ships = objectArrayify(shipsData, getFilterByType('capital_ships.player'));
 const modules = objectArrayify(modulesData, { filter: ([k]) => k in ships.CorpFlagship.modules });

src/pages/SpaceBuildings.vue

@@ -13,7 +13,7 @@ import Page from '@/components/Page.vue';
 import CustomIcon from '@Utils/CustomIcon';
 import objectArrayify from '@Utils/objectArrayify';
 import spaceBuildings from '@Data/spacebuildings.js';
-import img from '@Img/game/portraits/BlackCitadel.png';
+import img from '@Img/game/portraits/BlackCitadel.jpg';
 
 spaceBuildings.WarpLaneHub.Model = new CustomIcon('WarpLane');
 spaceBuildings.TimeModulator.Model = new CustomIcon('TimeModulator');

src/pages/Support.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Support"
- portrait="portrait_TurretLaser"
+ portrait="portrait_TurretLaser.png"
  :post-filter="postFilter"
  />
 </template>

src/pages/Trade.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Trade"
- portrait="portrait_ShipmentDrone"
+ portrait="portrait_ShipmentDrone.png"
  />
 </template>
 

src/pages/Weapon.vue

@@ -1,7 +1,7 @@
 <template>
  <ModulePage
  type="Weapon"
- portrait="portrait_WhiteStar"
+ portrait="portrait_Sentinel.jpg"
  :post-filter="postFilter"
  />
 </template>

src/pages/WhiteStar.vue

@@ -21,7 +21,7 @@ import VData from '@/components/Data.vue';
 import stars from '@Data/stars.js';
 import planets from '@Data/planets.js';
 import compileOne from '@Utils/compileOne.ts';
-import img from '@Img/game/portraits/portrait_PlanetWhiteStar.png';
+import img from '@Img/game/portraits/portrait_Sentinel.jpg';
 
 const ws = stars.WhiteStar;
 ws.Lifetime = ws.Lifetime * ws.TimeSlowdownFactor;

src/pages/YellowStar.vue

@@ -21,7 +21,7 @@ import stars from '@Data/stars.js';
 import sectorsData from '@Data/yellow_star_sectors.js';
 import levels from '@Data/planet_levels.js';
 import planets from '@Data/planets.js';
-import img from '@Img/game/portraits/portrait_YellowStar.png';
+import img from '@Img/game/portraits/portrait_WarpLane.jpg';
 
 import compileOne from '@Utils/compileOne.ts';
 const ys = { ...stars.YellowStar };

src/style/page.scss

@@ -8,7 +8,7 @@
  color: #ccd7de;
 }
 .portrait-container {
- margin-top: 5%;
+ margin-top: 4%;
  padding-bottom: 2%;
  position: relative;
  text-align: center;