Anatta Documentation

# Markdown Syntax 💯

# Heading 1

# Heading 2

# Heading 3

# Heading 4

# Heading 5
# Heading 6

# Details

Browser

This is a details block, which does not work in IE / Edge

# Tip

Info

Tip Info

# Warning

Aware

Warning info

# Danger

Stop

important info

Click me to view the code 
console.log('Hello, Anatta!')

# Dot List

  • first
  • second
  • third

# Number List

  1. ABC
  2. XYZ

# Text Linking

This is a link (opens new window)

# Horizontal break line

# Line Break

# Bold Text

Bold Text

# Add Language based code

  function helloJs() {
    console.log("Hello JS");
  }

# Line Highlighting in Code Blocks




 





<ul>
  <li
    v-for="todo in todos"
    :key="todo.id"
  >
    {{ todo.text }}
  </li>
</ul>

# Code Grouping

# Block with a backgrond

Hello background block

# Import Code Snippets

<!-- fetch metafields of page using page-handle -->
{% assign metafields = pages.page_handle.metafields %}

<!-- loop through priority meta_field_priority -->
{% for priorities in metafields['meta_field_priority'] %}
    <!--  loop though priorioty -->
	{% for p in priorities %}
		{%- assign snippet_names = '' -%}
		<!-- loop through namespace or slice key-->
		{% for module in p %}
		   <!-- replace slice_name to slice-name -->
			{% assign snippet_name = module | replace: '_', '-' %}
			{%- assign enable = metafields[module].enable -%}
			{%- assign min = 1200 -%}
			{%- assign max = 2300 -%}
			{%- assign diff = max | minus: min -%}
			{%- assign random_id = "now" | date: "%N" | modulo: diff | plus: min -%}
			{%- if module != 'priority' and enable == true -%}
				{%- capture slice_data -%}
					<!-- {{ snippet_name }} -->
                    <!-- create new snippet with slice-name and render here-->
					{% include snippet_name, id: random_id %}
				{%- endcapture -%}
				
				<!--if same slice is imported twice, our metafields value will be set as slice-name-1 -->
				{%- if slice_data contains 'Liquid error:' -%}
					{%- assign allSlices = snippet_names | split: ',' -%}
					<!--split the slice-name and check if it matches with any snippet-name,once matched it will render the snippet -->
					{% for slice_name in allSlices %}
						{% if snippet_name contains slice_name -%}
							<!-- {{ snippet_name }} -->
							{% include slice_name, id: random_id %}
							{% break %}
						{%- endif -%}
					{%- endfor -%}
				{%- else -%}
					{%- assign snippet_names = snippet_names | append: snippet_name | append: ',' -%}
					{{ slice_data }}
				{%- endif -%}
			{%- endif -%}

		{% endfor %}
	{% endfor %}
{% endfor %}

# Escaping

{{ This will be displayed as-is }}

# Tables

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

← Development Guide →