<div class="index-section home-section {% if section.settings.is_effect_apply%}no_animation_effect{% else %}animation_effect{% endif %}">
	<div data-animation_name="{{ section.settings.animation_name }}" data-animation_delay="{{ section.settings.animation_delay }}" class="{% if section.settings.animation_name != 'noeffect' %}scroll_animation {% endif %}" style="animation-duration: {{ section.settings.animation_duration }};">
  		{{ section.settings.simple_html }}
  	</div>
</div>

{% schema %}
	{
		"name": "Block HTML",
		"settings": [
			 
			
			 {
              	"type": "paragraph",
              	"content": "Video Tutorial FR : [Block HTML by Ulrich Vallée](https:\/\/www.ulrichvallee.com\/pages\/block-html)"
              },
			 {
				
                "type": "html",
                "id": "simple_html",
                "label": "TEXT/HTML",
                "placeholder": "Simply HTML text"
              },
      		  {
                  "type":"checkbox",
                  "id":"is_effect_apply",
                  "label":"Apply Section Effect",
                  "default":false
              },
              {
                  "type": "select",
                  "id": "animation_name",
                  "label": "Animation Effect",
                  "default": "noeffect",
                  "options": [
                    {
                      "label": "No Effect",
                      "value": "noeffect"
                    },
                    {
                      "label": "bounce",
                      "value": "bounce"
                    },
                    {
                      "label": "flash",
                      "value": "flash"
                    },
                    {
                      "label": "pulse",
                      "value": "pulse"
                    },
                    {
                      "label": "rubberBand",
                      "value": "rubberBand"
                    },
                    {
                      "label": "shake",
                      "value": "shake"
                    },
                    {
                      "label": "headShake",
                      "value": "headShake"
                    },
                    {
                      "label": "swing",
                      "value": "swing"
                    },
                    {
                      "label": "tada",
                      "value": "tada"
                    },
                    {
                      "label": "wobble",
                      "value": "wobble"
                    },
                    {
                      "label": "jello",
                      "value": "jello"
                    },
                    {
                      "label": "bounceIn",
                      "value": "bounceIn"
                    },
                    {
                      "label": "bounceInDown",
                      "value": "bounceInDown"
                    },
                    {
                      "label": "bounceInLeft",
                      "value": "bounceInLeft"
                    },
                    {
                      "label": "bounceInRight",
                      "value": "bounceInRight"
                    },
                    {
                      "label": "bounceInUp",
                      "value": "bounceInUp"
                    },
                    {
                      "label": "fadeIn",
                      "value": "fadeIn"
                    },
                    {
                      "label": "fadeInDown",
                      "value": "fadeInDown"
                    },
                    {
                      "label": "fadeInDownBig",
                      "value": "fadeInDownBig"
                    },
                    {
                      "label": "fadeInLeft",
                      "value": "fadeInLeft"
                    },
                    {
                      "label": "fadeInLeftBig",
                      "value": "fadeInLeftBig"
                    },
                    {
                      "label": "fadeInRight",
                      "value": "fadeInRight"
                    },
                    {
                      "label": "fadeInRightBig",
                      "value": "fadeInRightBig"
                    },
                    {
                      "label": "fadeInUp",
                      "value": "fadeInUp"
                    },
                    {
                      "label": "fadeInUpBig",
                      "value": "fadeInUpBig"
                    },
                    {
                      "label": "flipInX",
                      "value": "flipInX"
                    },
                    {
                      "label": "flipInY",
                      "value": "flipInY"
                    },
                    {
                      "label": "lightSpeedIn",
                      "value": "lightSpeedIn"
                    },
                    {
                      "label": "rotateIn",
                      "value": "rotateIn"
                    },
                    {
                      "label": "rotateInDownLeft",
                      "value": "rotateInDownLeft"
                    },
                    {
                      "label": "rotateInDownRight",
                      "value": "rotateInDownRight"
                    },
                    {
                      "label": "rotateInUpLeft",
                      "value": "rotateInUpLeft"
                    },
                    {
                      "label": "rotateInUpRight",
                      "value": "rotateInUpRight"
                    },
                    {
                      "label": "hinge",
                      "value": "hinge"
                    },
                    {
                      "label": "jackInTheBox",
                      "value": "jackInTheBox"
                    },
                    {
                      "label": "rollIn",
                      "value": "rollIn"
                    },
                    {
                      "label": "zoomIn",
                      "value": "zoomIn"
                    },
                    {
                      "label": "zoomInDown",
                      "value": "zoomInDown"
                    },
                    {
                      "label": "zoomInLeft",
                      "value": "zoomInLeft"
                    },
                    {
                      "label": "zoomInRight",
                      "value": "zoomInRight"
                    },
                    {
                      "label": "zoomInUp",
                      "value": "zoomInUp"
                    },
                    {
                      "label": "slideInDown",
                      "value": "slideInDown"
                    },
                    {
                      "label": "slideInLeft",
                      "value": "slideInLeft"
                    },
                    {
                      "label": "slideInRight",
                      "value": "slideInRight"
                    },
                    {
                      "label": "slideInUp",
                      "value": "slideInUp"
                    },
                    {
                      "label": "heartBeat",
                      "value": "heartBeat"
                    }
                  ]
                },
                {
                  "type": "select",
                  "id": "animation_duration",
                  "label": "Animation Duration",
                  "options": [
                    {
                      "value": "1s",
                      "label": "1s"
                    },
                    {
                      "value": "2s",
                      "label": "2s"
                    },
                    {
                      "value": "3s",
                      "label": "3s"
                    }
                  ],
                  "default": "1s"
                },
                {
                  "type": "select",
                  "id": "animation_delay",
                  "label": "Animation Delay",
                  "options": [
                    {
                      "value": "0",
                      "label": "0"
                    },
                    {
                      "value": "1",
                      "label": "1s"
                    },
                    {
                      "value": "2",
                      "label": "2s"
                    },
                    {
                      "value": "3",
                      "label": "3s"
                    },
                    {
                      "value": "4",
                      "label": "4s"
                    },
                    {
                      "value": "5",
                      "label": "5s"
                    },
                    {
                      "value": "6",
                      "label": "6s"
                    },
                    {
                      "value": "7",
                      "label": "7s"
                    },
                    {
                      "value": "8",
                      "label": "8s"
                    }
                  ],
                  "default": "0"
              }
		]
	}
{% endschema %}