Code hookup

 To obtain Plugin Id list of Blocks used in your Drupal website Use this Drush command drush ev "print_r(array_keys(\Drupal::service('plugin.manager.block')->getDefinitions()));"

 Edit menu--main.html.twig template file {# /**  * @file  * Bootstrap Barrio's override to display a menu.  *  * Available variables:  * - menu_name: The machine name of the menu.  * - items: A nested list of menu items. Each menu item contains:  *   - attributes: HTML attributes for the menu item.  *   - below: The menu item child items.  *   - title: The menu link title.  *   - url: The menu link url, instance of \Drupal\Core\Url  *   - localized_options: Menu link localized options.  *   - is_expanded: TRUE if the link has visible children within the current  *     menu tree.  *   - is_collapsed: TRUE if the link has children within the current menu tree  *     that are not currently visible.  *   - in_active_trail: TRUE if the link is in the active trail.  */ #} {% import _self as menus %} {#   We call a macro which calls itself to render the full tree.   @see http://twig.sensiolabs.org/doc/tags/macro.html #} {{ menus.menu_links(items, attributes, 0) }} {% macro menu_links(item

/*   ##Device = Desktops   ##Screen = 1281px to higher resolution desktops */ @media (min-width: 1281px) {   //CSS } /*   ##Device = Laptops, Desktops   ##Screen = B/w 1025px to 1280px */ @media (min-width: 1025px) and (max-width: 1280px) {   //CSS } /*   ##Device = Tablets, Ipads (portrait)   ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) {   //CSS } /*   ##Device = Tablets, Ipads (landscape)   ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {   //CSS } /*   ##Device = Low Resolution Tablets, Mobiles (Landscape)   ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) {   //CSS } /*   ##Device = Most of the Smartphones Mobiles (Portrait)   ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) {     //CSS   }

public function nodeList() {     $header = [       'Nid',       'Title',     ];     $query = \Drupal::database()->select('node', 'n');     $query->fields('n', ['nid']);     $pager = $query->extend('Drupal\Core\Database\Query\PagerSelectExtender')->limit(10);     $results = $pager->execute()->fetchAll();     foreach ($results as $key => $result) {       $node = Node::load($result->nid);       $row = [];       $row = [         'nid' => $node->id(),         'title' => $node->getTitle(),       ];       $rows[] = $row;     }     $build['table_data'] = [       '#type' => 'table',       '#header' => $header,       '#rows' => $rows,     ];     // Finally add the pager.     $build['pager'] = array(       '#type' => 'pager'     );     return $build;   }

DOCKSAL ======= 1. Drupal installation using composer ref: https://blog.docksal.io/creating-drupal-8-project-from-scratch-using-pre-installed-composer-in-docksal-cli-bfe49b0042e2 # Create new directory for the project mkdir my-new-project # Go to my new dir cd my-new-project # Download Drupal 8 using composer repo recommended in Drupal docs fin run-cli composer create-project drupal-composer/drupal-project:8.x-dev . --stability dev --no-interaction # Initialize Docksal project root mkdir .docksal # Configure DOCROOT to match checked out files fin config set DOCROOT=web # Start my project containers fin project start 2. To start existing project on Docksal   fin project start / fin up 3. DB settings (default)    db name: default    username: user    password: user    host: db 4. Install PHPMyAdmin to project   fin addon install pma   # Then access it like http://pma.project-name.docksal   # To install any addon (ref https://docs.docksal.io/fin/addons

Add this code in the settings.php $config['system.logging']['error_level'] = 'verbose';