Children and Screens Component Library

Meta 

<div class="meta_info" id="meta_info">
    <script type="application/ld+json">
        {
            '@context': 'http://schema.org',
            '@type': 'Organization',
            'name': 'Children and Screens',
            'logo': '//example.dev.fastspot.com/site/images/logo-schema.png',
            'address': {
                '@type': 'PostalAddress',
                'streetAddress': '2980 Falls Road',
                'addressLocality': 'Baltimore',
                'addressRegion': 'MD',
                'postalCode': '21211"
            },
            'email': 'info@childrenandscreens.org',
            'telephone': '+1 410 . 537 . 5007',
            'url': '//example.dev.fastspot.com/site',
            'sameAs': [
                '//www.facebook.com',
                '//www.instagram.com',
                '//www.twitter.com',
                '//www.youtube.com',
                '//www.linkedin.com'
            ]
        }
    </script>

    <div class="meta_info_address_wrap">
        <address class="meta_info_address">
            2980 Falls Road<br />
            Baltimore, MD 21211
        </address>
    </div>

    <div class="meta_info_details">
        <div class="meta_info_detail meta_info_detail_email">
            <span class="meta_info_detail_icon">
                <svg class="icon icon_letter_e">
                    <use href="/images/icons.svg#letter_e" />
                </svg>
            </span>
            <span class="meta_info_detail_content">
                <a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@childrenandscreens.org">info@childrenandscreens.org</a>
            </span>
        </div>
        <div class="meta_info_detail meta_info_detail_phone">
            <span class="meta_info_detail_icon">
                <svg class="icon icon_letter_p">
                    <use href="/images/icons.svg#letter_p" />
                </svg>
            </span>
            <span class="meta_info_detail_content">
                <a class="meta_info_detail_label meta_info_detail_link" href="tel:1410.537.5007">
                    <span class="meta_info_detail_label_hint">home:&nbsp;</span>+1 410 . 537 . 5007</a>
            </span>
        </div>
    </div>
</div>
 
{#
	{% render '@partial-meta' %}

	Google Maps, Find the ID of a particular place - https://developers.google.com/places/place-id
#}
<div class="meta_info" id="meta_info">
	<script type="application/ld+json">
		{
			'@context': 'http://schema.org',
			'@type': '{{ config.schema_type }}',
			'name': '{{ config.name }}',
			'logo': '//{{ config.domain }}/images/logo-schema.png',
			'address': {
				'@type': 'PostalAddress',
				'streetAddress': '{{ config.street }}',
				'addressLocality': '{{ config.city }}',
				'addressRegion': '{{ config.state }}',
				'postalCode': '{{ config.zip }}"
			},
			{% if config.email %}'email': '{{ config.email }}',{% endif %}
			{% if config.phone %}'telephone': '{{ config.phone }}',{% endif %}
			'url': '//{{ config.domain }}',
			{% if navigation.social %}
				'sameAs': [
				{% for social in navigation.social %}
					'{{ social.url }}'
					{% if not loop.last %},
					{% endif %}
				{% endfor %}
				]
			{% endif %}
		}
	</script>

	<div class="meta_info_address_wrap">
		<address class="meta_info_address">
			{{ config.street }}<br />
			{{ config.city }}, {{ config.state }} {{ config.zip }}
		</address>
	</div>

	<div class="meta_info_details">
		{% if config.email %}
			<div class="meta_info_detail meta_info_detail_email">
				<span class="meta_info_detail_icon">{{ icon('letter_e') }}</span>
				<span class="meta_info_detail_content">
					<a class="meta_info_detail_label meta_info_detail_link" href="mailto:{{ config.email }}">{{ config.email }}</a>
				</span>
			</div>
		{% endif %}
		{% if config.phone %}
			<div class="meta_info_detail meta_info_detail_phone">
				<span class="meta_info_detail_icon">{{ icon('letter_p') }}</span>
				<span class="meta_info_detail_content">
					<a class="meta_info_detail_label meta_info_detail_link" href="tel:{{ tel(config.phone) }}">
						<span class="meta_info_detail_label_hint">home:&nbsp;</span>{{ config.phone }}</a>
				</span>
			</div>
		{% endif %}
	</div>
</div>

No notes defined.