205 lines
14 KiB
HTML
Executable File
205 lines
14 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="pt-br">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>As funções trigonométricas circulares e hiperbólicas</title>
|
||
<style>
|
||
|
||
html {
|
||
|
||
margin: 0px;
|
||
padding: 0px;
|
||
|
||
}
|
||
|
||
@font-face {
|
||
|
||
font-family: 'gfs_artemisia';
|
||
src: url('../gfs_artemisia/GFSArtemisia.otf') format('opentype'),
|
||
url('../gfs_artemisia/GFSArtemisia.ttf') format('trutype');
|
||
|
||
}
|
||
|
||
@font-face {
|
||
|
||
font-family: 'suez';
|
||
src: url('../suez/SuezOne-Regular.otf') format('opentype'),
|
||
url('../suez/SuezOne-Regular.ttf') format('trutype');
|
||
|
||
}
|
||
|
||
@font-face {
|
||
|
||
font-family: 'oswald';
|
||
src: url('../oswald/Oswald-Bold.otf') format('opentype'),
|
||
url('../oswald/Oswald-Bold.ttf') format('trutype');
|
||
|
||
}
|
||
|
||
body {
|
||
|
||
background: #2f2e2c;
|
||
margin: 0px;
|
||
padding: 0px;
|
||
|
||
}
|
||
|
||
.containerCentral {
|
||
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
flex-direction: column;
|
||
width: 480px;
|
||
height: 93vh;
|
||
margin: 0px auto 10px auto;
|
||
position: relative;
|
||
|
||
}
|
||
|
||
.containerFundo {
|
||
|
||
display: block;
|
||
width: 480px;
|
||
margin: 2px auto 20px auto;
|
||
|
||
}
|
||
|
||
|
||
|
||
.containerCentral h1 {
|
||
|
||
color: #fff;
|
||
font-family: "suez";
|
||
text-align: left;
|
||
letter-spacing: 3px;
|
||
margin: 0px 5px;
|
||
|
||
}
|
||
|
||
.containerCentral h2 {
|
||
|
||
font-family: "oswald";
|
||
margin: 8px 5px;
|
||
|
||
}
|
||
|
||
h2.autor {
|
||
|
||
color: #fff;
|
||
text-align: right;
|
||
|
||
}
|
||
|
||
h2.editora {
|
||
|
||
width: 90px;
|
||
font-size: 15px;
|
||
color: #D7AF04;
|
||
|
||
|
||
}
|
||
|
||
a {
|
||
|
||
text-decoration: none;
|
||
|
||
}
|
||
|
||
a.ed {
|
||
|
||
position: absolute;
|
||
top: 27px;
|
||
right: -33px;
|
||
margin: 0px;
|
||
transform: rotate(-90deg);
|
||
-webkit-transform: rotate(-90deg);
|
||
-moz-transform: rotate(-90deg);
|
||
-ms-transform: rotate(-90deg);
|
||
-o-transform: rotate(-90deg);
|
||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
@media only screen and (max-width: 490px) {
|
||
|
||
.containerCentral, .containerFundo {
|
||
|
||
width: 100%;
|
||
|
||
}
|
||
|
||
}
|
||
|
||
@media only screen and (min-height: 720px) {
|
||
|
||
svg {
|
||
|
||
width: 130%;
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="containerCentral">
|
||
|
||
<h1>As funções trigonométricas</h1>
|
||
|
||
|
||
<!--<object id="my-svg" type="image/svg+xml" data="teste.svg" alt="Gráfico com as definições da trigonometria circular e da hiperbólica."></object>-->
|
||
|
||
<svg id="my-svg" xmlns="http://www.w3.org/2000/svg" overflow="hidden" viewBox="0 0 550 400" alt="Gráfico com definição da trigonometria circular e da hiperbólica">
|
||
<defs>
|
||
<marker id="c" stroke="#666" stroke-opacity="1" fill="#666" fill-opacity="1" stroke-width="0" orient="auto" markerUnits="strokeWidth" refY="5" refX=".1" display="inherit" viewBox="0 0 80 80" markerHeight="64" markerWidth="64">
|
||
<path d="M0 0l10 5-10 5z"/>
|
||
</marker>
|
||
<marker id="b" stroke="#666" stroke-opacity="1" fill="#666" fill-opacity="1" stroke-width="0" orient="auto" markerUnits="strokeWidth" refY="5" refX=".1" display="inherit" viewBox="0 0 80 80" markerHeight="64" markerWidth="64">
|
||
<path d="M0 0l10 5-10 5z"/>
|
||
</marker>
|
||
<linearGradient id="a">
|
||
<stop offset="0" stop-color="#6ac5fe"/><stop offset="1" stop-color="#6ac5fe" stop-opacity="0"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<path fill="none" visibility="inherit" d="M170 118v83h87zM382 201l43-106-168 106z"/><ellipse stroke="#ea0c57" stroke-width="2.2" cx="257" cy="201" rx="124.5" ry="116.667" style="mix-blend-mode:normal" visibility="inherit" fill="none"/><g stroke-width="2.2" fill="none" stroke="#11ddaf" stroke-linecap="round" stroke-linejoin="round" visibility="inherit">
|
||
<path d="M381.5 201l.122-5.157.121-2.138.122-1.642.121-1.385.122-1.221.121-1.105.122-1.017.122-.947.121-.89.122-.842.121-.802.122-.767.122-.736.121-.709.243-1.346.243-1.267.244-1.2.243-1.142.243-1.094.243-1.05.243-1.012.243-.978.244-.947.243-.919.243-.894.243-.87.243-.85.243-.829.244-.81.243-.794.243-.778.243-.763.243-.748.243-.736.244-.723.243-.711.365-1.046.364-1.022.365-1.001.365-.981.364-.962.365-.944.365-.928.365-.912.364-.897.365-.884.365-.87.365-.857.364-.846.365-.835.365-.823.365-.814.364-.803.365-.794.365-.785.365-.776.364-.768.365-.76.365-.753.365-.744.364-.738.365-.731.365-.724.365-.718.364-.712.365-.705.486-.932.487-.922.486-.912.486-.904.487-.894.486-.886.486-.878.487-.87.486-.863.486-.856.487-.848.486-.842.486-.835.487-.829.486-.823.486-.816.487-.811.486-.805.486-.8.487-.795.486-.79.486-.784.487-.78.486-.775.486-.77.487-.766.486-.762.486-.757.487-.754.486-.75.486-.745.487-.741.486-.738.486-.734.487-.731.486-.727.486-.724.487-.72.486-.718.486-.714.487-.711.486-.708.486-.705.487-.703.607-.873.608-.87.608-.865.608-.861.608-.857.608-.853.608-.85.608-.845.608-.843.608-.838.608-.835.608-.832.607-.828.608-.825.608-.822.608-.819.608-.816.608-.813.608-.81.608-.807.608-.804.608-.802.608-.799.607-.796.608-.794.608-.79.608-.79.608-.786.608-.784.608-.782.608-.779.608-.777.608-.775.608-.773.607-.77.608-.769.608-.766.608-.765.608-.762.608-.76.608-.76.608-.756.608-.755.608-.753.608-.752.607-.75.608-.747.608-.746.608-.745.608-.743.608-.74.608-.74.608-.739.608-.736.608-.735.608-.734.607-.732.608-.73.608-.73.608-.727.608-.726.608-.725.608-.724.608-.722.608-.721.608-.72.608-.719.607-.717.608-.716.608-.715.608-.713.608-.712.608-.712.608-.71.608-.709.608-.707.608-.707.608-.706.607-.704.608-.703.608-.703.608-.701.608-.7.73-.84.73-.837.729-.836.73-.835.729-.834.73-.832.729-.83.73-.83.729-.828.729-.827.73-.826.729-.824.73-.823.729-.822.73-.82.729-.82.73-.819.729-.817.73-.817.729-.815.73-.814.729-.813.73-.812.729-.81.73-.81.729-.81.73-.807.729-.807.73-.805.729-.805.73-.804.729-.803.73-.802.729-.801.73-.8.729-.8.73-.798.729-.798.73-.796.729-.796.73-.795.729-.794.73-.794.729-.792.73-.792.729-.79.73-.79.364-.396M381.5 201l.122 5.157.121 2.138.122 1.642.121 1.385.122 1.221.121 1.105.122 1.017.122.947.121.89.122.842.121.802.122.767.122.736.121.709.243 1.346.243 1.267.244 1.2.243 1.142.243 1.094.243 1.05.243 1.012.243.978.244.947.243.919.243.894.243.87.243.85.243.829.244.81.243.794.243.778.243.763.243.748.243.736.244.723.243.711.365 1.046.364 1.022.365 1.001.365.981.364.962.365.944.365.928.365.912.364.897.365.884.365.87.365.857.364.846.365.835.365.823.365.814.364.803.365.794.365.785.365.776.364.768.365.76.365.753.365.744.364.738.365.731.365.724.365.718.364.712.365.705.486.932.487.922.486.912.486.904.487.894.486.886.486.878.487.87.486.863.486.856.487.848.486.842.486.835.487.829.486.823.486.816.487.811.486.805.486.8.487.795.486.79.486.784.487.78.486.775.486.77.487.766.486.762.486.757.487.754.486.75.486.745.487.741.486.738.486.734.487.731.486.727.486.724.487.72.486.718.486.714.487.711.486.708.486.705.487.703.607.873.608.87.608.865.608.861.608.857.608.853.608.85.608.845.608.843.608.838.608.835.608.832.607.828.608.825.608.822.608.819.608.816.608.813.608.81.608.807.608.804.608.802.608.799.607.796.608.794.608.79.608.79.608.786.608.784.608.782.608.779.608.777.608.775.608.773.607.77.608.769.608.766.608.765.608.762.608.76.608.76.608.756.608.755.608.753.608.752.607.75.608.747.608.746.608.745.608.743.608.74.608.74.608.739.608.736.608.735.608.734.607.732.608.73.608.73.608.727.608.726.608.725.608.724.608.722.608.721.608.72.608.719.607.717.608.716.608.715.608.713.608.712.608.712.608.71.608.709.608.707.608.707.608.706.607.704.608.703.608.703.608.701.608.7.73.84.73.837.729.836.73.835.729.834.73.832.729.83.73.83.729.828.729.827.73.826.729.824.73.823.729.822.73.82.729.82.73.819.729.817.73.817.729.815.73.814.729.813.73.812.729.81.73.81.729.81.73.807.729.807.73.805.729.805.73.804.729.803.73.802.729.801.73.8.729.8.73.798.729.798.73.796.729.796.73.795.729.794.73.794.729.792.73.792.729.79.73.79.364.396"/></g>
|
||
<g fill="#4a96fe" stroke="#4996ff" stroke-width="1.7"><g stroke-linejoin="round"><path marker-end="url(#b)" visibility="inherit" d="M249 346V12" transform="matrix(1 0 0 1.15685 7.135 .744)"/><path marker-end="url(#c)" visibility="inherit" d="M4 175h482" transform="matrix(1 0 0 1.15685 7.135 .744)"/><text class="JXGtext" x="373.5" text-anchor="middle" y="178" dy="9.6" style="white-space:nowrap" font-size="12" font-family="arial" visibility="inherit" transform="matrix(1 0 0 1.15685 7.135 .744)">1</text><text class="JXGtext" x="245" text-anchor="end" y="70.435" dy="3.6" style="white-space:nowrap" font-size="12" font-family="arial" visibility="inherit" transform="matrix(1 0 0 1.15685 7.135 .744)">1</text><text class="JXGtext" x="245" text-anchor="end" y="274.378" dy="3.6" style="white-space:nowrap" font-size="12" font-family="arial" visibility="inherit" transform="matrix(1 0 0 1.15685 7.135 .744)">−1</text><text class="JXGtext" x="122.5" text-anchor="middle" y="178" dy="9.6" style="white-space:nowrap" font-size="12" font-family="arial" visibility="inherit" transform="matrix(1 0 0 1.15685 7.135 .744)">−1</text></g><path d="M249.309 14.822L257.242-.25l7.14 15.072z" stroke-width="2.5" transform="matrix(1.04142 0 0 .99963 -11.678 2.584)"/><path d="M249.309 14.822L257.242-.25l7.14 15.072z" stroke-width="2.5" transform="matrix(0 .99963 -1.04142 0 507.557 -53.908)"/></g><path stroke-linecap="round" stroke-linejoin="round" data-ignore="true" stroke="#fff" stroke-width="1.7" fill="none" d="M257 203h24.9c0-4.635-1.473-9.164-4.231-13.012L257 203" visibility="inherit"/><path stroke-linecap="round" stroke-linejoin="round" data-ignore="true" stroke="#fff" stroke-width="1.503" fill="none" d="M256.428 203.059l-15.67-14.48c-4.296 3.813-6.717 9.032-6.717 14.48h22.387" visibility="inherit"/><path stroke="#fff" data-ignore="true" stroke-width="2.052" stroke-dasharray="8.20878,4.10439" visibility="inherit" fill="none" d="M165.4 122H257"/><path stroke="#fff" data-ignore="true" stroke-width="2.011" stroke-dasharray="8.04369,4.02185" visibility="inherit" fill="none" d="M425 95H255.16"/><path stroke="#fff" data-ignore="true" stroke-width="2.017" stroke-dasharray="8.06914,4.03457" visibility="inherit" fill="none" d="M425 202.84V95"/><g fill="#edcc70" stroke="#f7ce62" stroke-width="2.2" visibility="inherit">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M382 203l43-106"/><path data-ignore="true" stroke="#fff" stroke-width="2" stroke-dasharray="8,4" d="M164 122.749V203"/><path stroke-width="2.208" d="M131.576 203H257"/><path stroke-linecap="round" stroke-linejoin="round" d="M425 97L257 203"/><path d="M257 203h125"/><path stroke-width="1.968" stroke-linecap="round" overflow="hidden" stroke-linejoin="round" d="M164.011 122.738l-31.67 79.203"/><path stroke-width="1.658" overflow="hidden" d="M256.305 202.276L164 122.749"/></g><text fill="#fff" class="JXGtext" x="292" y="193" dy="3.6" style="white-space:nowrap" stroke-width="2" font-size="12" font-family="arial" visibility="inherit"><tspan style="-inkscape-font-specification:'GFS Artemisia'" font-weight="400" font-family="GFS Artemisia">β</tspan></text><text style="line-height:1.25" x="261.804" y="124.912" font-weight="400" font-size="40" font-family="sans-serif" overflow="hidden" fill="#fff"><tspan x="261.804" y="124.912" style="-inkscape-font-specification:'GFS Artemisia'" font-size="10.667" font-family="GFS Artemisia">sen α</tspan></text><text style="line-height:1.25" x="218.613" y="96.991" font-weight="400" font-size="40" font-family="sans-serif" overflow="hidden" fill="#fff"><tspan x="218.613" y="96.991" font-size="10.667"><tspan style="-inkscape-font-specification:'GFS Artemisia'" font-family="GFS Artemisia">senh β</tspan></tspan></text><text fill="#fff" class="JXGtext" x="221" y="194" dominant-baseline="text-after-edge" dy="3.6" style="white-space:nowrap" stroke-width="2" font-size="12" font-family="arial" visibility="inherit"><tspan style="-inkscape-font-specification:'GFS Artemisia'" font-weight="400" font-family="GFS Artemisia">α</tspan></text><text style="line-height:1.25" x="151.964" y="212.926" font-weight="400" font-size="40" font-family="sans-serif" fill="#fff"><tspan x="151.964" y="212.926" style="-inkscape-font-specification:'GFS Artemisia'" font-size="10.667" font-family="GFS Artemisia">cos α</tspan></text><text style="line-height:1.25" x="407.678" y="213.605" font-weight="400" font-size="40" font-family="sans-serif" overflow="hidden" fill="#fff"><tspan x="407.678" y="213.605" font-size="10.667"><tspan style="-inkscape-font-specification:'GFS Artemisia'" font-family="GFS Artemisia">cosh β</tspan></tspan></text>
|
||
</svg>
|
||
|
||
<a class="ed" href="https://livro.online/editora-moan" target="blank"><h2 class="editora">Editora Moan</h2></a>
|
||
|
||
<div class="containerFundo">
|
||
|
||
<h1>circulares e hiperbólicas</h1>
|
||
|
||
<a href="https://livro.online/autor/sandro-guzzo" target="blank"><h2 class="autor">Sandro Marcos Guzzo</h2></a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script type="text/javascript" src="vivus.min.js"></script>
|
||
<script>
|
||
|
||
new Vivus('my-svg',
|
||
{
|
||
type: 'oneByOne',
|
||
duration: 150,
|
||
animTimingFunction: Vivus.EASE_OUT_BOUNCE
|
||
}
|
||
);
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html> |