Skip to content

Instantly share code, notes, and snippets.

View pengmaradi's full-sized avatar

Xiaoling pengmaradi

5 followers · 18 following
  • no
  • Switzerland
View GitHub Profile
@pengmaradi
pengmaradi / Image.html
Created August 7, 2017 10:47 — forked from mdbloch/Image.html
TYPO3 8.7 - Responsive Image
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<picture>
<source srcset="{f:uri.image(image: file, maxWidth: settings.maxImgWidth, cropVariant: 'default')}" media="(min-width: 1200px)">
<source srcset="{f:uri.image(image: file, maxWidth: '992', cropVariant: 'desktop')}, {f:uri.image(image: file, maxWidth: '1984', cropVariant: 'desktop')} 2x" media="(min-width: 992px)">
<source srcset="{f:uri.image(image: file, maxWidth: '768', cropVariant: 'tablet')}, {f:uri.image(image: file, maxWidth: '1536', cropVariant: 'tablet')} 2x" media="(min-width: 768px)">
<source srcset="{f:uri.image(image: file, maxWidth: '768', cropVariant: 'mobile')}, {f:uri.image(image: file, maxWidth: '1536', cropVariant: 'mobile')} 2x" media="(max-width: 767px)">
<!---Fallback--->
<img class="img-responsive" src="{f:uri.image(image: file, maxWidth: settings.maxImgWidth, cropVariant: 'default')}" alt="{image.alternative}" longdesc="{image.description}" title="{image.title}">
</picture>
@pengmaradi
pengmaradi / tx_news-add-layout.md
Last active September 8, 2017 13:16
add templateLayout for news (TYPO3 tx_news)

(altnativ) TCEFORM.tt_content.pi_flexform.news_pi1.template.settings.templateLayout


TCEFORM.tt_content.pi_flexform.news_pi1.template.settings\.templateLayout {
    # <f:if condition="{settings.templateLayout} == 4">
    addItems= 4
    addItems.4 = News Banner (in Headerbild)
}
@pengmaradi
pengmaradi / docker-compose.md
Last active June 3, 2018 17:15

adminer - localhost:8080, apache, mysql

version: '2'
services:
    db:
        image: mysql
        ports:
 - 3306:3306