Back to top

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.



Flexible Layout - Dynamic Content

Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts can be achived by setting target widths on a per-item basis.
 



Flexible Layout - Dynamic Content

Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts can be achived by setting target widths on a per-item basis.
 



Flexible Layout - Dynamic Content

Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts can be achived by setting target widths on a per-item basis.
 

Format options available in the text editor match the theme's style guide.

H1 Heading

H2 Heading

H3 Heading

Body Text

Format options available in the text editor match the theme's style guide.

H1 Heading

H2 Heading

H3 Heading

Body Text

Format options available in the text editor match the theme's style guide.

H1 Heading

H2 Heading

H3 Heading

Body Text

A Very Common Drupal Error, Memory Limits During Composer Upgrade. (Drupal 8/9)


PHP Fatal error:  Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Check https://getcomposer.org/doc/articles/troubleshooting.md#memory-limit-errors for more info on how to handle out of memory errors ....

Fix:
COMPOSER_MEMORY_LIMIT=-1 composer update drupal/core-recommended --with-dependencies

A Very Common Drupal Error, Memory Limits During Composer Upgrade. (Drupal 8/9)


PHP Fatal error:  Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Check https://getcomposer.org/doc/articles/troubleshooting.md#memory-limit-errors for more info on how to handle out of memory errors ....

Fix:
COMPOSER_MEMORY_LIMIT=-1 composer update drupal/core-recommended --with-dependencies

A Very Common Drupal Error, Memory Limits During Composer Upgrade. (Drupal 8/9)


PHP Fatal error:  Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/RuleWatchGraph.php on line 52

Check https://getcomposer.org/doc/articles/troubleshooting.md#memory-limit-errors for more info on how to handle out of memory errors ....

Fix:
COMPOSER_MEMORY_LIMIT=-1 composer update drupal/core-recommended --with-dependencies

###############
# An Example of token CSS

<div id="phone_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_phone_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_phone_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="tablet_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_tablet_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_tablet_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="desktop_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_desktop_width]%;
min-height:[field_min_height_tablet]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_media_margin_left]%;
margin-bottom: [field_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" alt="Author Credit" /></a>
</div>
</div>

###############
# An Example of token CSS

<div id="phone_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_phone_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_phone_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="tablet_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_tablet_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_tablet_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="desktop_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_desktop_width]%;
min-height:[field_min_height_tablet]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_media_margin_left]%;
margin-bottom: [field_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" alt="Author Credit" /></a>
</div>
</div>

###############
# An Example of token CSS

<div id="phone_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_phone_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_phone_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="tablet_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_tablet_width]%;
min-height:[field_min_height]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_tablet_media_margin_left]%;
margin-bottom: [field_tablet_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" style="width:32px !important; height:32px !important;" alt="Author Credit" /></a>
</div>
</div>
<div id="desktop_target"
style="border: 1px solid #[field_media_border_color];
width:[field_target_desktop_width]%;
min-height:[field_min_height_tablet]px;
float: left;
line-height: .7em;
padding-left: [field_text_block_padding]em;
padding-right: [field_text_block_padding]em;
margin-left: [field_media_margin_left]%;
margin-bottom: [field_media_margin_bottom]%; ">[title]
<a href="[field_external_url]">[filename]</a>
<div id="info">
<a href="[path]"><img src="/sites/all/themes/adventure/images/info.png" alt="Author Credit" /></a>
</div>
</div>