/bin/html/webprofile/index.html
HTML | 159 lines | 122 code | 16 blank | 21 comment | 0 complexity | 349c2e069fb0470a383c9c949fcbdfed MD5 | raw file
1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <title>{SystemName}: {UserProfileFor}: {UserName}</title> 6 <meta name="keywords" content="{SystemName}" /> 7 <meta name="description" content="{SystemName}"/> 8 <link rel="shortcut icon" href="../images/icons/favicon.ico" /> 9 10 <script src="{SystemURL}/javascripts/jquery.min.js"></script> 11 12 <!-- StyleSwitch --> 13 <script src="{SystemURL}/javascripts/styleswitch.js"></script> 14 <link href="{SystemURL}/css/styles1.css" rel="stylesheet" type="text/css" media="screen" title="styles1" /> 15 <link href="{SystemURL}/css/styles2.css" rel="alternate stylesheet" type="text/css" title="styles2" media="screen" /> 16 <link href="{SystemURL}/css/styles3.css" rel="alternate stylesheet" type="text/css" title="styles3" media="screen" /> 17 <link href="{SystemURL}/css/styles4.css" rel="alternate stylesheet" type="text/css" title="styles4" media="screen" /> 18 <link href="{SystemURL}/css/styles5.css" rel="alternate stylesheet" type="text/css" title="styles5" media="screen" /> 19 20 <!-- date time --> 21 <script src="{SystemURL}/javascripts/jquery.jclock.js"></script> 22 <script type="text/javascript"> 23 $(function($) {var options1 = {format: '%A %B %d, %Y %I:%M:%S %p'} // 12-hour 24 $('#jclock1').jclock(options1); 25 var options2 = {format: '%a %b %d, %Y %H:%M:%S'} // 24-hour 26 $('#jclock2').jclock(options2); 27 var options3 = {format: '%Y-%m-%d %H:%M:%S'} // 24-hour 28 $('#jclock3').jclock(options3); 29 var options4 = {format: '%Y-%m-%d'} 30 $('#jclock4').jclock(options4); 31 var options5 = {format: '%m/%d/%y'} 32 $('#jclock5').jclock(options5);}); 33 </script> 34 35 <!-- Tooltips --> 36 <script src="{SystemURL}/javascripts/jquery.tooltip.js"></script> 37 <script>$(function() {$('#container *').tooltip({showURL: false});});</script> 38 39 <script src="{SystemURL}/javascripts/menu.profile.js"></script> 40 <script> 41 $(document).ready(function() 42 { 43 $( '#container' ).fadeIn("slow"); 44 var result = {}; 45 // var sections = $("#menu li"); 46 var loading = $("#loading"); 47 var content = $("#content"); 48 49 if (window.location.search) 50 { 51 // split up the query string and store in an associative array 52 var params = window.location.search.slice(1).split("&"); 53 for (var i = 0; i < params.length; i++) 54 { 55 var tmp = params[i].split("="); 56 result[tmp[0]] = unescape(tmp[1]); 57 } 58 } 59 //load selected section 60 var pageName = result["page"]; 61 var found = new Boolean(0); 62 switch(pageName){ 63 case "base": 64 content.load("base.html" + window.location.search); 65 found = new Boolean(1); 66 break; 67 case "groups": 68 content.load("groups.html" + window.location.search); 69 found = new Boolean(1); 70 break; 71 case "picks": 72 content.load("picks.html" + window.location.search); 73 found = new Boolean(1); 74 break; 75 } 76 if(found == 0) 77 content.load("base.html" + window.location.search); 78 }); 79 </script> 80 81 <!-- Carousel --> 82 <script src="../javascripts/jquery.jcarousel.min.js"></script> 83 84</head> 85 86<body> 87<div id="container"> 88 89<div id="topprofile"> 90 <ul id="menuprofile"> 91 <li id="base" class="fade active" alt="{TooltipsMenuHome}" title="{TooltipsMenuHome}">{MenuProfileTitle}</li> 92 <li id="groups" class="fade" alt="{TooltipsMenuLogin}" title="{TooltipsMenuLogin}">{MenuGroupTitle}</li> 93 <li id="picks" class="fade" alt="{TooltipsMenuRegister}" title="{TooltipsMenuRegister}">{MenuPicksTitle}</li> 94 </ul> 95</div> 96<span class="clear"></span> 97 98<!-- <p class=jclock1><span id=jclock1></span></p> --> 99<!-- <div id="loading"><img src="../images/icons/loading.gif" alt="Loading..." /></div> --> 100<div id="content"></div> 101<span class="clear"></span> 102 103<div id="footer"> 104{IfShowLanguageTranslatorBarBegin} 105 <div class=languageswitch> 106 <ul> 107 {StyleSwitcherLanguagesText}: 108 <li><a href="?language=en" rel="en" class="languageswitch" alt="{en}" title="<img src='../images/flags/flag-en.png' alt='en' /> {en}">en</a></li> 109 <li><a href="?language=fr" rel="fr" class="languageswitch" alt="{fr}" title="<img src='../images/flags/flag-fr.png' alt='fr' /> {fr}">fr</a></li> 110 <li><a href="?language=de" rel="de" class="languageswitch" alt="{de}" title="<img src='../images/flags/flag-de.png' alt='de' /> {de}">de</a></li> 111 <li><a href="?language=it" rel="it" class="languageswitch" alt="{it}" title="<img src='../images/flags/flag-it.png' alt='it' /> {it}">it</a></li> 112 <li><a href="?language=es" rel="es" class="languageswitch" alt="{es}" title="<img src='../images/flags/flag-es.png' alt='es' /> {es}">es</a></li> 113 {StyleSwitcherChoiceText}: <span id="lg1">en</span><span id="lg2">fr</span><span id="lg3">de</span><span id="lg4">it</span><span id="lg5">es</span> 114 </ul> 115 </div> 116{IfShowLanguageTranslatorBarEnd} 117 118{IfShowStyleBarBegin} 119 <div class=styleswitch> 120 <ul> 121 {StyleSwitcherStylesText}: 122 <li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch" alt="{styles1}" title="{styles1}">1</a></li> 123 <li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch" alt="{styles2}" title="{styles2}">2</a></li> 124 <li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch" alt="{styles3}" title="{styles3}">3</a></li> 125 <li><a href="serversideSwitch.html?style=style4" rel="styles4" class="styleswitch" alt="{styles4}" title="{styles4}">4</a></li> 126 <li><a href="serversideSwitch.html?style=style5" rel="styles5" class="styleswitch" alt="{styles5}" title="{styles5}">5</a></li> 127 {StyleSwitcherChoiceText}: <span id="st1">1</span><span id="st2">2</span><span id="st3">3</span><span id="st4">4</span><span id="st5">5</span>| Copyright <a class='copyright' href="/" alt="{SystemName}" title="{SystemName}">{SystemName}</a> 2011 © 2012 128 </ul> 129 </div> 130{IfShowStyleBarEnd} 131 <span class="clear"></span> 132 </div> 133</div> 134 135<script> 136 // fade class 137 $("li.fade, a.fade").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);}); 138 $("a.languageswitch, a.styleswitch").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);}); 139 $("a.webprofile, a.copyright").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);}); 140</script> 141 142</body> 143</html> 144 145<!-- params to replace 146{SystemURL} 147{SystemName} 148{UserName} 149{UserBorn} 150{UserType} 151{UserPartner} 152{UserAboutMe} 153{UserPictureURL} 154{UserProfileFor} User Profile For 155{ResidentSince} Resident Since 156{AccountType} Account Type 157{PartnersName} Partner's Name 158{AboutMe} About Me 159-->