Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

250 lines
9.1 KiB
HTML

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/measure/seasons.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:57:41 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>The Seasons</title>
<script language="JavaScript" type="text/javascript">reSpell=[["colors","colours"]];</script>
<meta name="Description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents.">
<style type="text/css">
.boxa {
text-align: center;
vertical-align: middle;
display: inline-block;
margin: 0 0 50px 0;
width: 140px;
}
</style>
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<meta name="referrer" content="always">
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="../style4.css" as="style">
<link rel="preload" href="../main4.js" as="script">
<link rel="stylesheet" href="../style4.css">
<script src="../main4.js" defer="defer"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-29771508-1');
</script>
</head>
<body id="bodybg">
<div id="stt"></div>
<div id="adTop"></div>
<header>
<div id="hdr"></div>
<div id="tran"></div>
<div id="adHide"></div>
<div id="cookOK"></div>
</header>
<div class="mid">
<nav>
<div id="menuWide" class="menu"></div>
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
<div id="search" role="search"></div>
<div id="linkto"></div>
<div id="menuSlim" class="menu"></div>
<div id="menuTiny" class="menu"></div>
</nav>
<div id="extra"></div>
<article id="content" role="main">
<!-- #BeginEditable "Body" -->
<h1 class="center">The Seasons</h1>
<p class="center"><i>The Seasons are the natural divisions of the year.</i></p>
<p>In many countries the Seasons are:</p>
<table align="center" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr style="text-align:center;" class="large">
<td class="large" width="140">Spring</td>
<td class="large" width="140">Summer</td>
<td class="large" width="140">Autumn</td>
<td class="large" width="140">Winter</td>
</tr>
<tr>
<td colspan="4"><img src="images/four-seasons.jpg" alt="Four Seasons" style="max-width:100%" height="155" width="560"></td>
</tr>
</tbody></table>
<p>But some countries experience different seasons such as <b>Dry</b> and <b>Wet</b> in the tropics.</p>
<p>&nbsp;</p>
<p class="center">Every&nbsp;season is wonderful because the weather is so different!</p>
<table style="border: 0;">
<tbody>
<tr>
<td><span class="boxb"><img src="images/spring.jpg" alt="spring" height="248" width="221"></span></td>
<td>&nbsp;</td>
<td><span class="boxc">In Spring everything starts growing and there are many green leaves around</span></td>
</tr>
<tr>
<td><span class="boxb"><img src="images/summer.jpg" alt="summer" height="265" width="227"></span></td>
<td>&nbsp;</td>
<td><span class="boxc">Summer is hot and it is nice to go to the beach or the lake</span></td>
</tr>
<tr>
<td><span class="boxb"><img src="images/autumn.jpg" alt="autumn" height="274" width="234"></span></td>
<td>&nbsp;</td>
<td><span class="boxc">In Fall (which is also called Autumn) it gets cooler, the leaves fall off the trees, and the colors are amazing</span></td>
</tr>
<tr>
<td><span class="boxb"><img src="images/winter.jpg" alt="winter" height="258" width="219"></span></td>
<td>&nbsp;</td>
<td><span class="boxc">Winter is cold and fresh, and we can enjoy winter activities</span></td>
</tr>
</tbody></table>
<p class="center">And then spring starts again!</p>
<p>&nbsp;</p>
<!-- <div style="float:left; margin: 0 10px 5px 0;">
<div class="flash">
<script>putFlash6(350,400,'images/4seasons.swf','','#FFFFFF');</script>
<noscript>
<object type="application/x-shockwave-flash" width="350" height="400" data="images/4seasons.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="images/4seasons.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /></object>
</noscript>
</div>
</div>
-->
<p>It is nice to love every season, because each one has its own feeling and joy that makes it special.</p>
<h2>Start and End</h2>
<p>When each season begins and ends is not the same everywhere!</p>
<p>Some countries choose different dates, or even have different seasons, but in the USA:</p>
<ul>
<li>Spring begins at the spring <a href="#def">equinox</a> (equinox is when day and night have the same length)</li>
<li>Summer begins at summer <a href="#def">solstice</a> (the longest daytime of the year)</li>
<li>Autumn begins at the autumnal equinox (day and night the same length again)</li>
<li>Winter begins at winter solstice (the shortest daytime of the year)</li>
</ul>
<p>Meteorologists (people who study the weather) use a simpler system of whole months like this:</p>
<div class="beach">
<table align="center" width="80%" border="0">
<tbody>
<tr style="text-align:center;">
<th>Northern<br>
Hemisphere</th>
<th>Month</th>
<th>Southern<br>
Hemisphere</th>
</tr>
<tr style="text-align:center;">
<td rowspan="3">Winter</td>
<td style="text-align:center;">December</td>
<td rowspan="3">Summer</td>
</tr>
<tr style="text-align:center;">
<td style="text-align:center;">January</td>
</tr>
<tr>
<td style="text-align:center;">February</td>
</tr>
<tr style="text-align:center;">
<td rowspan="3">Spring</td>
<td style="text-align:center;">March</td>
<td rowspan="3">Autumn</td>
</tr>
<tr>
<td style="text-align:center;">April</td>
</tr>
<tr>
<td style="text-align:center;">May</td>
</tr>
<tr style="text-align:center;">
<td rowspan="3">Summer</td>
<td style="text-align:center;">June </td>
<td rowspan="3">Winter</td>
</tr>
<tr>
<td style="text-align:center;">July</td>
</tr>
<tr>
<td style="text-align:center;">August</td>
</tr>
<tr style="text-align:center;">
<td rowspan="3">Autumn</td>
<td style="text-align:center;">September</td>
<td rowspan="3">Spring</td>
</tr>
<tr>
<td style="text-align:center;">October</td>
</tr>
<tr>
<td style="text-align:center;">November</td>
</tr>
</tbody></table>
</div>
<h2>Why Does it Get Hotter and Colder?</h2>
<p>Because the Earth is tilted in relation to the Sun!</p>
<p>At some time of the year your place will get more sun (the days are longer and the nights shorter) ... this gradually warms up everything around you.</p>
<p>But later in the year the days get shorter (and the nights get longer) and so everything cools down.</p>
<p>This animation shows you why:</p>
<div class="script" style="height: 480px;">
images/earth.js
</div>
<h2><a name="def" id="def"></a>* Equinox and Solstice</h2>
<div class="def">
<p>Equinox: The time of the year when day and night are each 12 hours long and the Sun is at the midpoint of the sky.</p>
<p>Equinox happens around March 21 and around September 21.</p>
</div><br>
<div class="def">
<p>Solstice: When the Earth is the most tilted away, or towards, the Sun.</p>
<p>The days when this happens are called:</p>
<ul>
<li>Summer solstice (the longest day of the year)</li>
<li>Winter solstice (the shortest day of the year)</li>
</ul>
<p>Solstice happens around June 21 and around December 21.</p>
</div>
<p>&nbsp;</p>
<div class="questions">3679, 3686, 3687, 3688, 3689, 3690, 3691, 3692, 3693, 9168</div>
<div class="related">
<a href="day-week-month-year.html">Introduction to Days, Weeks, Months and Years</a>
<a href="days.html">Days</a>
<a href="weeks.html">Weeks</a>
<a href="months.html">Months</a>
<a href="years.html">Years</a>
<a href="index.html">Measurement Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright © 2022 Rod Pierce</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/measure/seasons.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:57:42 GMT -->
</html>