むちゃとアプルの1日。

Movable Type 4.2 発表記念 プレゼントキャンペーン実施中に当たり
Six Apartさまから届きました♪

　plugins/MTPaginate/lib/MTPaginate.pm
　plugins/MTPaginate/MTPaginate.pl

　　　　：
<MTPaginate>
<MTPaginateContent max_sections="5">
<MTEntries>
    <$MTEntryTrackbackData$>
    <$MTInclude module="ブログ記事の概要"$>
<$MTPaginateSectionBreak$>
</MTEntries>
</MTPaginateContent>
<MTPaginateIfMultiplePages>
<div class="paginate">
<MTPaginateIfPreviousPage_>
<a href="<$MTPaginatePreviousPageLink$>">＜</a>
</MTPaginateIfPreviousPage_>
<$MTPaginateNavigator style="links" format_all="All pages" place_all="after" separator=" | ">
<MTPaginateIfNextPage_>
<a href="<$MTPaginateNextPageLink$>">＞</a>
</MTPaginateIfNextPage_>
</div>
</MTPaginateIfMultiplePages>
</MTPaginate>
　　　　：

.paginate {
    text-align: center;
    font-size: 9px;
}

<h3 class="related-header">Related Entries</h3>
<div class="related-entries">

<MTEntryIfTagged>
<MTSetVarBlock name="etag"><MTEntryTags glue=" OR "><$MTTagName$></MTEntryTags></MTSetVarBlock>
<ul>
<MTEntries lastn="10" tags="$etag">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<MTElse>
<MTSetVarBlock name="ecat"><MTEntryCategories glue=" OR "><$MTCategoryLabel$></MTEntryCategories></MTSetVarBlock>
<ul>
<MTEntries lastn="10" category="$ecat">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</MTElse>
</MTEntryIfTagged>

</div>

/* 関連するエントリー */
.related-entries {
  margin-top: 3px;
}
.related-entries li {
    padding-left: 14px;
    background: url('画像URL') no-repeat 0px 0.3em;
    list-style: none;
}

MTHatenaAuthプラグインを使って、HatenaIDでMovableTypeにログインして
コメントをする。

参考：MTHatenaAuthプラグイン
　　　　はてなIDでMovable Type 4ベースのブログにコメントを

1. HatenaAuth.zipダウンロードする。

2.Movable Typeのインストール先のpluginsのあるディレクトリにHatenaAuthディレクトリを
　アップロード。

3. はてな認証APIページで、ご自分のブログ用のAPIキーと秘密鍵を取得する。
　このとき、コールバックURLとして指定するURLは、mt-comments.cgiにします。

4.MovableTypeプラグインの設定画面で、3で取得したAPIキーと秘密鍵を設定し、保存する。

5.MovableType設定画面から登録/認証タブに進み、Hatena IDをチェックして有効にする。

/scriptaculous
　　　/lib
　　　　 　prototype.js
　　　/src
　　　　　 controls.js
　　　　 　effects.js
　　　　 　scriptaculous.js

<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/effects.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>scriptaculous/src/controls.js"></script>
 
<script type="text/javascript">
Effect.DefaultOptions = {
  transition: Effect.Transitions.sinoidal,
  duration:   0.5,   // seconds
  fps:        60.0,  // max. 60fps due to Effect.Queue implementation
  sync:       false, // true for combining
  from:       0.0,
  to:         1.0,
  delay:      0.0,
  queue:      'parallel'
}
function ajaxShowHide(entryID) {
  element = $('Text' + entryID);
  if(element.style.display == 'none') {
    options = {
        afterFinish: function(effect) {
            $('Link' + entryID).firstChild.innerHTML = '≪ 続きを隠す';
            Element.show(effect.element);
        }
    };
    Effect.BlindDown(element, options);
  } else {
    options = {
        afterFinish: function(effect) {
            $('Link' + entryID).firstChild.innerHTML = '続きを読む ≫';
            Element.hide(effect.element);
        }
    };
    Effect.BlindUp(element, options);
  }
}
</script>

<MTEntryIfExtended>
<div class="entry-more">
   <a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a>
</div>
</MTEntryIfExtended>

<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div id="Link<$MTEntryID$>" class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">続きを読む ≫</a></div>
<div id="Text<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<div class="ajax-entry-more-link"><a href="<$MTEntryPermalink$>" name="<$MTEntryID pad="1"$>" onclick="ajaxShowHide('<$MTEntryID$>');return false;">≪ 続きを隠す</a></div>
</div>
<noscript>
<div id="more" class="entry-more"><$MTEntryMore$></div>
</noscript>
</MTIfNonEmpty>

duration:   0.5,   // seconds

リンクを別窓（target="_blank）で開くと・・・
HTML 4.01 Strict・XHTML 1.0 Strict・XHTML 1.1の
仕様ではaタグのtarget属性を含んでいません。Transitionalではまだ含んでいますが
近い将来に仕様から外されるのは間違いありません。と言われてしまう。

1.下記をexternal.jsで保存する。

function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")
      anchor.target = "_blank";
  }
}
window.onload = externalLinks;

2.デザイン⇒テンプレート⇒テンプレートモジュール⇒ヘッダー
　<head>～</head>内に以下のJava Scriptを記述。

<script type="text/javascript" src="<$MTBlogURL$>external.js"></script>

3.リンクのタグは、下記になります。青字が（target="_blank）

<a href="http://musashi.s201.xrea.com/" rel="external">むちゃとアプルの1日。</a>

<MTDatej>
<a href="http://ja.wikipedia.org/wiki/<$MTDatejMonth$>%E6%9C%88<$MTDatejDay$>%E6%97%A5" target="_blank">今日は何の日？</a>
</MTDatej>

とっくに設定は済んでいたのですが・・・。やっとエントリー出来ました。
何かと使うウィキペディア（Wikipedia）。へ～こんな日なんだ～とか思う事が
しばしば。雑学が苦手な私にはいい勉強になるかもしれません。
っか最初は、お偉いさまが書いているのだと思っていましたが・・・
違うんですね。誰でも記事の追加、変更が可能だなんてビックリしました。
私でもOK？って事ですものね。ヾ(^▽^*おわはははっ!!
ヾ(--;)ぉぃぉぃ今、雑学が苦手って言ってたのに笑えますね。
アプルの楽屋
Harbot巨大生物の写真を撮ろう！2007ハーボリオン祝祭日を更新しました。
むちゃ日記
僕のいっぱい居る兄弟の兄貴の信玄くんがヘルニアになっていた事が判明。
キュンキュンと泣いて可哀想だけど、ボーロが病院へ連れてったのでお薬で治すらしいです。
≪ Close...

♪むちゃ～
昨日は、朝から眠い1日で夕食後に睡魔に襲われ・・・このまま転寝を
したら今日も辛い1日になると思い、目が覚めてしまってもいいから～なんて
思ってコンタクトを外し歯磨きをして眠かったのでベットに入ったら早寝したのに
この時間にむちゃがトイレトイレとガリガリと起こされた・・・。
とほっほ・・・目が覚めちゃったのでエントリーです。

小粋空間のHighslide JS でサムネイル画像を拡大表示するにて
画像が同一ウィンドウ上に画像を表示する事が出来ました♪
覚え書きは後で書こう！

テスト投稿です～。

むちゃの画像をクリックしてみて下さいませ。ウィンドウ上に画像が表示

されていると思いますが・・・(-_-;)

チワワの武蔵くんです。チワワって凄い毛が抜けると飼ってみて知りました。
ロングなのに丸刈り。ワハハヽ(^▽^)人(^▽^)人(^▽^)ノワハハ

ただ今は、Highslide JSではなくLightbox JS で画像を表示するで表示しています。

koalaさまの記念すべき100話。。の記事で毎日歩いているのに
中々気づく事がないのに気づき・・・勝手にバトンを受け取り(-_-;)
私も家の前のマンホールを見てベイブリッジだ～と感動しました。

だいぶ・・・MovableType 4.0 の使い勝手が分かってきたような？？？
前の画面が慣れていたのでほんとに慣れるまでは時間がかかった。と
思っていたら・・・やっぱり分からず？！結局、MovableType3.3に
戻した(-_-;)くっくやしい～。戻したけど、カレンダーが表示されず・・・
可愛いFlashカレンダーを見つけて設置してみました♪
落ち着いたら絶対にMovableType 4.0にするぞ～。

Kinarie&MayさまのFlashがとっても可愛いので2つのFlashを使わせて頂きました。

ブログ用フォトリーダー2.10

Flash天気予報が1.20

他にもMT用フォトカレンダー・ブログ用flashメニュー・MT用フォトサムネーラー
MT用通常型・横型flashカレンダーがあります。
どれも可愛いFlashを作られています。

<div id="trackbacks-info">
<p>このエントリーのトラックバックURL:<br />
<$MTEntryTrackbackLink$></p>
</div>

<input tabindex="1" accesskey="x" name="trackback_url" size="50"
value="<$MTEntryTrackbackLink$>" readonly="readonly"
class="edit" id="trackback_url" onfocus="this.select()"
/>　<input type="button" value="copy(win+IE)" 
onclick="window.clipboardData.setData('text', '<$MTEntryTrackbackLink$>')"/>

<script type="text/javascript">
<!-- 
function MenuOn(x){ 
obj=document.getElementById("submenu"+x).style.visibility="visible";
}
function MenuOff(x){ 
obj=document.getElementById("submenu"+x).style.visibility="hidden"; 
}
//-->
</script>

/* menu */
.menu {
font-size: 10px;
width: auto;
font-family:"Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
margin-top: 1px;
padding: 0px;
background: #ffffff; 
color:#999999;
height: 2.0em;
text-align: center;
position: relative;
top: 0;
left: 0;
border-bottom : 1px solid #999999;
}

.menu a{
color: #999999;
background: #ffffff;
text-decoration: none;
display: block;
padding: 0px;
line-height: normal;
width: 65px;
border: 1px solid #999999;
}
.menu a:visited {color:#999999;}
.menu a:hover{color:#999999; background-color: #ffffff; text-decoration: none;}
.menu a:active {color: #999999;}

.submenu a{
color:#999999; 
background: #d1d1d1; 
font-weight: normal;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
.submenu a:visited {color:#999999;}
.submenu a:hover{color:#999999; background-color: #ffffff; text-decoration: none;}
.submenu a:active {color: #999999;}

#menu1{
position: absolute;
top: 2;
left: 156px;
}

#menu2{
position: absolute;
top: 2;
left: 225px;
}

#menu3{
position: absolute;
top: 2;
left: 294px;
}

#menu4{
position: absolute;
top: 2;
left: 363px;
}

#menu5{
position: absolute;
top: 2;
left: 432px;
}

#menu6{
position: absolute;
top: 2;
left: 501px;
}

#menu7{
position: absolute;
top: 2;
left: 570px;
}

#menu8{
position: absolute;
top: 2;
left: 639px;
}

div.menu span{
display: none;
}

div.submenu {
visibility: hidden;
position: absolute;
left: 0;
}

<div class="menu">

<div id="menu1">
<a href="<$MTBlogURL$>" title="Home" class="menuhead">Home</a><span>|</span>
</div>

<div id="menu2">
<a href="<$MTBlogURL$>profile.php" title="Profile" class="menuhead">Profile</a><span>|</span>
</div>

<div id="menu3">
<a href="<$MTBlogURL$>tagcloud.php" title="Tag" class="menuhead">Tag</a><span>|</span>
</div>

<div id="menu4" onmouseover="MenuOn(4)" onmouseout="MenuOff(4)">
<a href="<$MTBlogURL$>link.php" title="Links" class="menuhead">Links</a><span>|</span>
<div class="submenu" id="submenu4">
<a href="<$MTBlogURL$>drecomrss.php" title="DrecomRss" >DrecomRss</a><span>|</span>
<a href="<$MTBlogURL$>blogpeople.php" title="BlogPeople">BlogPeople</a><span>|</span>
<a href="http://shakuo.s31.xrea.com/" target="_blank" title="藤川流 宗家 藤川爵応">藤川爵応</a><span>|</span>
</div>
</div>

<div id="menu5" onmouseover="MenuOn(5)" onmouseout="MenuOff(5)">
<a href="<$MTBlogURL$>blog_accessories.php" title="Blog Accessories" class="menuhead">Accessories</a><span>|</span>
<div class="submenu" id="submenu5">
<a href="<$MTBlogURL$>harbot.php" title="Harbot" >Harbot</a><span>|</span>
<a href="<$MTBlogURL$>livly.php" title="Livly">Livly</a><span>|</span>
<a href="<$MTBlogURL$>myminicity.php" title="MyMiniCity">MyMiniCity</a><span>|</span>
</div>
</div>

<div id="menu6" onmouseover="MenuOn(6)" onmouseout="MenuOff(6)">
<a href="<$MTBlogURL$>blog.php" title="アプルの他のBlog" class="menuhead">Blog</a><span>|</span>
<div class="submenu" id="submenu6">
<a href="http://blog.so-net.ne.jp/apuru/" target="_blank" title="アプルの楽屋" >アプルの楽屋</a><span>|</span>
<a href="http://shaku129.blog44.fc2.com/" target="_blank" title="コツコツお小遣い♪ ">お小遣い♪</a><span>|</span>
<a href="http://shakulove.seesaa.net/" target="_blank" title="夢の続き・・・。">夢の続き・・・。</a><span>|</span>
<a href="http://curuhome.cururu.jp/shaku129" target="_blank" title="亜風瑠クルホーム">CURURU</a><span>|</span>
<a href="http://chakichaki.padotown.net/room.cgi?address=070101" target="_blank" title="ぱどタウン ">ぱどタウン</a><span>|</span>
</div>
</div>

<div id="menu7">
<a href="<$MTBlogURL$>mail.php" title="お問い合わせ" class="menuhead">Contact</a><span>|</span>
</div>

<div id="menu8">
<a href="http://musashi.s201.xrea.com/x/mt/mt.cgi" title="管理者ページ" class="menuhead">┌|∵|┘</a><span>|</span>
</div>

</div>

<MTIfArchiveTypeEnabled archive_type="Individual">
    <div class="archive-tagcloud archive">
        <div class="archive-content">
            <ul id="tags">
                <MTTags>
                <li title="<$MTTagName$>:<$MTTagCount$>:<$MTTagLastUpdated format="%Y-%m-%d"$>"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li>
                </MTTags>
            </ul>

            <script type='text/javascript' src='<$MTLink template="JavaScript(tagcloud.js)"$>'>"></script>
        </div><!-- archive-content -->
    </div><!-- archive -->
</MTIfArchiveTypeEnabled>

<$MTInclude module="タグ一覧"$>

#tags {
    margin: 0;/*ul タグのマージン／パディングを初期化します */
    padding: 0;
    list-style: none;
}
#tags li {
    margin: 0;/* li タグのマージン／パディングを初期化します */
    padding: 0;
    display: inline;/*各タグを横に並べます */
    line-height: 1.7;/* 各タグの行間を設定します */
}
#tags li a {
    padding: 0 .1em;/* タグ間の余白を設定します */
    text-decoration: none;/*アンカーのアンダーラインを消します */
    color: #8fabbe;/* リンク(タグ)の初期カラーを設定します */
}
#tags  li.rank-1 a {
    color: #192f60;/* レベル1 のカラーを設定します */
    font-weight: bold;
}
#tags li.rank-2 a {
    color: #003f8e;/* レベル2 のカラーを設定します */
}
#tags li.rank-3 a {
    color: #4753a2;/* レベル3 のカラーを設定します */
}
#tags li.rank-4 a {
    color: #7a99cf;/* レベル4 のカラーを設定します */
}
#tags li.rank-5 a {
    color: #bcc7d7;/* レベル5 のカラーを設定します */
}
#tags li.rank-6 a {
    color: #ff80c0;/* レベル6 のカラーを設定します */
}
#tags li a:hover {
    text-decoration: none;/*ホバー時のアンダーラインを消します */
    color: #8fabbe;/*ホバー時のカラーを設定します */
}

スクロールバーの色を変更する。
　●デザイン⇒テンプレート⇒スタイルシート（メイン）
　　　下記コードをコピーして再構築

html { 
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #8fabbe;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}

<div title="<$MTArchiveDate format="%Y/%m"$>">
<span class="calendarHead">
<MTArchivePrevious>
<a href="javascript:void(0);" onclick="changeMonth('<$MTBlogArchiveURL$><MTArchiveDate format="calendar/%Y/%m/%i">');">&#65308;</a>
</MTArchivePrevious>
<$MTArchiveDate format="%B %Y" language="en"$>
<MTArchiveNext>
<a href="javascript:void(0);" onclick="changeMonth('<$MTBlogArchiveURL$><MTArchiveDate format="calendar/%Y/%m/%i">');">&#65310;</a>
</MTArchiveNext> |
</span>
<MTCalendar month="this">
<MTCalendarIfEntries><span><MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>" target="_top"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><span><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank><MTElse></span></MTElse></MTCalendarIfBlank>
</MTCalendar>
</div>

calendar/%y/%m/%i

<script type="text/javascript" src="<$MTBlogURL$>prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>ajaxCalendar.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js"></script>

<div id="header">
<h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty>
 
<div id="calendar">loading ...</div>
<script type="text/javascript">
getCalendar("<$MTBlogArchiveURL$>", "<$MTBlogID$>", "<$MTBlogURL$><MTEntries lastn="1" sort_order="descend"><$MTEntryDate format="archives/calendar/%Y/%m/" $></MTEntries>");
</script>

#calendar {
    text-align: center;
    padding: 5px 0;
    border-bottom : 1px solid #999999;
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color:#666666; 
}
#calendar a,
#calendar a:link,
#calendar a:visited {
    color: #8fabbe;
}
#calendar a:hover {
    text-decoration: underline;
}
#calendar a:active {
    color: #8fabbe;
}
#calendar .calendarHead { 
    color:#666666; 
    padding-right: 5px;
} 
#calendar .today { 
    border : 1px solid #444444; 
    padding: 0 2px;
} 
#calendar .holiday,
#calendar .holiday a:link,
#calendar .holiday a:visited {
    color: #e50003;
}
#calendar .saturday,
#calendar .saturday a:link,
#calendar .saturday a:visited {
    color: #0000ff;
}
#calendar .tholiday {
    border: 1px solid #444444;
    padding: 0 2px;
    color: #e50003;
}
#calendar .tholiday a:link,
#calendar .tholiday a:visited {
    color: #e50003;
}
#calendar .tsaturday {
    border: 1px solid #444444;
    padding: 0 2px;
    color: #0000ff;
}
#calendar .tsaturday a:link,
#calendar .tsaturday a:visited {
    color: #0000ff;
}

a href,b,i,br/,p,strong,em,ul,ol,li,blockquote,pre,img src class width height alt

<br />
<MTInsertIconListJS mode="tag">

<div id="comments-open-text">
    <label for="comment-text">Comments <MTIfAllowCommentHTML>(スタイル用のHTMLタグを使うことができます)</MTIfAllowCommentHTML></label>
    <textarea id="comment-text" name="text" rows="15" cols="50">
    <MTIf name="comment_preview_template">
        <$MTCommentBody autolink="0" sanitize="0" convert_breaks="0" encode_html="1"$>
    </MTIf>
    </textarea><br />
<MTInsertIconListJS mode="tag">
</div>

var mt_icons = [
    [ "ファイル名", "説明", 幅, 高さ ],
    [ "ファイル名", "説明", 幅, 高さ ]
];

var mt_icons = [
        [ "1.gif", "男の子", 11, 11 ],
        [ "2.gif", "女の子", 11, 11 ],
        [ "3.gif", "携帯", 11, 11 ],
        [ "4.gif", "パソコン", 11, 11 ],
        [ "5.gif", "ファイト", 11, 11 ],
        [ "6.gif", "ナイス", 11, 11 ],
        [ "7.gif", "グー", 11, 11 ],
        [ "8.gif", "チョキ", 11, 11 ],
        [ "9.gif", "パー", 11, 11 ],
        [ "10.gif", "くるま", 11, 11 ],
        [ "11.gif", "ひこうき", 11, 11 ],
        [ "12.gif", "でんしゃ", 11, 11 ],
        [ "13.gif", "？", 11, 11 ],
        [ "14.gif", "！", 11, 11 ],
        [ "15.gif", "ハート", 11, 11 ],
        [ "16.gif", "とけい", 11, 11 ],
        [ "17.gif", "おうち", 11, 11 ],
        [ "18.gif", "マイク", 11, 11 ],
        [ "19.gif", "♪", 11, 11 ],
        [ "20.gif", "しょくじ", 11, 11 ],
        [ "21.gif", "ケーキ", 11, 11 ],
        [ "22.gif", "ビール", 11, 11 ],
        [ "23.gif", "ゆき", 11, 11 ],
        [ "24.gif", "くもり", 11, 11 ],
        [ "25.gif", "はれ", 11, 11 ],
        [ "52.gif", "あめ", 11, 11 ],
        [ "26.gif", "つき", 11, 11 ],
        [ "28.gif", "ねこ", 11, 11 ],
        [ "29.gif", "ねずみ", 11, 11 ],
        [ "30.gif", "ニコ", 11, 11 ],
        [ "31.gif", "ニコニコ", 11, 11 ],
        [ "32.gif", "ブー", 11, 11 ],
        [ "33.gif", "シュン", 11, 11 ],
        [ "34.gif", "プレゼント", 11, 11 ],
        [ "36.gif", "でんきゅう", 11, 11 ],
        [ "53.gif", "＄", 11, 11 ],
        [ "37.gif", "ドクロ", 11, 11 ],
        [ "38.gif", "おんせん", 11, 11 ],
        [ "39.gif", "かんらんしゃ", 11, 11 ],
        [ "40.gif", "CD", 11, 11 ],
        [ "41.gif", "DVD", 11, 11 ],
        [ "42.gif", "Zzz", 11, 11 ],
        [ "43.gif", "ハンバーガー", 11, 11 ],
        [ "44.gif", "ツリー", 11, 11 ],
        [ "45.gif", "クロバー", 11, 11 ],
        [ "46.gif", "Windows1", 11, 11 ],
        [ "47.gif", "Mac", 11, 11 ],
        [ "48.gif", "Windows2", 11, 11 ],
        [ "49.gif", "IE", 11, 11 ],
        [ "50.gif", "Netscape", 11, 11 ],
        [ "51.gif", "むちゃ", 11, 11 ]
];