<section class="text-block" role="region" aria-labelledby="research-description">
<h2 id="research-description">Research description</h2>
<p>The pathways have been used to develop an indicator that measures how connected to nature a person is. It’s hoped that this indicator will be adopted by national policy makers as a way of measuring the effects of interventions. The University led
this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
<p>The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Call to action button
</a> </section>
<section class="media-embed">
<figure class="media-embed-fig">
<a class="media-embed-a" data-attr-iframe-max-width="" href="https://www.youtube.com/embed/poHnlOxDShc">
<img class="media-embed-img" src="../../images/media-embed-demo/youtube-example.jpg" srcset="../../images/media-embed-demo/youtube-example,w_320.jpg 320w, ../../images/media-embed-demo/youtube-example,w_400.jpg 400w, ../../images/media-embed-demo/youtube-example,w_600.jpg 600w, ../../images/media-embed-demo/youtube-example,w_900.jpg 900w, ../../images/media-embed-demo/youtube-example.jpg" data-sizes="(min-width: 40em) 80vw, 100vw" alt="Entertainment Engineering at the University of Derby" />
<i class="uod-icons uod-icons-right-navigation"></i>
</a>
</figure>
</section>
<section class="text-block" role="region" aria-labelledby="research-description">
<h2 id="research-description">Research description</h2>
<p>The pathways have been used to develop an indicator that measures how connected to nature a person is. It’s hoped that this indicator will be adopted by national policy makers as a way of measuring the effects of interventions. The University led
this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
<p>The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
View joint honours options
</a> </section>
<section class="media-embed">
<figure class="media-embed-fig">
<a class="media-embed-a" data-iframe="true" data-attr-iframe-max-width="" href="https://blog.derby.ac.uk/wp-content/themes/derby-uni-blog/virtual-campus/content/tours/index.html?360=43">
<img class="media-embed-img" src="../../images/media-embed-demo/7N0A0904.jpg" srcset="../../images/media-embed-demo/7N0A0904,w_320.jpg 320w, ../../images/media-embed-demo/7N0A0904,w_400.jpg 400w, ../../images/media-embed-demo/7N0A0904,w_600.jpg 600w, ../../images/media-embed-demo/7N0A0904.jpg" data-sizes="(min-width: 40em) 80vw, 100vw" alt="Markeaton Street - The Street" />
<i class="uod-icons uod-icons-360-view"></i>
</a>
</figure>
</section>
<section class="media-embed">
<figure class="media-embed-fig">
<a class="media-embed-a" data-iframe="true" data-attr-iframe-max-width="" href="https://blog.derby.ac.uk/wp-content/themes/derby-uni-blog/virtual-campus/content/tours/index.html?360=43">
<img class="media-embed-img" src="../../images/media-embed-demo/7N0A0904.jpg" srcset="../../images/media-embed-demo/7N0A0904,w_320.jpg 320w, ../../images/media-embed-demo/7N0A0904,w_400.jpg 400w, ../../images/media-embed-demo/7N0A0904,w_600.jpg 600w, ../../images/media-embed-demo/7N0A0904.jpg" data-sizes="(min-width: 40em) 80vw, 100vw" alt="Markeaton Street - The Street" />
<i class="uod-icons uod-icons-360-view"></i>
</a>
</figure>
</section>
{% embed '@text-block' with { title: 'Research description' } %}
{% block content %}
<p>The pathways have been used to develop an indicator that measures how connected to nature a person is. It’s hoped that this indicator will be adopted by national policy makers as a way of measuring the effects of interventions. The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
<p>The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
{% endblock %}
{% endembed %}
{% include '@media-embed' with {
iframe: 'https://www.youtube.com/embed/poHnlOxDShc',
path: '/images/media-embed-demo/youtube-example.jpg',
alt: 'Entertainment Engineering at the University of Derby',
type: 'video',
srcset: [
{
path: '/images/media-embed-demo/youtube-example,w_320.jpg',
width: 320
},
{
path: '/images/media-embed-demo/youtube-example,w_400.jpg',
width: 400
},
{
path: '/images/media-embed-demo/youtube-example,w_600.jpg',
width: 600
},
{
path: '/images/media-embed-demo/youtube-example,w_900.jpg',
width: 900
},
]
} %}
{% embed '@text-block' with { title: 'Research description', calltoaction: [{ label: 'View joint honours options', href: '#' }]} %}
{% block content %}
<p>The pathways have been used to develop an indicator that measures how connected to nature a person is. It’s hoped that this indicator will be adopted by national policy makers as a way of measuring the effects of interventions. The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>
{% endblock %}
{% endembed %}
{% include '@media-embed' with {
iframe: 'https://blog.derby.ac.uk/wp-content/themes/derby-uni-blog/virtual-campus/content/tours/index.html?360=43',
path: '/images/media-embed-demo/7N0A0904.jpg',
alt: 'Markeaton Street - The Street',
type: '360',
srcset: [
{
path: '/images/media-embed-demo/7N0A0904,w_320.jpg',
width: 320
},
{
path: '/images/media-embed-demo/7N0A0904,w_400.jpg',
width: 400
},
{
path: '/images/media-embed-demo/7N0A0904,w_600.jpg',
width: 600
},
]
} %}
{% include '@media-embed' with {
iframe: 'https://blog.derby.ac.uk/wp-content/themes/derby-uni-blog/virtual-campus/content/tours/index.html?360=43',
path: '/images/media-embed-demo/7N0A0904.jpg',
alt: 'Markeaton Street - The Street',
type: '360',
srcset: [
{
path: '/images/media-embed-demo/7N0A0904,w_320.jpg',
width: 320
},
{
path: '/images/media-embed-demo/7N0A0904,w_400.jpg',
width: 400
},
{
path: '/images/media-embed-demo/7N0A0904,w_600.jpg',
width: 600
},
]
} %}
{
"title": "Text block title",
"content": "<p>The pathways have been used to develop an indicator that measures how connected to nature a person is. It’s hoped that this indicator will be adopted by national policy makers as a way of measuring the effects of interventions. The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>\n <p>The University led this work, alongside The Wildlife Trusts, National Trust, Natural England, RSPB, and Historic England.</p>",
"calltoaction": [
{
"label": "Call to action button",
"href": "#"
}
],
"hasPublishDate": null
}
/*
Buttons within text blocks in the CMS will be WYSIWYG fields
To get the hoverr styles to work we need to add the overlay html with js...
/*/
$('.text-block [class^="button"]').each(function () {
//check if an overlay exists, if not...
if ($('.button-overlay', $(this)).length == 0) {
var text = $(this).html();
$(this).html(text + '<span class="button-overlay"><span>' + text + '</span></span>');
$(this).attr('role', 'button');
}
});
.text-block {
// mixin that sets a consistent columns width
@include uod-text-column;
// start: set default intra-component spacing (units are responsive and based on em values)
@include margin-medium;
@include for-tablet-portrait-up {
@include margin-large;
}
// end: set default intra-component spacing (units are responsive and based on em values)
@include for-desktop-up {
table {
lost-offset: -2/16;
lost-column: 20/16;
}
}
&-published-date {
margin-bottom: 0;
}
}
A block of text which is contextually standalone. Includes accessible markup and features a larger visual space below the content to separate it from subsequent content. Block contents should be WYSIWYG, so multiple headings, paragraphs, basic links and lists are all supported within it.