diff --git a/lib/consoleicons.js b/lib/consoleicons.js index 74c99f1..7b48f29 100644 --- a/lib/consoleicons.js +++ b/lib/consoleicons.js @@ -14,6 +14,8 @@ export default class ConsoleIcons { console = console.replace('Sony PlayStation', 'PlayStation') console = console.replace('Microsoft Xbox', 'Xbox') console = console.replace(/^Xbox$/, 'Xbox Classic') + console = console.replace(/^Nintendo Game Boy$/, 'Nintendo Game Boy/Color') + console = console.replace('Nintendo Game Boy Color', 'Nintendo Game Boy/Color') if(this.ifConsoleExists(console)){ return `` } diff --git a/views/pages/info.ejs b/views/pages/info.ejs index f6a0554..69d13a6 100644 --- a/views/pages/info.ejs +++ b/views/pages/info.ejs @@ -17,7 +17,7 @@

<%= metadata.title %>

-

<%= file.category %> <%- consoleIcons.createConsoleImage(file.category) %>

+

<%= file.category %> <%- consoleIcons.createConsoleImage(file.category) %>

diff --git a/views/public/css/info.css b/views/public/css/info.css index 91a95f7..c2511d1 100644 --- a/views/public/css/info.css +++ b/views/public/css/info.css @@ -12,12 +12,13 @@ left: 0; width: 100%; height: 100%; + vertical-align: middle; + align-items: center; } .embed-responsive { - position: relative; + position: initial; overflow: hidden; width: 100%; - } .slideshow-container { position: relative; @@ -45,9 +46,27 @@ width: 240px; } -.console { - height: 1.5rem; +.carousel-inner { + height: 0; + padding-bottom: 60%; } -.text-secondary{ - font-size: 1.5rem; + +.carousel-item { + position: absolute !important; /* Bootstrap is insistent */ + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.carousel-item img { + height: 100%; + object-fit: contain; +} + +.console { + height: 1.6rem; +} +.text-platform{ + font-size: 1.5rem!important; } \ No newline at end of file