CedricAlb

<?php

namespace Drupal\custom_module\Controller;

use Drupal\Core\Controller\ControllerBase;
use Symfony\Component\DependencyInjection\ContainerInterface;
use Drupal\Core\Pager\PagerManagerInterface;

class ListNonDrupalItems extends ControllerBase {

CedricAlb

<?php

/**
 * @file custom_module.install
 * Install, update and uninstall functions for the custom module.
 */

/**
 * Implements hook_update_N().
 * installs some content blocks

CedricAlb

<!-- from http://befused.com/drupal/modal -->

<!-- Include the HTML entity &quot; because that will end up being a quote mark in the rendered HTML. -->
<a class="use-ajax" data-dialog-options="{&quot;width&quot;:800}" data-dialog-type="modal" href="/search/node">Search</a>

<!-- You can use this method to display any valid Drupal path in a modal. 
For example, if you want to show a node in a modal, change the href to the path for the node. -->
<a class="use-ajax" data-dialog-options="{&quot;width&quot;:800}" data-dialog-type="modal" href="/node/2">See node 2</a>

CedricAlb

<?php
// from https://www.millwoodonline.co.uk/quicktips/programmatically-install-drupal-module
\Drupal::service('module_installer')->install(['workspace']);

CedricAlb

/** * Elegant and accessible content toggle with CSS. * * 1. Hides the toggle, as it can be toggled through the label thanks to the id/for combo. * 2. Hides the toggled content when not following a checked toggled. * * Courtesy to H5BP for the visually hidden ruleset: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119). */.toggle, /* 1 */.toggle:not(:checked) ~ .toggled /* 2 */ {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}.toggle:focus ~ label {  color: deeppink;}/** Demo styles, not interesting. **/body {  max-width: 600px;  margin: 2em auto;  background: #FDFDFD;  padding: 1em;}label {  border: 1px solid;  padding: 5px;  cursor: pointer;}

CedricAlb

/** * Elegant and accessible content toggle with CSS. * * 1. Hides the toggle, as it can be toggled through the label thanks to the id/for combo. * 2. Hides the toggled content when not following a checked toggled. * * Courtesy to H5BP for the visually hidden ruleset: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119). */.toggle, /* 1 */.toggle:not(:checked) ~ .toggled /* 2 */ {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}.toggle:focus ~ label {  color: deeppink;}/** Demo styles, not interesting. **/body {  max-width: 600px;  margin: 2em auto;  background: #FDFDFD;  padding: 1em;}label {  border: 1px solid;  padding: 5px;  cursor: pointer;}

CedricAlb

/**
 * floating alignment
 */

.product {
	width: 220px;
	background-color: #eee;
}
.title,
.store {

CedricAlb

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}

CedricAlb

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}

CedricAlb

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}