Made changes to fit Accord's library style

.gitignore

@@ -2,6 +2,10 @@
 config.yaml
 .env
 
+# Data folders
+booru_data
+sql_data
+
 # Client Development Artifacts
 */*_modules/
 client/public

client/Dockerfile

@@ -1,8 +1,8 @@
-FROM --platform=$BUILDPLATFORM node:lts as builder
+FROM node:lts as builder
 WORKDIR /opt/app
 
 COPY package.json package-lock.json ./
-RUN npm install -g npm@lts
+RUN npm install -g npm
 RUN npm install
 
 COPY . ./
@@ -12,7 +12,7 @@ ARG CLIENT_BUILD_ARGS=""
 RUN BASE_URL="__BASEURL__" node build.js --gzip ${CLIENT_BUILD_ARGS}
 
 
-FROM --platform=$BUILDPLATFORM scratch as approot
+FROM scratch as approot
 
 COPY docker-start.sh /
 

client/css/post-list-view.styl

@@ -1,5 +1,33 @@
 @import colors
 
+@media (max-width: 50rem)
+    .post-list
+        ul
+            display: block !important
+            column-width: 10em !important
+            column-gap: 2vmin !important
+        
+            li
+                min-height: unset !important
+                height: unset !important
+                width: 100% !important
+                margin: 0 0 2vmin 0 !important
+
+
+@media (max-width: 100vh)
+    .post-list
+        ul
+            display: block !important
+            column-width: 20vh !important
+            column-gap: 2vmin !important
+        
+            li
+                min-height: unset !important
+                height: unset !important
+                width: 100% !important
+                margin: 0 0 2vmin 0 !important
+
+
 .post-list
     ul
         list-style-type: none
@@ -16,10 +44,8 @@
             margin: 0 0.25em 0.5em 0.25em
             display: inline-block
             text-align: left
-            min-width: 10em
-            width: 12vw
             &:not(.flexbox-dummy)
-                min-height: 7.5em
+                min-height: 10em
                 height: 9vw
 
             .thumbnail-wrapper

client/html/home_footer.tpl

@@ -1,7 +1,6 @@
 <ul>
     <li><%- ctx.postCount %> posts</li><span class='sep'>
     </span><li><%= ctx.makeFileSize(ctx.diskUsage) %></li><span class='sep'>
-    </span><li>Build <a class='version' href='https://github.com/rr-/szurubooru/commits/master'><%- ctx.version %></a><%- ctx.isDevelopmentMode ? " (DEV MODE)" : "" %> from <%= ctx.makeRelativeTime(ctx.buildDate) %></li><span class='sep'>
     </span><% if (ctx.canListSnapshots) { %><li><a href='<%- ctx.formatClientLink('history') %>'>History</a></li><span class='sep'>
     </span><% } %>
 </ul>

client/html/index.htm

@@ -22,6 +22,21 @@
     <link rel='apple-touch-startup-image' href='img/apple-touch-startup-image-1668x2224.png' media='(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)'/>
     <link rel='apple-touch-startup-image' href='img/apple-touch-startup-image-2048x2732.png' media='(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)'/>
     <link rel='manifest' href='manifest.json'/>
+    
+    <meta property="og:locale" content="en_US">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Accord's Gallery - Discover • Analyse • Translate • Archive">
+    <meta property="og:description" content="Gallery specialized in DrakeNieR official artworks. Accord's Gallery is a project part of Accord's Library.">
+    <!--<meta property="og:url" content="https://accords-library.com/">-->
+    <meta property="og:site_name" content="Accord's Gallery">
+    <!--<meta property="og:updated_time" content="2021-08-26T01:09:41+01:00">-->
+    <meta property="og:image" content="https://accords-library.com/wp-content/uploads/2021/10/banner-gallery.jpg">
+    <meta property="og:image:secure_url" content="https://accords-library.com/wp-content/uploads/2021/10/banner-gallery.jpg">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:alt" content="Accord's Gallery">
+    <meta property="og:image:type" content="image/jpeg">
+
 </head>
 <body>
     <div id='top-navigation-holder'></div>

client/html/top_navigation.tpl

@@ -4,6 +4,7 @@
             --><span class="site-name"><%- ctx.name %></span><!--
             --><span class="toggle-icon"><i class="fa fa-bars"></i></span><!--
         --></button><!--
+        --><li data-name="return" class=""><a href="https://accords-library.com">↩ Return</span></a></li><!--
         --><% for (let item of ctx.items) { %><!--
             --><% if (item.available) { %><!--
                 --><li data-name='<%- item.key %>'><!--

docker-compose.yml

@@ -8,6 +8,7 @@ services:
 
   server:
     image: szurubooru/server:latest
+    restart: unless-stopped
     depends_on:
       - sql
     environment:
@@ -26,7 +27,10 @@ services:
       - "./server/config.yaml:/opt/app/config.yaml"
 
   client:
-    image: szurubooru/client:latest
+    #image: szurubooru/client:latest
+    image: szuruclient:latest
+    #build: ./client
+    restart: unless-stopped
     depends_on:
       - server
     environment: