2022-09-03 15:05:14 +10:00
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html" />
<title> { { site . siteName } } : Home </title>
<script type="text/javascript">
var andSoItBegins = (new Date()).getTime();
</script>
<link rel="shortcut icon" href=" { { site . staticContentPath } } /web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="alternate" type="application/rss+xml" title=" { { site . siteName } } : RSS" href=" { { site . sitePath } } /articles/rss.xml" />
<script src=" { { site . staticContentPath } } /web-gallery/static/js/libs2.js" type="text/javascript"></script>
<script src=" { { site . staticContentPath } } /web-gallery/static/js/visual.js" type="text/javascript"></script>
<script src=" { { site . staticContentPath } } /web-gallery/static/js/libs.js" type="text/javascript"></script>
<script src=" { { site . staticContentPath } } /web-gallery/static/js/common.js" type="text/javascript"></script>
<script src=" { { site . staticContentPath } } /web-gallery/static/js/fullcontent.js" type="text/javascript"></script>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/style.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/buttons.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/boxes.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/tooltips.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/styles/local/com.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/welcome.css" type="text/css" />
<script src=" { { site . staticContentPath } } /web-gallery/js/local/com.js" type="text/javascript"></script>
<script type="text/javascript">
document.habboLoggedIn = { { session . loggedIn } } ;
var habboName = " { { session . loggedIn ? playerDetails . getName ( ) : "" } } ";
var ad_keywords = "";
var habboReqPath = " { { site . sitePath } } ";
var habboStaticFilePath = " { { site . staticContentPath } } /web-gallery";
var habboImagerUrl = " { { site . staticContentPath } } /habbo-imaging/";
var habboPartner = "";
window.name = "habboMain";
if (typeof HabboClient != "undefined") { HabboClient . windowName = "client" ; }
</script>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/personal.css" type="text/css" />
<script src=" { { site . staticContentPath } } /web-gallery/static/js/habboclub.js" type="text/javascript"></script>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/minimail.css" type="text/css" />
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/styles/myhabbo/control.textarea.css" type="text/css" />
<script src=" { { site . staticContentPath } } /web-gallery/static/js/minimail.js" type="text/javascript"></script>
<meta name="description" content="Join the world's largest virtual hangout where you can meet and make friends. Design your own rooms, collect cool furniture, throw parties and so much more! Create your FREE { { site . siteName } } today!" />
<meta name="keywords" content=" { { site . siteName } } , virtual, world, join, groups, forums, play, games, online, friends, teens, collecting, social network, create, collect, connect, furniture, virtual, goods, sharing, badges, social, networking, hangout, safe, music, celebrity, celebrity visits, cele" />
<!--[if IE 8]>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/ie8.css" type="text/css" />
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href=" { { site . staticContentPath } } /web-gallery/v2/styles/ie6.css" type="text/css" />
<script src=" { { site . staticContentPath } } /web-gallery/static/js/pngfix.js" type="text/javascript"></script>
<script type="text/javascript">
try { document . execCommand ( 'BackgroundImageCache' , false , true ) ; } catch(e) { }
</script>
<style type="text/css">
body { behavior : url ( { { site . staticContentPath } } / web - gallery / js / csshover . htc ) ; }
</style>
<![endif]-->
<meta name="build" content="HavanaWeb" />
</head>
{ % if session . loggedIn = = false % }
<body id="home" class="anonymous ">
{ % else % }
<body id="home" class=" ">
{ % endif % }
{ % include "base/header.tpl" % }
<div id="content-container">
<div id="navi2-container" class="pngbg">
<div id="navi2" class="pngbg clearfix">
<ul>
<li class="selected">
Home </li>
<li class="">
<a href=" { { site . sitePath } } /home/ { { playerDetails . getName ( ) } } ">My Page</a> </li>
<li class="">
<a href=" { { site . sitePath } } /profile">Account Settings</a> </li>
<li class="">
<a href=" { { site . sitePath } } /club"> { { site . siteName } } Club</a>
</li>
<!--
<li class=" { % if gameConfig . getInteger ( 'guides.group.id' ) = = 0 % } last { % endif % } ">
<a href=" { { site . sitePath } } /beta_client" target="beta_client" onclick="openOrFocusHabbo(this); return false;" style="color: red">Try Beta Habbo!</a>
</li>
{ % if gameConfig . getInteger ( 'guides.group.id' ) > 0 % }
<li class=" last">
<a href=" { { site . sitePath } } /groups/officialhabboguides">Habbo Guides</a>
</li>
{ % endif % }
-->
<li class=" last">
<a href=" { { site . sitePath } } /groups/officialhabboguides">Habbo Guides</a>
</li>
</ul>
</div>
</div>
<div id="container">
<div id="content">
<div id="column1" class="column">
<!-- <div class="rounded" style="background-color: red; color: white">
<strong>Attention!</strong><br />
This server is currently in beta. That means there may be some incomplete features, bugs and other forms of exploitation.<br />
</div>
<br /> -->
<div class="habblet-container ">
<div id="new-personal-info" style="background-image:url( { { site . staticContentPath } } /web-gallery/v2/images/personal_info/hotel_views/htlview_au.png)" />
{ % if site . serverOnline % }
<div class="enter-hotel-btn">
<div class="open enter-btn">
2024-09-10 23:08:46 +10:00
<a href=" { { site . sitePath } } /shockwave_client" target="shockwave_client" onclick="openOrFocusHabbo(this); return false;">Enter<i></i></a>
2022-09-03 15:05:14 +10:00
<b></b>
</div>
</div>
2024-09-10 23:08:46 +10:00
2022-09-03 15:05:14 +10:00
<div class="enter-beta-btn">
<div class="open enter-btn">
2024-09-10 23:08:46 +10:00
<a href=" { { site . sitePath } } /flash_client" target="flash_client" onclick="openOrFocusHabbo(this); return false;">Enter Flash { { site . siteName } } <i></i></a>
2022-09-03 15:05:14 +10:00
<b></b>
</div>
</div>
{ % else % }
<div class="enter-hotel-btn">
<div class="closed enter-btn">
<span> { { site . siteName } } is offline</span>
<b></b>
</div>
</div>
{ % endif % }
<div id="habbo-plate">
<a href=" { { site . sitePath } } /profile">
{ % if playerDetails . motto . toLowerCase ( ) = = "crikey" % }
<img src=' { { site . staticContentPath } } /web-gallery/images/sticker_croco.gif' style='margin-top: 57px'>
{ % else % }
2023-01-14 15:24:44 +10:00
<img alt=" { { playerDetails . getName ( ) } } " src=" { { site . sitePath } } /habbo-imaging/avatarimage?figure= { { playerDetails . figure } } &size=b&direction=3&head_direction=3&crr=0&gesture=sml&frame=1" width="64" height="110" />
2022-09-03 15:05:14 +10:00
{ % endif % }
</a>
</div>
<div id="habbo-info">
<div id="motto-container" class="clearfix">
<strong> { { playerDetails . getName ( ) } } :</strong>
<div>
{ % autoescape 'html' % }
{ % if playerDetails . motto = = "" % }
<span title="Click to enter your motto/ status">Click to enter your motto/ status</span>
{ % else % }
<span title="Click to enter your motto/ status"> { { playerDetails . motto } } </span>
{ % endif % }
{ % endautoescape % }
<p style="display: none"><input type="text" length="30" name="motto" value=""/></p>
</div>
</div>
<div id="motto-links" style="display: none"><a href="#" id="motto-cancel">Cancel</a></div>
</div>
<ul id="link-bar" class="clearfix">
<li class="change-looks"><a href=" { { site . sitePath } } /profile">Change looks »</a></li>
<li class="credits">
<a href=" { { site . sitePath } } /credits"> { { playerDetails . credits } } </a> Credits </li>
<li class="club">
{ % if playerDetails . hasClubSubscription ( ) % }
<a href=" { { site . sitePath } } /club"> { { hcDays } } </a>HC days </li>
{ % else % }
<a href=" { { site . sitePath } } /club">Join { { site . siteName } } club »</a> </li>
{ % endif % }
<li class="activitypoints">
<a href=" { { site . sitePath } } /credits/pixels"> { { playerDetails . pixels } } </a> Pixels </li>
</ul>
<div id="habbo-feed">
<ul id="feed-items">
{ % if hasBirthday % }
<li id="feed-birthday">
<div>
Happy <!-- anniversary --> birthday, { { playerDetails . name } } !<br />
</div>
</li>
{ % endif % }
{ % for alert in alerts % }
{ % if alert . getAlertType ( ) = = 'HC_EXPIRED' % }
<li id="feed-item-hc-reminder">
<a href="#" class="remove-feed-item" id="remove-hc-reminder" title="Remove notification">Remove notification</a>
<div>Your Habbo Club is expired. Do you want to extend your Habbo Club? </div>
<div class="clearfix">
<table width="100px" style="margin-top:6px; margin-left:-12px">
<tr>
<td>
<a class="new-button" id="subscribe1" href="#" onclick='habboclub.buttonClick(1, "Habbo Club"); return false;'><b>1 months</b><i></i></a>
</td>
<td>
<a class="new-button" id="subscribe2" href="#" onclick='habboclub.buttonClick(2, "Habbo Club"); return false;' style="margin-left:6px"><b>2 months</b><i></i></a>
</td>
<td>
<a class="new-button" id="subscribe2" href="#" onclick='habboclub.buttonClick(3, "Habbo Club"); return false;' style="margin-left:6px"><b>3 months</b><i></i></a>
</td>
</tr>
</table>
</div>
</li>
{ % elseif alert . getAlertType ( ) = = 'PRESENT' % }
<li id="feed-item-dailygift" class="contributed">
<a href="#" class="remove-feed-item" title="Remove notification">Remove notification</a>
<div> { { alert . getMessage } } </div>
</li>
{ % elseif alert . getAlertType ( ) = = 'TUTOR_SCORE' % }
<li id="feed-item-tutor-score" class="contributed">
<a href="#" class="remove-feed-item" title="Remove notification">Remove notification</a>
<div> { { alert . getMessage } } </div>
</li>
{ % elseif alert . getAlertType ( ) = = 'CREDIT_DONATION' % }
<li id="feed-item-creditdonation" class="contributed">
<a href="#" class="remove-feed-item" title="Remove notification">Remove notification</a>
<div> { { alert . getMessage } } </div>
</li>
{ % endif % }
{ % endfor % }
{ % if feedFriendRequests > 0 % }
<li id="feed-notification">
You have <a href=" { { site . sitePath } } /client" onclick="HabboClient.openOrFocus(this); return false;"> { { feedFriendRequests } } friend requests</a> waiting
</li>
{ % endif % }
{ % set num = 1 % }
{ % if ( feedFriendsOnline | length ) > 0 % }
<li id="feed-friends">
You have { { feedFriendsOnline | length } } friends online
<span>
{ % for friend in feedFriendsOnline % }
<a href=" { { site . sitePath } } /home/ { { friend . getUsername ( ) } } "> { { friend . getUsername ( ) } } </a> { % if num < ( feedFriendsOnline | length ) % } , { % endif % } { % set num = num + 1 % }
{ % endfor % }
</span>
</li>
{ % endif % }
{ % if unreadGuestbookMessages > 0 % }
<li class="small" id="feed-guestbook">
You have <a href=" { { site . sitePath } } /home/ { { playerDetails . getName ( ) } } "> { { unreadGuestbookMessages } } new guestbook entries</a> on your homepage
</li>
{ % endif % }
{ % set num = 1 % }
{ % if pendingMembers > 0 % }
<li class="small" id="feed-pending-members">
<strong> { { pendingMembers } } </strong> of your groups have pending members:
<span>
{ % for group in pendingGroups . entrySet ( ) % }
{ % set groupId = group . getKey ( ) % }
{ % set groupName = group . getValue ( ) % }
<a href=" { { site . sitePath } } /groups/ { { groupId } } /id"> { { groupName } } </a> { % if num < ( pendingGroups | length ) % } , { % endif % } { % set num = num + 1 % }
{ % endfor % }
</span>
</li>
{ % endif % }
{ % set num = 1 % }
{ % if newPostsAmount > 0 % }
<li class="small" id="feed-group-discussion">
<strong> { { newPostsAmount } } </strong> of your groups have new forum messages:
<span>
{ % for group in newPosts . entrySet ( ) % }
{ % set groupId = group . getKey ( ) % }
{ % set groupName = group . getValue ( ) % }
<a href=" { { site . sitePath } } /groups/ { { groupId } } /id/discussions"> { { groupName } } </a> { % if num < ( newPosts | length ) % } , { % endif % } { % set num = num + 1 % }
{ % endfor % }
</span>
</li>
{ % endif % }
{ % if playerDetails . isTradeEnabled ( ) % }
<li class="small" id="feed-trading-enabled">Trading is on. <a href=" { { site . sitePath } } /profile?tab=6" title="">Click here to turn it off</a></li>
{ % else % }
<li class="small" id="feed-trading-disabled">Trading is off. <a href=" { { site . sitePath } } /profile?tab=6" title="">Click here to turn it on</a></li>
{ % endif % }
<!-- <li class="small" id="feed-flashbeta-invites">This server is currently in beta, some features may not be operating correctly. You may also expect spontaneous maintenance periods.</li> -->
<li class="small" id="feed-lastlogin">
Last signed in:
{ { lastOnline } } </li>
</ul>
</div>
<p class="last"></p>
</div>
<script type="text/javascript">
HabboView.add(function() {
L10N.put("personal_info.motto_editor.spamming", "Don\'t spam me, bro!");
PersonalInfo.init("");
});
</script>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
{ % if ( newbieRoomLayout = = 0 ) and ( site . serverOnline = = true ) % }
<div class="habblet-container" id="roomselection">
<div class="cbb clearfix rooms">
<h2 class="title">
Select your room!
<span class="habblet-close" id="habblet-close-roomselection" onclick="RoomSelectionHabblet.showConfirmation()"></span>
</h2>
<div id="roomselection-plp-intro" class="box-content">
Hey! You haven't chosen your pre-decorated room, which comes with free furniture! Choose one below:
</div>
<ul id="roomselection-plp" class="clearfix">
<li class="top">
<a class="roomselection-select new-button green-button" href="client?createRoom=0" target="client" onclick="return RoomSelectionHabblet.create(this, 0);"><b>Select</b><i></i></a>
</li>
<li class="top">
<a class="roomselection-select new-button green-button" href="client?createRoom=1" target="client" onclick="return RoomSelectionHabblet.create(this, 1);"><b>Select</b><i></i></a>
</li>
<li class="top">
<a class="roomselection-select new-button green-button" href="client?createRoom=2" target="client" onclick="return RoomSelectionHabblet.create(this, 2);"><b>Select</b><i></i></a>
</li>
<li class="bottom">
<a class="roomselection-select new-button green-button" href="client?createRoom=3" target="client" onclick="return RoomSelectionHabblet.create(this, 3);"><b>Select</b><i></i></a>
</li>
<li class="bottom">
<a class="roomselection-select new-button green-button" href="client?createRoom=4" target="client" onclick="return RoomSelectionHabblet.create(this, 4);"><b>Select</b><i></i></a>
</li>
<li class="bottom">
<a class="roomselection-select new-button green-button" href="client?createRoom=5" target="client" onclick="return RoomSelectionHabblet.create(this, 5);"><b>Select</b><i></i></a>
</li>
</ul>
<script type="text/javascript">
L10N.put("roomselection.hide.title", "Hide room selection");
L10N.put("roomselection.old_user.done", "And you\'re done! Habbo Hotel will now open in a new window and you\'ll be redirected to your room in no time!");
//HabboView.add(RoomSelectionHabblet.initClosableHabblet);
</script>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
{ % endif % }
{ % if ( newbieNextGift > 0 ) and ( newbieRoomLayout > 0 ) and ( newbieNextGift < 4 ) % }
<div class="habblet-container " id="giftqueue">
<div class="cbb clearfix rooms">
<h2 class="title">
Your next gift!
{ % if newbieNextGift > 2 % }
<span class="habblet-close" id="habblet-close-giftqueue" onclick="GiftQueueHabblet.hide()"></span>
{ % endif % }
</h2>
<div class="box-content" id="gift-container">
{ % include "habblet/nextgift.tpl" % }
</div>
</div>
</div>
{ % endif % }
<div class="habblet-container ">
<div class="cbb clearfix orange ">
<h2 class="title">Hot Campaigns </h2>
<div id="hotcampaigns-habblet-list-container">
<ul id="hotcampaigns-habblet-list">
<li class="even">
<div class="hotcampaign-container">
<a href=" { { site . sitePath } } /articles"><img src=" { { site . staticContentPath } } /c_images/hot_campaign_images_gb/beta.gif" align="left" alt="" /></a>
<h3>Under Construction</h3>
<p>Put interesting text in here, because this text is just useless sitting here otherwise!</p>
<p class="link"><a href=" { { site . sitePath } } ">Go there »</a></p>
</div>
</li>
<li class="odd">
<div class="hotcampaign-container">
<a href=" { { site . sitePath } } /articles"><img src=" { { site . staticContentPath } } /c_images/hot_campaign_images_gb/habbobetahot.gif" align="left" alt="" /></a>
<h3>Under Construction</h3>
<p>Put interesting text in here, because this text is just useless sitting here otherwise!</p>
<p class="link"><a href=" { { site . sitePath } } ">Go there »</a></p>
</div>
</li>
<!--
<li class="odd">
<div class="hotcampaign-container">
<a href=" { { site . sitePath } } /articles"><img src=" { { site . staticContentPath } } /c_images/hot_campaign_images_gb/hc.gif" align="left" alt="" /></a>
<h3>Exclusive Furniture!</h3>
<p>Join Habbo Club today and get access to exclusive furniture!</p>
<p class="link"><a href="https://classichabbo.com/credits/club">Go there »</a></p>
</div>
</li>
-->
</ul>
</div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container minimail" id="mail">
<div class="cbb clearfix blue ">
<h2 class="title">My Messages </h2>
<div id="minimail">
<div class="minimail-contents">
{ % include "habblet/minimail/minimail_messages.tpl" % }
</div>
<div id="message-compose-wait"></div>
<form style="display: none" id="message-compose">
<div>To</div>
<div id="message-recipients-container" class="input-text" style="width: 426px; margin-bottom: 1em">
<input type="text" value="" id="message-recipients" />
<div class="autocomplete" id="message-recipients-auto">
<div class="default" style="display: none;">Type the name of your friend</div>
<ul class="feed" style="display: none;"></ul>
</div>
</div>
<div>Subject<br/>
<input type="text" style="margin: 5px 0" id="message-subject" class="message-text" maxlength="100" tabindex="2" />
</div>
<div>Message<br/>
<textarea style="margin: 5px 0" rows="5" cols="10" id="message-body" class="message-text" tabindex="3"></textarea>
</div>
<div class="new-buttons clearfix">
<a href="#" class="new-button preview"><b>Preview</b><i></i></a>
<a href="#" class="new-button send"><b>Send</b><i></i></a>
</div>
</form>
</div>
<script type="text/javascript">
L10N.put("minimail.compose", "Compose").put("minimail.cancel", "Cancel")
.put("bbcode.colors.red", "Red").put("bbcode.colors.orange", "Orange")
.put("bbcode.colors.yellow", "Yellow").put("bbcode.colors.green", "Green")
.put("bbcode.colors.cyan", "Cyan").put("bbcode.colors.blue", "Blue")
.put("bbcode.colors.gray", "Gray").put("bbcode.colors.black", "Black")
.put("minimail.empty_body.confirm", "Are you sure you want to send the message with an empty body?")
.put("bbcode.colors.label", "Color").put("linktool.find.label", " ")
.put("linktool.scope.habbos", " { { site . siteName } } s").put("linktool.scope.rooms", "Rooms")
.put("linktool.scope.groups", "Groups").put("minimail.report.title", "Report message to moderators");
L10N.put("date.pretty.just_now", "just now");
L10N.put("date.pretty.one_minute_ago", "1 minute ago");
L10N.put("date.pretty.minutes_ago", " { 0 } minutes ago");
L10N.put("date.pretty.one_hour_ago", "1 hour ago");
L10N.put("date.pretty.hours_ago", " { 0 } hours ago");
L10N.put("date.pretty.yesterday", "yesterday");
L10N.put("date.pretty.days_ago", " { 0 } days ago");
L10N.put("date.pretty.one_week_ago", "1 week ago");
L10N.put("date.pretty.weeks_ago", " { 0 } weeks ago");
new MiniMail( { pageSize : 1 0 ,
total: { { totalMessages } } ,
friendCount: 1,
maxRecipients: 50,
messageMaxLength: 20,
bodyMaxLength: 4096,
secondLevel: false});
</script>
</div></div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix default ">
<div class="box-tabs-container clearfix">
<h2> { { site . siteName } } s</h2>
<ul class="box-tabs">
<li id="tab-0-4-1"><a href="#">Search { { site . siteName } } s</a><span class="tab-spacer"></span></li>
<li id="tab-0-4-2" class="selected"><a href="#">Invite Friend(s)</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-0-4-1-content" style="display: none">
<div class="habblet-content-info">
<a name="habbo-search">Type in the first characters of the name to search for other { { site . siteName } } s.</a>
</div>
<div id="habbo-search-error-container" style="display: none;"><div id="habbo-search-error" class="rounded rounded-red"></div></div>
<br clear="all"/>
<div id="avatar-habblet-list-search">
<input type="text" id="avatar-habblet-search-string"/>
<a href="#" id="avatar-habblet-search-button" class="new-button"><b>Search</b><i></i></a>
</div>
<br clear="all"/>
<div id="avatar-habblet-content">
<div id="avatar-habblet-list-container" class="habblet-list-container">
<ul class="habblet-list">
</ul>
</div>
<script type="text/javascript">
L10N.put("habblet.search.error.search_string_too_long", "The search keyword was too long. Maximum length is 30 characters.");
L10N.put("habblet.search.error.search_string_too_short", "The search keyword was too short. 2 characters required.");
L10N.put("habblet.search.add_friend.title", "Add to friend list");
new HabboSearchHabblet(2, 30);
</script>
</div>
<script type="text/javascript">
Rounder.addCorners($("habbo-search-error"), 8, 8);
</script> </div>
<div id="tab-0-4-2-content" >
<div id="friend-invitation-habblet-container" class="box-content">
<div style="display: none">
<div id="invitation-form" class="clearfix">
<textarea name="invitation_message" id="invitation_message" class="invitation-message">Come and hangout with me in { { site . siteName } } .- { { playerDetails . getName ( ) } } </textarea>
<div id="invitation-email">
<div class="invitation-input">1.<input onkeypress="$('invitation_recipient2').enable()" type="text" name="invitation_recipients" id="invitation_recipient1" value="Friend's email address:" class="invitation-input" />
</div>
<div class="invitation-input">2.<input disabled onkeypress="$('invitation_recipient3').enable()" type="text" name="invitation_recipients" id="invitation_recipient2" value="Friend's email address:" class="invitation-input" />
</div>
<div class="invitation-input">3.<input disabled type="text" name="invitation_recipients" id="invitation_recipient3" value="Friend's email address:" class="invitation-input" />
</div>
</div>
<div class="clear"></div>
<div class="fielderror" id="invitation_message_error" style="display: none;"><div class="rounded"></div></div>
</div>
<div class="invitation-buttons clearfix" id="invitation_buttons">
<a class="new-button" id="send-friend-invite-button" href="#"><b>Invite Friend(s)</b><i></i></a>
</div>
<hr/>
</div>
<div id="invitation-link-container">
<h3>Enjoy { { site . siteName } } more with real life friends!</h3>
<div class="copytext">
<p>Invite your friends to Habbo and earn cool badges! Send a link to your friend and ask them to register and activate their email. If they are using Habbo in active way you get rewarded with a badge.</p>
</div>
<div class="invitation-buttons clearfix">
<a class="new-button" id="getlink-friend-invite-button" href="#"><b>Click for the invitation link!</b><i></i></a>
</div>
</div>
</div>
<script type="text/javascript">
L10N.put("invitation.button.invite", "Invite Friend(s)");
L10N.put("invitation.form.recipient", "Friend's email address:");
L10N.put("invitation.error.message_too_long", "invitation.error.message_limit");
inviteFriendHabblet = new InviteFriendHabblet(500);
$("friend-invitation-habblet-container").select(".fielderror .rounded").each(function(el) {
Rounder.addCorners(el, 8, 8);
});
</script> </div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix darkred ">
<h2 class="title">Events </h2>
<div id="current-events">
<div class="category-selector">
<p>Browse latest events by their category</p>
<select id="event-category">
<option value="1">Parties & Music</option>
<option value="2">Trading</option>
<option value="3">Games</option>
<option value="4">Retro Guides</option>
<option value="5">Debates & Discussion</option>
<option value="6">Grand Openings</option>
<option value="7">Dating</option>
<option value="8">Jobs</option>
<option value="9">Group Events</option>
<option value="10">Performance</option>
<option value="11">Help Desk</option>
</select>
</div>
<div id="event-list">
{ % set eventCategory = 1 % }
{ % include "habblet/load_events.tpl" % }
</div>
</div>
<script type="text/javascript">
document.observe('dom:loaded', function() {
CurrentRoomEvents.init();
});
</script>
</div>
</div>
</div>
<script type='text/javascript'>if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div id="column2" class="column">
<div class="habblet-container news-promo">
<div class="cbb clearfix notitle ">
<div id="newspromo">
<div id="topstories">
<div class="topstory" style="background-image: url( { { article1 . getLiveTopStory ( ) } } )">
<h4>Latest news </a></h4>
<h3><a href=" { { site . sitePath } } /articles/ { { article1 . getUrl ( ) } } "> { % if article1 . isPublished ( ) = = false % } * { % endif % } { { article1 . title } } </a></h3>
<p class="summary">
{ { article1 . shortstory } } </p>
<p>
<a href=" { { site . sitePath } } /articles/ { { article1 . getUrl ( ) } } ">Read more »</a>
</p>
</div>
<div class="topstory" style="background-image: url( { { article2 . getLiveTopStory ( ) } } ); display: none">
<h4>Latest news</a></h4>
<h3><a href=" { { site . sitePath } } /articles/ { { article2 . getUrl ( ) } } "> { % if article2 . isPublished ( ) = = false % } * { % endif % } { { article2 . title } } </a></h3>
<p class="summary">
{ { article2 . shortstory } } </p>
<p>
<a href=" { { site . sitePath } } /articles/ { { article2 . getUrl ( ) } } ">Read more »</a>
</p>
</div>
<div class="topstory" style="background-image: url( { { article3 . getLiveTopStory ( ) } } ); display: none">
<h4>Latest news</a></h4>
<h3><a href=" { { site . sitePath } } /articles/ { { article3 . getUrl ( ) } } "> { % if article3 . isPublished ( ) = = false % } * { % endif % } { { article3 . title } } </a></h3>
<p class="summary">
{ { article3 . shortstory } } </p>
<p>
<a href=" { { site . sitePath } } /articles/ { { article3 . getUrl ( ) } } ">Read more »</a>
</p>
</div>
<div id="topstories-nav" style="display: none"><a href="#" class="prev">« Previous</a><span>1</span> / 3<a href="#" class="next">Next »</a></div>
</div>
<ul class="widelist">
<li class="even">
<a href=" { { site . sitePath } } /articles/ { { article4 . getUrl ( ) } } "> { % if article4 . isPublished ( ) = = false % } * { % endif % } { { article4 . title } } </a><div class="newsitem-date"> { { article4 . getDate ( ) } } </div>
</li>
<li class="odd">
<a href=" { { site . sitePath } } /articles/ { { article5 . getUrl ( ) } } "> { % if article4 . isPublished ( ) = = false % } * { % endif % } { { article5 . title } } </a><div class="newsitem-date"> { { article5 . getDate ( ) } } </div>
</li>
<li class="last"><a href=" { { site . sitePath } } /articles">More news »</a></li>
</ul>
</div>
<script type="text/javascript">
document.observe("dom:loaded", function() { NewsPromo . init ( ) ; } );
</script>
</div>
</div>
<div>
<!-- <p><a href=" { { site . sitePath } } /community"><img src="https://i.imgur.com/87IsMuC.png"></a></p> -->
<!-- <p><a href=" { { site . sitePath } } /community"><img src="https://i.imgur.com/SGFjYN2.gif"></a></p> -->
<!-- <p><a href=" { { site . sitePath } } "><img src="https://i.imgur.com/9lUdOG1.png"></a></p> -->
<p><iframe src="https://discordapp.com/widget?id=524768066907668521&theme=light" height="280" allowtransparency="true" frameborder="0"></iframe></p>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix red ">
<div class="box-tabs-container clearfix">
<h2>Staff Picks</h2>
<ul class="box-tabs">
<li id="tab-1-3-1"><a href="#">Rooms</a><span class="tab-spacer"></span></li>
<li id="tab-1-3-2" class="selected"><a href="#">Groups</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-1-3-1-content" style="display: none">
<div class="progressbar"><img src=" { { site . staticContentPath } } /web-gallery/images/progress_bubbles.gif" alt="" width="29" height="6" /></div>
<a href=" { { site . sitePath } } /habblet/proxy?hid=h21" class="tab-ajax"></a>
</div>
<div id="tab-1-3-2-content" >
<div id="staffpicks-groups-habblet-list-container" class="habblet-list-container groups-list">
<ul class="habblet-list two-cols clearfix">
{ % set position = "right" % }
{ % set i = 1 % }
{ % set lefts = 0 % }
{ % set rights = 0 % }
{ % for group in staffPickGroups % }
{ % if i % 2 = = 0 % }
{ % set position = "right" % }
{ % set rights = rights + 1 % }
{ % else % }
{ % set position = "left" % }
{ % set lefts = lefts + 1 % }
{ % endif % }
{ % if lefts % 2 = = 0 % }
{ % set status = "even" % }
{ % else % }
{ % set status = "odd" % }
{ % endif % }
{ % set i = i + 1 % }
2023-01-14 15:24:44 +10:00
<li class=" { { status } } { { position } } " style="background-image: url( { { site . sitePath } } /habbo-imaging/badge/ { { group . badge } } .gif)">
2022-09-03 15:05:14 +10:00
<a class="item" href=" { { group . generateClickLink ( ) } } "> { { group . getName } } </a>
</li>
{ % endfor % }
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix blue ">
<h2 class="title">Recommended </h2>
<div id="promogroups-habblet-list-container" class="habblet-list-container groups-list">
<ul class="habblet-list two-cols clearfix">
{ % set position = "right" % }
{ % set i = 0 % }
{ % set lefts = 0 % }
{ % set rights = 0 % }
{ % for group in recommendedGroups % }
{ % set i = i + 1 % }
{ % if i % 2 = = 0 % }
{ % set position = "right" % }
{ % set rights = rights + 1 % }
{ % else % }
{ % set position = "left" % }
{ % set lefts = lefts + 1 % }
{ % endif % }
{ % if lefts % 2 = = 0 % }
{ % set status = "even" % }
{ % else % }
{ % set status = "odd" % }
{ % endif % }
2023-01-14 15:24:44 +10:00
<li class=" { { status } } { { position } } " style="background-image: url( { { site . sitePath } } /habbo-imaging/badge/ { { group . badge } } .gif)">
2022-09-03 15:05:14 +10:00
{ % if group . getRoomId ( ) > 0 % }
<a href=" { { site . sitePath } } /client?forwardId=2&roomId=1" onclick="HabboClient.roomForward(this, '1', 'private'); return false;" target="client" class="group-room"></a>
{ % endif % }
<a class="item" href=" { { group . generateClickLink ( ) } } "> { % autoescape 'html' % } { { group . name } } { % endautoescape % } </a>
</li>
{ % endfor % }
</ul>
</div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix green ">
<div class="box-tabs-container clearfix">
<h2>Tags</h2>
<ul class="box-tabs">
<li id="tab-1-5-1"><a href="#"> { { site . siteName } } s Like...</a><span class="tab-spacer"></span></li>
<li id="tab-1-5-2" class="selected"><a href="#">My Tags</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-1-5-1-content" style="display: none">
<div class="progressbar">
<img src=" { { site . staticContentPath } } /web-gallery/images/progress_bubbles.gif" alt="" width="29" height="6" />
</div>
<a href=" { { site . sitePath } } /habblet/proxy?hid=h24" class="tab-ajax"></a>
</div>
<div id="tab-1-5-2-content" >
<div id="my-tag-info" class="habblet-content-info">
{ % if tags | length < 1 % }
You have no tags.
{ % endif % } Answer the question below or just add a tag of your choice. </div>
<div class="box-content">
{ % include "habblet/myTagList.tpl" % }
</div>
<script type="text/javascript">
document.observe("dom:loaded", function() {
TagHelper.setTexts( {
tagLimitText: "You\'ve reached the tag limit - delete one of your tags if you want to add a new one.",
invalidTagText: "Invalid tag, the tag must be less than 20 characters and composed only of alphanumeric characters.",
buttonText: "OK"
});
TagHelper.init('1');
});
</script>
</div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
<div class="habblet-container ">
<div class="cbb clearfix blue ">
<div class="box-tabs-container clearfix">
<h2>Groups</h2>
<ul class="box-tabs">
<li id="tab-2-1"><a href="#">Hot Groups</a><span class="tab-spacer"></span></li>
<li id="tab-2-2" class="selected"><a href="#">My Groups</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-2-1-content" style="display: none">
<div class="progressbar"><img src=" { { site . staticContentPath } } /web-gallery/images/progress_bubbles.gif" alt="" width="29" height="6" /></div>
<a href=" { { site . sitePath } } /habblet/proxy?hid=groups" class="tab-ajax"></a>
</div>
<div id="tab-2-2-content" >
<div id="groups-habblet-info" class="habblet-content-info">
View the groups you are in, create your own group, or get some inspiration from the 'Hot Groups'-tab! </div>
<div id="groups-habblet-list-container" class="habblet-list-container groups-list">
<ul class="habblet-list two-cols clearfix">
{ % set position = "right" % }
{ % set i = 0 % }
{ % set lefts = 0 % }
{ % set rights = 0 % }
{ % for group in groups % }
{ % if i % 2 = = 0 % }
{ % set position = "right" % }
{ % set rights = rights + 1 % }
{ % else % }
{ % set position = "left" % }
{ % set lefts = lefts + 1 % }
{ % endif % }
{ % if lefts % 2 = = 0 % }
{ % set status = "odd" % }
{ % else % }
{ % set status = "even" % }
{ % endif % }
2023-01-14 15:24:44 +10:00
<li class=" { { status } } { { position } } " style="background-image: url( { { site . sitePath } } /habbo-imaging/badge/ { { group . badge } } .gif)">
2022-09-03 15:05:14 +10:00
<a class="item" href=" { { group . generateClickLink ( ) } } "> { % autoescape 'html' % } { { group . name } } { % endautoescape % } </a>
</li>
{ % set i = i + 1 % }
{ % endfor % }
</ul>
<div class="habblet-button-row clearfix"><a class="new-button" id="purchase-group-button" href="#"><b>Create/buy a Group</b><i></i></a></div>
</div>
<div id="groups-habblet-group-purchase-button" class="habblet-list-container"></div>
<script type="text/javascript">
$("purchase-group-button").observe("click", function(e) { Event . stop ( e ) ; GroupPurchase . open ( ) ; } );
</script>
</div>
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
</div>
<script type="text/javascript">
HabboView.add(LoginFormUI.init);
</script>
<script type="text/javascript">
HabboView.run();
</script>
<div id="column3" class="column">
<div class="habblet-container ">
<div class="ad-container">
{ % include "base/ads_container.tpl" % }
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder . init ( ) ; } </script>
</div>
<!--[if lt IE 7]>
<script type="text/javascript">
Pngfix.doPngImageFix();
</script>
<![endif]-->
</div>
</div>
{ % include "base/footer.tpl" % }
<script type="text/javascript">
HabboView.run();
</script>
</body>
</html>
