<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@41099c2142fe4239aa423a29fd255e39" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@d0fa585f67a24c5d8e224c8ff58e639b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@d0fa585f67a24c5d8e224c8ff58e639b" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About Images</h3>
<p>From the Open edX platform, you can add images to accompany your written content to facilitate other types of learning. Adding images is so easy that you can do it through the platform's text editor component. In addition, you can add descriptive text to the image to make the content accessible and modify the image size as desired.</p>
</div>
<p></p>
<p>This side-by-side comparison shows observations of the Southern Ring Nebula in near-infrared light, at left, and mid-infrared light, at right, from NASA's Webb Telescope.</p>
<p>This scene was created by a white dwarf star – the remains of a star like our Sun after it shed its outer layers and stopped burning fuel through nuclear fusion. Those outer layers now form the ejected shells all along this view.</p>
<p></p>
<p><img height="520" width="1080" src="//d24jp206mxeyfm.cloudfront.net/assets/courseware/v1/96157f2fddfeb95971e0453eded0255d/asset-v1:demo-content1+basicdemo+01+type@asset+block/sec1_sub_2_pag1.png" alt="Southern Ring Nebula (NIRCam and MIRI Images Side by Side)" style="display: block; margin-left: auto; margin-right: auto;" /></p>
<p><em>Image Credits: Webb Space Telescope, https://webbtelescope.org/contents/media/images/2022/033/01G709QXZPFH83NZFAFP66WVCZ?Category=04-nebulas&Collection=First%20Images</em></p>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@9f504e59366d4bf5824ddbbc5724d864" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@a9b7605c5d9e4d5999584c6179b6bb8f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@a9b7605c5d9e4d5999584c6179b6bb8f" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About Zooming</h3>
<p>One of the easiest ways to exemplify concepts or topics is through images, and Open edX allows you to add pictures and graphics to your courses. However, there are topics you need to see closely to understand better what you are learning, like celestial bodies. In those cases, the Zooming images tool will be helpful.</p>
<p>Below is an image of a group of constellations. If you click on any part of the image, the zooming function will display a closer look at that area and have a better understanding of that group of stars.</p>
</div>
<p></p>
<p>This image illustrates a starry sky as you would see it on a clear night with low external light and humidity in the northern hemisphere. By clicking on any part of the image, you can enlarge the image and see in detail the information about the constellations and planets represented there.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@6b5847fba11e46aeb2ec3939a359c486">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@6b5847fba11e46aeb2ec3939a359c486" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<div class="zooming-image-place" style="position: relative; display: block; margin-left: auto; margin-right: auto; width: 50%;" gt="" cmcaret=""><a class="loupe" href="//d24jp206mxeyfm.cloudfront.net/assets/courseware/v1/db81600b719f1858c2854d4f1674545f/asset-v1:demo-content1+basicdemo+01+type@asset+block/sec1_sub_2_pag2b.png"> <img alt="magnify" src="//d24jp206mxeyfm.cloudfront.net/assets/courseware/v1/c3f5c3a6fc85a6d820dcdae1fdd99c6b/asset-v1:demo-content1+basicdemo+01+type@asset+block/sec1_sub_2_pag2a.png" /> </a>
<div class="script_placeholder" data-src="//d24jp206mxeyfm.cloudfront.net/assets/courseware/v1/c0454b940125bc529f24fa822691801b/asset-v1:demo-content1+basicdemo+01+type@asset+block/jquery.loupeAndLightbox.js">Image Credits: https://skyandtelescope.org/</div>
<script>// <![CDATA[
JavascriptLoader.executeModuleScripts($('.zooming-image-place').eq(0), function() {
$('.loupe').loupeAndLightbox({
width: 350,
height: 350,
lightbox: false
});
});
// ]]></script>
<div id="ap_listener_added"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@df074ab058cb4ec986328e87b6698988">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@df074ab058cb4ec986328e87b6698988" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><em>Image credits: https://skyandtelescope.org/</em></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@6e914bf5a80b4492bc89e27663963d0b" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@8edb3d0d6fe04e9facf71724a65d39e9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@8edb3d0d6fe04e9facf71724a65d39e9" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About Full-Screen Image</h3>
<p>The full-screen image tool lets participants see more detail in your images. This tool is helpful for large images with lots of details. A re-sized version of the image displays on the page, but clicking on the image pops open a full-screen model with the full-size version of the image.</p>
</div>
<p></p>
<p>The following illustration is a hand-colored map of the northern hemisphere stars engraved by W. G. Evans of New York for Burritt’s 1856 edition of the Atlas to Illustrate the Geography of the Heavens. It represents the night sky and constellations of the Northern Hemisphere. Constellations are drawn in detail and include depictions of the Zodiacal figures the stars are said to represent. Included on this chart are Ursa Major (Great Bear or Big Dipper), Ursa Minor (the Little Bear or Little Dipper), Draco (the Dragono), Cassiopeia (the W), Perseus, Camelopardalis, and Cepheus.</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@imagemodal+block@7cee83bfd8b5434595dcc1f98ad556c2">
<div class="xblock xblock-public_view xblock-public_view-imagemodal" data-course-id="course-v1:demo-content1+basicdemo+01" data-block-type="imagemodal" data-usage-id="block-v1:demo-content1+basicdemo+01+type@imagemodal+block@7cee83bfd8b5434595dcc1f98ad556c2" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Huntington Map of the Stars is only accessible to enrolled learners. Sign in or register, and enroll in this course to view it.</div></div></div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@fc231515ae2c466aa482be4f8845438d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@fc231515ae2c466aa482be4f8845438d" data-request-token="1bca78bab02c11efb33ef612820d66fe" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><em>Image credits: http://www.geographicus.com/mm5/cartographers/burritt.txt, Public domain, via Wikimedia Commons</em></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
© All Rights Reserved