showgrid.js

var el = document.querySelector('body');
// https://medium.com/@uistephen/keyboardevent-key-for-cross-browser-key-press-check-61dbad0a067a
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
document.addEventListener('keyup', function (event) {
    if (event.defaultPrevented) {
        return;
    }

    var key = event.key || event.keyCode;

    if (key === 'Escape' || key === 'Esc' || key === 27) {
        // doWhateverYouWantNowThatYourKeyWasHit();
        el.classList.toggle('ds-grid');
    }
    // if (key === 'Space' || key === 'Space' || key === 78) {
    //     // doWhateverYouWantNowThatYourKeyWasHit();
    //     // el.classList.toggle('ds-grid');
    //     alert('aaa')
    // }
});

store.slim

doctype html
html
	head
		= partial "partials/meta"
		= feed_tag :atom, "#{blog('store').options.prefix.to_s}feed.xml", title: "Atom Feed"
		= javascript_include_tag 'lozad.min.js'
		= stylesheet_link_tag :app

		- myclass = current_page.data.bodyclass || 'nothing'

	body data-barba="wrapper"
		= partial "partials/header"

		main class="#{(myclass)}" data-barba="container" data-barba-namespace="page-a"

			= yield

		= partial "partials/footer"
		= partial "partials/ds" if development?

		= javascript_include_tag 'barba.umd.js'
		= javascript_include_tag 'chocolat.js'
		= javascript_include_tag 'all.js'