Daniel Koch danielkoch

## gist:5f9b48df5fe067d9ddbafc6c3684e5cf
{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:layout name="Content" />

<f:section name="Configuration">
    <f:if condition="{columns} < 1">
        <v:variable.set name="columns" value="1"></v:variable.set>
    </f:if>

## gist:b5cb4ad5be5cd6389684dd22190acf2b
{namespace fed=Tx_Fed_ViewHelpers}
{namespace flux=Tx_Flux_ViewHelpers}
{namespace v=Tx_Vhs_ViewHelpers}

<f:layout name="FCE" />

<f:section name="Configuration">
    <f:if condition="{columns} < 1">
        <fed:data.var name="columns" type="integer">1</fed:data.var>
    </f:if>

## fluid1.txt
<f:section name="Main">
    <f:for each="{content}" as="itemSectionObject" key="key" iteration="iteration">
        <v:variable.set name="?" />
        <v:variable.set name="?" />

        <fed:data.var name="objectType" value="{fed:data.func(func: 'key', arguments: {0: itemSectionObject})}" />
        <fed:data.var name="object" value="{fed:data.func(func: 'array_pop', arguments: {0: itemSectionObject})}" />

        <v:switch value="{objectType}">
            <v:case case="content1" break="TRUE">

## Responsive-Iframe.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                danielkoch
                / Responsive-Iframe.markdown
            
            
              Created
              December 13, 2014 13:01
            
              
                Responsive Iframe
              
          
    Responsive Iframe

A Pen by Daniel Koch on CodePen.
License.

  
## gist:86a50b843c1b9eb7a93e
<!DOCTYPE html><head>
    <title>Untitled</title>
  </head>
  <body>
    <p>Content</p>
  </body>
</html>

## triangle.css
/**
 * css gradient for triangle shaped arrow (SO)
 * http://stackoverflow.com/questions/12431596/css-gradient-for-triangle-shaped-arrow
 */
.rectangle {
	float: left;
	position: relative;
	height: 80px;
	width: 240px;
	border: solid 1px #ccc;

## anonymous-function.js
function() {};
	{namespace flux=FluidTYPO3\Flux\ViewHelpers}
	{namespace v=FluidTYPO3\Vhs\ViewHelpers}

	<f:layout name="Content" />

	<f:section name="Configuration">
	<f:if condition="{columns} < 1">
	<v:variable.set name="columns" value="1"></v:variable.set>
	</f:if>
	{namespace fed=Tx_Fed_ViewHelpers}
	{namespace flux=Tx_Flux_ViewHelpers}
	{namespace v=Tx_Vhs_ViewHelpers}

	<f:layout name="FCE" />

	<f:section name="Configuration">
	<f:if condition="{columns} < 1">
	<fed:data.var name="columns" type="integer">1</fed:data.var>
	</f:if>
	<f:section name="Main">
	<f:for each="{content}" as="itemSectionObject" key="key" iteration="iteration">
	<v:variable.set name="?" />
	<v:variable.set name="?" />

	<fed:data.var name="objectType" value="{fed:data.func(func: 'key', arguments: {0: itemSectionObject})}" />
	<fed:data.var name="object" value="{fed:data.func(func: 'array_pop', arguments: {0: itemSectionObject})}" />

	<v:switch value="{objectType}">
	<v:case case="content1" break="TRUE">
	<!DOCTYPE html><head>
	<title>Untitled</title>
	</head>
	<body>
	<p>Content</p>
	</body>
	</html>
	/**
	* css gradient for triangle shaped arrow (SO)
	* http://stackoverflow.com/questions/12431596/css-gradient-for-triangle-shaped-arrow
	*/
	.rectangle {
	float: left;
	position: relative;
	height: 80px;
	width: 240px;
	border: solid 1px #ccc;