jacine

Responsive Images

• Hero: 734 x 400 / total: 1280 / left 546px 42.65625% / right 734px 57.34375%
  • 730 x 417 (Ratio 7:4)
• Hero II: Full width, max height of 400px
  • 1300 x 400 (Ratio 13:4)
  • 2600 x 800 (Ratio 13:4)
• Cards: 346 x 190 / 25:19 ratio
  • 350 x 200 (Ratio 7:4)
• Blog (teaser): 350 x 200 / 7:4 ratio

jacine

Code Extensions

These are the extensions I have installed as of 12/23/2019:

• Apache Conf Snippets
• Apache Conf
• Auto Comment Blocks
• Auto Rename Tag
• Babel JavaScript
• behatComplete

jacine

• https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer
• https://marketplace.visualstudio.com/items?itemName=AlanWalk.markdown-toc
• https://marketplace.visualstudio.com/items?itemName=andrejunges.Handlebars
• https://marketplace.visualstudio.com/items?itemName=bajdzis.vscode-twig-pack
• https://marketplace.visualstudio.com/items?itemName=ban.spellright
• https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview
• https://marketplace.visualstudio.com/items?itemName=bierner.markdown-checkbox
• https://marketplace.visualstudio.com/items?itemName=bierner.markdown-emoji
• https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles
• https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

jacine

{#
/**
 * @file
 * Component template for details element.
 * https://www.drupal.org/project/components
 *
 * Variables:
 * - summary: HTML/text to display in <summary> element
 * - details: Main content of details.
 * - open: If the details element should be open by default.

jacine

{#
/**
 * @file
 * Template for field_link on a Button Paragraph.
 */
#}
{% for item in items %}

  {% set classes = ['btn'] %}
  {% set button_style = element['#object'].field_button_style.value|default('primary') %}

jacine

Keybase proof

I hereby claim:

• I am jacine on github.
• I am jacine (https://keybase.io/jacine) on keybase.
• I have a public key whose fingerprint is ED1C D152 92C1 D401 F241 0837 2C54 AE7F 3308 6C2B

To claim this, I am signing this object:

jacine

{#
/**
 * @file
 * Drupal pass-through template for icon theme hook implementation.
 *
 * @see /themes/THEME/components/icon.twig.
 */
#}

{% embed '@components/icon.twig' %}{% endembed %}

jacine

{#
/**
 * @file
 * SVG Icon template
 *
 * Variables:
 * - icon: Name of the icon; SVG should exist as build/img/icons/{icon}.swg
 * - text: Fallback text for screen readers, and when icon is not present.
 * - text_class: Provides a class using boolean text_visible, to add a class
 *   which determines whether fallback text should appear visually or not.

jacine

Composer Workflow

Composer is a package manager similar to NPM for JavaScript, but for dealing with PHP packages. We use it to manage Drupal core, contributed modules (and other 3rd party libraries needed) and patches. The following section is a quick reference for common tasks. Ensure you have installed/updated Composer before proceeding.

*Note about Git: While this will be obvious to most, it bears mentioning that after you're finished installing, updating or patching with Composer, you'll need to add the changes/additions to version control.

Contributed Modules

Note: When a specific version isn't specified, composer prefers stable over RC over beta over alpha over DEV releases.

jacine

<?php

use Drupal\Core\Render\Element;

/**
 * Implements hook_theme_suggestions_HOOK_alter().
 */
function THEME_theme_suggestions_container_alter(array &$suggestions, array $variables) {
if (!empty($variables['element'])) {
    $element = $variables['element'];