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

171 lines
6.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/geometry/tetrahedron.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:18 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Spinning Tetrahedron</title>
<style type="text/css">
.boxa {
text-align: left;
vertical-align:middle;
display: inline-block;
vertical-align:middle;
margin: 0;
padding: 2px;
width:240px;
background-color: hsla(240,100%,60%,0.1);
}
.boxb {
display: inline-block;
vertical-align: top;
margin: 0 10px 10px 10px;
width: 450px;
}
</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">Tetrahedron</h1>
<p class="center"><i>Go to <a href="#Area">Surface Area</a> or <a href="#Volume">Volume</a></i></p>
<div class="boxa">
<div class="head">Tetrahedron Facts</div>
<p><b>Notice these interesting things:</b></p>
<ul>
<li>It has 4 Faces</li>
<li>Each face is an <a href="../triangle.html">Equilateral Triangle</a></li>
<li>It has 6 Edges</li>
<li>It has 4 Vertices (corner points)</li>
<li>and at each vertex 3 edges meet</li>
<li>It is one of the <a href="../platonic_solids.html">Platonic Solids</a></li>
</ul>
</div>
<div class="boxb">
<div class="script" style="height: 450px;">
images/polyhedra.js?mode=tetrahedron
</div>
</div>
<div style="clear:both"></div>
<div class="words">When we have more than one tetrahedron they are called <b>tetrahedra</b></div>
<p>&nbsp;</p>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/tetrahedron.svg" alt="tetrahedron" height="198" width="186"></p>
<p>The tetrahedron also has a beautiful and <i>unique</i> property ...<br>
all four vertices are the same distance from each other!
(thanks Ganesh)</p>
<p>And it is the only Platonic Solid with no parallel faces.</p>
<div style="clear:both"></div>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/tetrahedron-irregular.svg" alt="tetrahedron irregular" height="205" width="170"></p>
<p>When we say "tetrahedron" we often mean "regular tetrahedron" (in other words all faces are the same size and shape)</p>
<p align="right">But it could be an <b>irregular</b> tetrahedron, like this one:</p>
<div style="clear:both"></div>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/dice-tetrahedron.jpg" alt="dice tetrahedron" height="152" width="182"></p>
<p><b>4-Sided Dice?</b> Yes! A tetrahedron that has 4 equal faces has an equal chance of landing on any face.</p>
<p>In fact, you can make <a href="fair-dice.html">fair dice</a> out of all of the Platonic Solids.</p>
<div style="clear:both"></div>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><a href="tetrahedron-model.html">Make your own Tetrahedron</a> ,<br>
cut out the shape and glue it together.</td>
<td><a href="tetrahedron-model.html"><img src="images/tetrahedron-model-thumb.svg" alt="Tetrahedron Model Template" height="146" width="168"></a> </td>
</tr>
</tbody></table>
<a id="Area"></a>
<h2>Surface Area and Volume</h2>
<p>For a regular tetrahedron:</p>
<p class="center"><img src="images/tetrahedron-edge.svg" alt="tetrahedron edge length" height="204" width="188"></p>
<p class="center"><b>Surface Area</b> = √3 × (Edge Length)<sup>2</sup></p>
<a id="Volume"></a>
<p class="center"><b>Volume</b> = <span class="intbl"><em>√2</em><strong>12
</strong></span> × (Edge Length)<sup>3</sup></p>
<h2>Inside a Cube</h2>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/tetrahedron-cube.svg" alt="tetrahedron" height="270" width="260"></p>
<p>Here we see a regular tetrahedron's corners matching neatly with half of the cube's corners.</p>
<p>Can you work out the volume of the cube compared to that tetrahedron?</p>
<div style="clear:both"></div>
<div class="questions">1868, 1869, 1870, 1871</div>
<div class="related">
<a href="polyhedron-models.html">Animated Polyhedron Models</a>
<a href="../platonic_solids.html">Platonic Solids</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/geometry/tetrahedron.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:19 GMT -->
</html>