User:Felice/features.html.template: Difference between revisions
Jump to navigation
Jump to search
(New page: {{OLPC}} <pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="$g...) |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 5: | Line 5: | ||
<head> |
<head> |
||
<title>$gettext{'olpc'}, $gettext{'gettingstartedtitle'}</title> |
<title>$gettext{'olpc'}, $gettext{'gettingstartedtitle'}: $gettext{'gettingstartedt12'}</title> |
||
<meta name="Description" content="$gettext{'gettingstarteddescription'}" /> |
<meta name="Description" content="$gettext{'gettingstarteddescription'}" /> |
||
<meta name="keywords" content="$gettext{'gettingstartedkeywords'}" /> |
<meta name="keywords" content="$gettext{'gettingstartedkeywords'}" /> |
||
Line 136: | Line 136: | ||
<li><a href="activityview.shtml">$gettext{'gettingstartedt11'}</a></li> |
<li><a href="activityview.shtml">$gettext{'gettingstartedt11'}</a></li> |
||
<li class="selected"><a href="features.shtml">$gettext{'gettingstartedt12'}</a></li> |
<li class="selected"><a href="features.shtml">$gettext{'gettingstartedt12'}</a></li> |
||
<li><a href="externalports.shtml">$gettext{'gettingstartedt13'}</a |
<li><a href="externalports.shtml">$gettext{'gettingstartedt13'}</a></li> |
||
<li><a href="keyboard.shtml">$gettext{'gettingstartedt14'}</a></li> |
<li><a href="keyboard.shtml">$gettext{'gettingstartedt14'}</a></li> |
||
<li><a href="battery.shtml">$gettext{'gettingstartedt15'}</a></li> |
<li><a href="battery.shtml">$gettext{'gettingstartedt15'}</a></li> |
Latest revision as of 14:25, 26 December 2007
This page is monitored by the OLPC team.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="$gettext{'lang'}" xml:lang="$gettext{'lang'}"> <head> <title>$gettext{'olpc'}, $gettext{'gettingstartedtitle'}: $gettext{'gettingstartedt12'}</title> <meta name="Description" content="$gettext{'gettingstarteddescription'}" /> <meta name="keywords" content="$gettext{'gettingstartedkeywords'}" /> <!--#include virtual="../../includes/meta.html" --> <!--#include virtual="../../includes/icon.html" --> <!--#include virtual="../../includes/css.html" --> <!--#include virtual="../../includes/javascript.html" --> <!-- JS --> <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/yahoo/yahoo-min.js" ></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/dom/dom-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/event/event-min.js" ></script> <script type="text/javascript" src="../../JS/contentDisplay.js" ></script> <script type="text/javascript" src="../../JS/swfObject.js" ></script> <!-- //JS --> <script type="text/javascript"> function DisplayDesc(ImageName,e) { var coords = e.coords; <!--Splitting the String to extract the left and top values--> var temp = new Array(); temp = coords.split(','); var coordLeft = temp[0]; var coordTop = temp[1]; var ImageMedia = document.getElementById(ImageName); var xy = YAHOO.util.Dom.getXY(ImageMedia); var dot = document.getElementById("imgGreenDot"); //dot.style.position = "relative"; xy[0] += parseInt(coordLeft, 10); xy[1] += parseInt(coordTop, 10); //Display the Green Dot YAHOO.util.Dom.setXY(dot, xy); YAHOO.util.Dom.setStyle("imgGreenDot", 'cursor', 'pointer'); switch(e.id) { case "d1": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh1'}</h3><p>$gettext{'featuresp1'}</p>" break; case "d2": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh2'}</h3><p>$gettext{'featuresp2'}</p>" break; case "d3": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh3'}</h3><p>$gettext{'featuresp3'}</p>" break; case "d4": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh4'}</h3><p>$gettext{'featuresp4'}</p>" break; case "d5": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh5'}</h3><p>$gettext{'featuresp5'}</p>" break; case "d6": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh6'}</h3><p>$gettext{'featuresp6'}</p>" break; case "d7": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh7'}</h3><p>$gettext{'featuresp7'}</p>" break; case "d8": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh8'}</h3><p>$gettext{'featuresp8'}</p>" break; case "d9": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh9'}</h3><p>$gettext{'featuresp9'}</p>" break; case "d10": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh10'}</h3><p>$gettext{'featuresp10'}</p>" break; case "d11": document.getElementById("desc_view").innerHTML = "<h3>$gettext{'featuresh11'}</h3><p>$gettext{'featuresp11'}</p>" break; } } function DisplayIntro() { YAHOO.util.Dom.setStyle("imgGreenDot", 'position', 'static'); YAHOO.util.Dom.setStyle("imgGreenDot", 'left', '-300px'); } function DisplayRollOn() { document.getElementById('rollOver').style.display = 'block'; document.getElementById('clickOn').style.display = 'none'; } function DisplayRollOff() { document.getElementById('clickOn').style.display = 'block'; document.getElementById('rollOver').style.display = 'none'; } </script> </head> <body id="start" class="start" lang="$gettext{'lang'}"> <!--#include virtual="../../includes/logo.html" --> <!--#include virtual="../../includes/header.html" --> <div id="main-body" class="section clearfix"> <div id="main-content" class="clearfix"> <div id="tools"> <h3>$gettext{'gettingstartedth1'}</h3> <ul> <li><a href="index.shtml">$gettext{'gettingstartedt1'}</a></li> <li><a href="connecting.shtml">$gettext{'gettingstartedt2'}</a></li> <li><a href="activities.shtml">$gettext{'gettingstartedt3'}</a></li> <li><a href="invite.shtml">$gettext{'gettingstartedt4'}</a></li> <li><a href="sharing.shtml">$gettext{'gettingstartedt5'}</a></li> <li><a href="journal.shtml">$gettext{'gettingstartedt6'}</a></li> <li><a href="ebook.shtml">$gettext{'gettingstartedt7'}</a></li> <li> </li> <li> </li> <li><a href="homeview.shtml">$gettext{'gettingstartedt8'}</a></li> <li><a href="friendsview.shtml">$gettext{'gettingstartedt9'}</a></li> <li><a href="neighborhoodview.shtml">$gettext{'gettingstartedt10'}</a></li> <li><a href="activityview.shtml">$gettext{'gettingstartedt11'}</a></li> <li class="selected"><a href="features.shtml">$gettext{'gettingstartedt12'}</a></li> <li><a href="externalports.shtml">$gettext{'gettingstartedt13'}</a></li> <li><a href="keyboard.shtml">$gettext{'gettingstartedt14'}</a></li> <li><a href="battery.shtml">$gettext{'gettingstartedt15'}</a></li> <li> </li> <li> </li> <li><a href="troubleshooting.shtml">$gettext{'gettingstartedt16'}</a></li> </ul> </div> <!-- /tools --> <div id="content"> <img id="imgGreenDot" alt="dot" src="../../img/GreenDot.gif" style="position:relative;left:-300px;" /> <div id="media_view" class="media"> <img id="xo_map" alt="home view" src="../../img/xo_view1_v2.jpg" usemap="#xo_map" border="0" /><br/> <map id="xo_map" name="xo_map"> <area shape="rect" id="d1" coords="363,200,377,214" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh1'}" /> <area shape="rect" id="d2" coords="363,165,377,179" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh2'}" /> <area shape="rect" id="d3" coords="363,127,377,141" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh3'}" /> <area shape="rect" id="d4" coords="45,225,59,239" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh4'}" /> <area shape="rect" id="d5" coords="45,200,59,214" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh5'}" /> <area shape="rect" id="d6" coords="45,164,59,178" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh6'}" /> <area shape="rect" id="d7" coords="45,145,59,159" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh7'}" /> <area shape="rect" id="d8" coords="45,127,59,141" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh8'}" /> <area shape="rect" id="d9" coords="363,227,377,240" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh9'}" /> <area shape="rect" id="d10" coords="363,316,377,330" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh10'}" /> <area shape="rect" id="d11" coords="45,304,59,318" onmouseover="DisplayDesc('xo_map',this)" alt="$gettext{'featuresh11'}" /> </map> </div> <!-- media --> <div id="desc_view" class="description"> <h3>$gettext{'featuresh12'}</h3> <p>$gettext{'featuresp12'}</p> </div> <!-- description --> </div> <!-- content --> <div id="sub-content"> </div> <!-- sub-content --> </div> <!-- main-content --> <!--#include virtual="../../includes/footer.html" --> </div> <!-- main-body --> </body> </html>