fixed image height & js formatting

.drone.yml

@@ -31,5 +31,5 @@ steps:
         - docker-compose -f docker-compose.prod.yml down
         - docker-compose -f docker-compose.prod.yml up -d
     when:
-      event: push
+      event: tag
       branch: master

.gitignore

@@ -6,9 +6,8 @@ data/
 
 # Node
 node_modules/
-pnpm-lock.yaml
-yarn.lock
 
 # Generated
 .cache/
 liquet/dist/
+liquet.zip

liquet/functions.php

@@ -8,7 +8,7 @@ add_theme_support( 'post-thumbnails' );
 
 
 add_filter( 'wp_headers', function ( $headers ) {
-	$headers['Content-Security-Policy']   = "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://s.w.org; report-uri csp@nicco.io";
+	$headers['Content-Security-Policy']   = "default-src 'self' wp.com; script-src 'self' 'unsafe-inline' wp.com; style-src 'self' 'unsafe-inline' wp.com; img-src 'self' wp.com data: https://s.w.org;";
 	$headers['X-Content-Type-Options']    = 'nosniff';
 	$headers['X-Frame-Options']           = "deny";
 	$headers['Strict-Transport-Security'] = "max-age=31536000";

liquet/style.css

@@ -2,7 +2,7 @@
 Theme Name: Liquet
 Author: Niccolo Borgioli
 Description: Minimalistic clean theme
-Version: 0.14
+Version: 0.17
 License: MIT
 Tags: minimal, simple, typography, clean
 Author URI: https://nicco.io

package.json

@@ -4,6 +4,11 @@
     "dev": "parcel watch --no-hmr --no-source-maps -d liquet/dist ./src/js/index.js ./src/styles/index.styl",
     "build": "rm -rf ./liquet/dist && parcel build --no-source-maps -d liquet/dist ./src/js/index.js ./src/styles/index.styl"
   },
+  "browserslist": [
+    "last 2 chrome versions",
+    "last 2 safari versions",
+    "last 2 firefox versions"
+  ],
   "dependencies": {
     "@swup/preload-plugin": "1.0.x",
     "jquery": "^3.4.1",

src/js/lazy.js

@@ -7,7 +7,6 @@ export default () => {
   let page = WPParams.lazy.current_page
 
   function load() {
-
     const pixelToBottom = this.scrollHeight - (this.scrollTop + this.clientHeight)
 
     if (!loading && pixelToBottom < bottomOffset) {
@@ -16,9 +15,7 @@ export default () => {
       $.ajax({
         url: WPParams.lazy.ajaxurl,
         data: {
-                    name: window.location.pathname
+          name: window.location.pathname.replace(/(\/\d+){3}\//, '').replace(/\/$/, ''),
-                        .replace(/(\/\d+){3}\//, '')
-                        .replace(/\/$/, ''),
           action: 'lazy_load',
           page,
         },
@@ -29,7 +26,7 @@ export default () => {
             page++
             loading = false
           }
-                }
+        },
       })
     }
   }

src/js/lights.js

@@ -19,7 +19,7 @@ export default () => {
 
   if (isDark()) off()
 
-    window.toggleLights = () => isDark() ? on() : off()
+  window.toggleLights = () => (isDark() ? on() : off())
 
   // Focus scrolling
   document.addEventListener('DOMContentLoaded', () => {

src/js/swup.js

@@ -5,7 +5,7 @@ export default (fn) => {
   const swup = new Swup({
     linkSelector: `a[href^="${window.location.origin}"]:not([data-no-swup]), a[href^="/"]:not([data-no-swup])`,
     plugins: [new SwupPreloadPlugin()],
-        containers: ['#app']
+    containers: ['#app'],
   })
 
   swup.on('contentReplaced', fn)

src/styles/singular.styl

@@ -86,6 +86,10 @@
         display: inline-block
         font-size: 105%
 
+    figure
+      img
+        height: 100%
+
   .links
     & > div
       transform rotate(180deg) scale(1)