Hatena::Grouphakka

記録

about
|

2012年12月13日(木)

13:44

がん患者だけど親になった - portal shit!

でも一つだけ確かに言えることがあって、生きているとささやかだけど幸せなことが必ずある。だから

2012年12月12日(水)

09:40

http://mactkg.hateblo.jp/entry/2012/12/11/215653

HDDを買ってきたのでマシンのアップグレードをしたいのですが、毎日田町アドベントカレンダーを書かなければいけないのでなかなかタイミングが掴めません。

09:42

https://twitter.com/send_/status/278432106328240128

泉岳寺在住だし田町アドベントカレンダー何か書こうかと思ったけど、頑張ってるの傍観してる方が面白い

09:42

田町アドベントカレンダー - connpass

田町に関する話題ならなんでも良いです。「田町」というキーワードが入っていれば良いのです。25日持つかわかりません。誰か書いてくれる人が居たら参加登録してください。

09:43

30日くらい、何かに継続して取り組むということ。何かはべつに有益であってもなくてもどうでも良い。

10:56

http://toukubo.com/post/37593051961

あとTumblrから復帰するのやめてもらえますかって言われたw

16:56

http://atnd.org/events/34545

参加費: 無料

持ち物: 自分のPC、好奇心

2012年12月11日(火)

23:52

<!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>


<!--
    "Quite Big" theme designed by

                                       |             |    |           
  _` |  _ \  _ \   __| _` |  _ \    _` | |   | __ \  |  / |  _ \ |   |
 (   |  __/ (   | |   (   |  __/   (   | |   | |   |   <  |  __/ |   |
\__, |\___|\___/ _|  \__, |\___|  \__,_|\__,_|_|  _|_|\_\_|\___|\__, |
|___/                |___/                                      ____/ 


    http://www.tumblr.com/theme/9601
  -->


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="color:Background" content="#ffffff"/>
  <meta name="color:Title" content="#000000"/>
  <meta name="color:Text" content="#202020"/>
  <meta name="color:Minor text" content="#999999"/>
  <meta name="color:Line" content="#EEEEEE"/>
  <meta name="color:Link" content="lime"/>
  <meta name="color:Link hover" content="red"/>
<meta name="color:Top line" content="#eeeeee"/>
<meta name="color:Bottom line" content="#eeeeee"/>
<meta name="color:Notes background" content="#f7f7f7"/>
<meta name="if:Center all" content="0"/> 
<meta name="if:Center links" content="0"/>  
<meta name="if:Kill Photoset" content="1"/> 
<meta name="if:Large Photoset" content="0"/>
<meta name="font:Heading" content="Futura"/>
<meta name="image:Header" content="0">
<meta name="if:Show notes on permalink pages" content="1">
<meta name="if:Show album art on audio posts" content="1" />
<meta name="if:Ask enabled" content="0" />


<meta name="text:Caption size" content="14px"/>
<meta name="text:Title size" content="20px"/>
<meta name="text:Header size" content="85px"/>


<meta name="font:Description" content="Georgia"/>
<meta name="font:Body" content="Georgia"/>
  
<meta name="text:Disqus Shortname" content=""/>

<meta name="if:Rac Hitodenize" content="1" />

  <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

  <link rel="shortcut icon" href="{Favicon}"/>
  <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>

  <style type="text/css">
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;}
html{font-size:{text:Caption size};}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal; padding:5px 0;}
abbr,acronym{border:0;}

body {background:{color:Background}; color:{color:Text}; font:1em/1.5 {font:Body}; margin:0 0 0 0;}

h1, h3 {font-family:{font:Heading};}
pre,code {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}

a:link, a:visited {color:{color:Link}; text-decoration:none;}
a:hover, a:active {color:{color:Link hover};}



#header {color:{color:Minor text}; position:relative; margin:-49 auto; padding-top:25px; width:875px;}

#header h1 {color:{color:Title}; font-weight:bold; text-align:center; font-size:{text:Header size}; line-height:90%; margin-bottom:15px; margin-top:-30px;
            letter-spacing:-1px;}
#header h1 a:link, #header h1 a:visited {color:{color:Title}; display:block;}
#header h1 a:hover, #header h1 a:active {color:{color:Link hover};}
#description {font-family:{font:Description}; font-size:{text:Caption size}; text-align:center; line-height:autopx; margin-bottom:20px; margin-top:-5px;}
#header form {margin-bottom:20px;}
#header form input {width:630px;}
#header ul {margin:0 -0.25em 1.5em;}
#header li {list-style:none; text-transform:lowercase;}
#header li a {background:{color:Background}; display:block; padding:0 0.25em;
              text-decoration:none;}
#header li a:hover {background:none;}

#container {background-color:{color:Container}; margin:30px auto; padding-top:5px; width:875px}




#container .box img {
          max-width: 100%;
        }




#posts {border-top:1px solid {color:Top line}; 
        border-bottom:1px solid {color:Bottom line}; margin:0px; padding:0px; {block:IfCenterall}text-align:center;{/block:IfCenterall}font-size:{text:Caption size};}

#container.hidden { visibility: hidden };


#posts .post {list-style:none; padding-bottom:10px; max-width:875px;
              clear:both;}
#posts .content {color:{color:Text}; padding:0; margin-left:0px;}

#footer {margin:0 auto; max-width:875px; padding-bottom:30px;}
#pagination p {font-size:{text:Caption size}; min-width:150px; line-height:autopx; margin:0 0 10px;
               white-space:nowrap;}
#pagination p.back {display:inline; text-align:right; float:right; margin-left:20px;}
#pagination p.forward {display:inline; float:left; margin-right:1.5em;}
#pagination a {font-style:italic;}
#pagination .page {text-align:center; font:12px {font:Body};
                   margin-bottom:20px; text-transform:lowercase;}
#credits {clear:both; display:inline; text-align:center; font-size:12px; color:{color:Minor text}; margin:0; padding:1.5em 0;}
#footer a:hover, #footer a:active {text-decoration:none;}

p {margin-bottom:25px;}
form .submit {height:0; overflow:hidden; display:block;}

.meta {float:left; clear:left; {block:IfCenterall}width:875px{/block:IfCenterall}; font-size:14px; text-align:left; line-height:10px;}
.meta h2 {font-size:14px; margin-bottom:5px; border-bottom:1px solid {color:Line};}
.meta h2 a {text-decoration:none; display:block; padding:0px 0px;}
.meta h2 a:hover {background:none;}
.meta p {color:{color:Minor text}; font-style:italic; margin:0 0 0 1em;
         text-indent:-0.75em; text-transform:lowercase;}
p.meta {color:{color:Minor text}; font-style:italic; margin:0;
        width:150px; text-indent:-0.75em; text-transform:lowercase;}
.meta a {font-style:normal; white-space:nowrap;}
.meta .plays {font-weight:bold; font-style:normal;}

h3 {font-size:{text:Title size}; line-height:autopx; padding-bottom:10px; font-weight:bold;}

.content a {border-bottom:1px solid {color:Line};}
.content a:hover {border-bottom-width:2px;}
.content .photo a {border:none !important;}
.content ul, .content ol {margin:20px;}
.content ul li {list-style:square;}

blockquote {margin:0 20px 20px; font-style:italic;}
blockquote i, blockquote em, blockquote [lang="ja"] {font-style:normal;}
pre, code {font-size:10px; line-height:12px;}
pre {background:#e1e1e1; margin:15px; padding:10px;
     overflow-x:auto;}
pre code {display:block;}
pre i, code i {font-style:normal; color:{color:Minor text};}

ins {text-decoration:none; font-style:italic;}
blockquote ins, em ins, ins em {font-style:normal;}

abbr, acronym, .caps {font-size:12px; letter-spacing:0.1em; word-spacing:0.1em;}
abbr, acronym {text-transform:uppercase;}
.caps {text-transform:uppercase;}


.text, .caption {margin-bottom:20px;}
.post img, .post object, .post embed {max-width:100%;}

.link-post h3 {padding:0; margin-bottom:15px;}

.photo-post .photo, .video-post .video {margin-bottom:20px; margin-top:20px; }

.quote-post .quote {font-family:{font:Body};}
.quote-post .source, .cite
  {float:right; margin:0 40px 20px 50px; text-indent:-1.5em;}
.quote-post .source a:first-child, .cite
  {letter-spacing:0;}
.short-quote .quote, .medium-quote .quote
  {font-size:{text:Title size}; line-height:autopx; margin:20px 40px 20px 0;}
.long-quote .quote {margin:20px;}

.audio-post .audio {height:27px; background: #000000; 
    display: block;
    width:500px;
    margin-bottom: 5px;
    padding: 0px;}
    
    .audiobox
    {
    width:500px;}


.audio-post .audio_player {width:auto;}

.chat-post ol {list-style:none; margin:15px 0;}
.chat-post li {margin-left:1.5em; text-indent:-1.5em;}
.chat-post .label {font-weight:bold; padding-right:0.125em;}
.chat-post .speaker {font-style:italic;}
.chat-post .speaker2 .label, .chat-post .speaker4 .label,
  .chat-post .speaker6 .label, .chat-post .speaker8 .label
    {color:{color:Minor text};}
.chat-post .speaker3 .label, .chat-post .speaker4 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {text-transform:uppercase; letter-spacing:0.1em;}
.chat-post .speaker5 .label, .chat-post .speaker6 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {font-family:{font:Heading};}


.day .month {text-transform:uppercase;}
{block:DayPage}.day {font-weight:bold;}{/block:DayPage}

.content.text-post img {
max-width: 100%;
}


.multi {margin-bottom:30px; margin-right:15px; {block:IfCenterall}margin-right:10px; margin-left:10px;{/block:IfCenterall};}





.video embed, .video object, .video iframe {width:875px; height:500px;}


#comment {
  font-size: 10px;
  text-align: left;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#comment a {
  text-decoration: none;
  color: {color:Caption};
}

#comment a:hover {
  text-decoration: none;
  color: {color:Link Hover};
}

#dsq-content {
  background: rgba(0, 0, 0, .30);
  background: url('     ');
  padding: 5px 20px 20px 20px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}





{block:PermalinkPage}



      p.answer_form_container { width: 512px; }
      
      ol.notes { width: 875px; list-style-type: none; margin:20px auto; padding: 0; }
        ol.notes li.note { background: {color:Notes background}; margin: 0 0 0px 0; padding: 0 4px; }
        ol.notes a { color: {color:Links In Notes}; }
        ol.notes img.avatar { display: none; }
        ol.notes blockquote { margin: 0; }
          ol.notes blockquote a { text-decoration: none; }
    {/block:PermalinkPage}






a.install {
        width: 96px;
        height: 20px;
        background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
        display: block;
        position: absolute;
        top: 26px;
        right: 3px;
    }


a {
  outline: none;
}

    



{CustomCSS}
  </style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>


{block:IfKillPhotoset}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/xz44nnc/zNHlmnd4b/jquery.killphotoset.js"></script>
<script>
$(function () {
   $(".html_photoset").killPhotoset({
   photoSize: 1280
  });
});
</script>
{/block:IfKillPhotoset}

{block:IfLargePhotoset}
<script>

$(document).ready(function(){
$(".photoset").each(function() {
    $(this).width('875px');
    var newSrc = $(this).attr("src").replace('500','875');
    $(this).attr("src", newSrc);
});


$(function(){
var iFrames = $('.photoset');

function iResize() {
    for (var i = 0, j = iFrames.length; i < j; i++) {
    	iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
	}
	
	if ($.browser.safari || $.browser.opera) { 
		iFrames.load(function(){
			setTimeout(iResize, 0);	
		});
		
		for (var i = 0, j = iFrames.length; i < j; i++) {
			var iSource = iFrames[i].src;
			iFrames[i].src = '';
			iFrames[i].src = iSource;
		}
	} else {
		iFrames.load(function() {
			this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
		});
	}
});
});
</script>
{/block:IfLargePhotoset}

{block:IfRacHitodenize}
<script>
/* Rachitodenize by hitode909 */
/* http://let.hatelabo.jp/taizooo/let/gYC-yu7j9qXaLQ */
window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();

$(function () {
  var choise = (function (list) {
    var i = 0;
    return function (list) {
      if (list.length == 0) return null;
      return list[++i % list.length];
    };
  })();
  var $body = $(document.body);
  var $container = $('#container');

  var $images_top = [];
  $.get('/', function (res) {
    $images_top = $(res).find('.photo img');
  });

  var step = function () {
    var $images = $('.photo img');

    var img = choise($images.length > 0 ? $images : $images_top);

    $body.css({
      background: img ? 'url(' + img.src + ')' : '',
      'background-position': 'center',
      'background-repeat': 'no-repeat',
      'background-attachment': 'fixed',
      'background-size': 'cover'
    });
    $container.toggleClass('hidden');
  };

  var loop = function () {
    step();
    window.requestAnimationFrame(loop);
  };
  loop();
});
</script>
{/block:IfRacHitodenize}


</head>
<body>

<div id="container">


<div id="header">
  <a href="/">
        {block:IfHeaderImage}<h1><img src="{image:Header}" class="logo" /></h1>{/block:IfHeaderImage}
        {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}</a>



  {block:Description}<p id="description">
    {Description}
  </p>{/block:Description}

<p>
{block:IfCenterlinks}<center>{/block:IfCenterlinks}



{block:Pages} 

<a href="{URL}">{Label}</a>

&nbsp;/&nbsp;{/block:Pages}


{block:IfAskenabled}
<a href="/ask">{AskLabel}</a>
{block:IfAskenabled}
{block:IfCenterlinks}</center>{/block:IfCenterlinks}</p>


</div>



<ol id="posts"><br>
        
{block:Posts}


<li class="post hentry" id="post{PostID}">

    {block:Text}

 <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
     


    </div><br><br>

    <div class="content text-post">

      {block:Title}<h3><span>{Title}</span></h3>{/block:Title}

      <div class="text">{Body}</div>
    </div>
    {/block:Text}

   {block:Photo}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
        {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
          <img src="{PhotoURL-500}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
        {block:IndexPage}</a>{/block:IndexPage}
        {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Photo}



{block:Photoset}
                    
        <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {Photoset-500}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
                {/block:Photoset}


    {block:Quote}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>
    <div class="content quote-post {Length}-quote">
      <blockquote class="quote">{Quote}</blockquote>

      {block:Source}<div class="source">&mdash;&#8194;{Source}</div>{/block:Source}
    </div>
    {/block:Quote}

    {block:Link}

<div class="meta">
      
{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>
    <div class="content link-post">
      <h3 class="link"><a href="{URL}">{Name}</a></h3>

      {block:Description}<div class="caption">{Description}</div>{/block:Description}
    </div>
    {/block:Link}

    {block:Chat}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>

    <div class="content chat-post">
      {block:Title}<h3>{Title}</h3>{/block:Title}

      <ol class="chat">
        {block:Lines}<li class="{Alt} speaker{UserNumber}">
          {block:Label}<span class="label">{Label}</span>{/block:Label}
          <span class="line">{Line}</span>
        </li>{/block:Lines}
      </ol>
    </div>
    {/block:Chat}

     

{block:Video}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br>
   <div class="content video-post">
      <div class="video">{Video-500}</div>
      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Video}




    {block:Audio}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>




{block:IfShowAlbumartonaudioposts}
                            {block:AlbumArt}
                                <div class="album_art">
                                    <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 5px"/>
                                </div>
                            {/block:AlbumArt}
                        {/block:IfShowalbumartonaudioposts}





    
    <div class="content audio-post">
    {block:IfCenterall}<center>{/block:IfCenterall}
<div class="audiobox">
      <div class="audio">
{AudioPlayerBlack}
</div></div> {block:IfCenterall}</center>{/block:IfCenterall}


<p>plays: <span class="plays">{FormattedPlayCount}</span></p>


      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Audio}

<div class="clear">&nbsp;</div>

  </li>

{/block:Posts}


{block:IfDisqusShortname}
	{block:Permalink}
	<div id="disqus">
	<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
	</div>
	{/block:Permalink}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
		if(links[i].href.indexOf('#disqus_thread') >= 0) {
		query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
		}
		}
		document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}


</div> <!-- .box -->
      {/block:Posts}



    </div> <!-- .posts -->
    
    <div style="clear: both"></div>
    
    {block:PermalinkPage}
    {block:IfShownotesonpermalinkpages}
      {PostNotes}
    {/block:IfShownotesonpermalinkpages}
    {block:PermalinkPage}
    
    <div style="clear: both;"></div>




      
</ol>

<div id="footer">

  <div id="pagination">
  {block:Pagination}
    <p class="back">&nbsp;{block:NextPage}
      <a rel="next" href="{NextPage}">next</a> >>>
    {/block:NextPage}</p>
    <p class="forward">{block:PreviousPage}
     <<< <a rel="prev" href="{PreviousPage}">prev</a>
    {/block:PreviousPage}&nbsp;</p>
    
  {/block:Pagination}

  {block:PermalinkPagination}
    {block:PreviousPost}<p class="back">
      <a rel="next" href="{PreviousPost}">next</a> >>>
    </p>{/block:PreviousPost}
    {block:NextPost}<p class="forward">
     <<< <a rel="prev" href="{NextPost}">prev</a>
    {/block:NextPost}</p>
  {/block:PermalinkPagination}

  {block:DayPagination}
    {block:PreviousDayPage}<p class="back">
      <a rel="next" href="{PreviousDayPage}">next</a> >>>
    {/block:PreviousDayPage}</p>
    {block:NextDayPage}<p class="forward">
      <<< <a rel="prev" href="{NextDayPage}">prev</a>
    </p>{/block:NextDayPage}
  {/block:DayPagination}
  </div>


<br><br />

<center>
<a href="/archive">archive</a> // 
    <a href="/random">random post</a> //
    <a href="{RSS}">RSS</a> 
<br />
<font size="2"><i>powered by <a href="http://www.tumblr.com/">tumblr</a> - 
    <a href="http://www.tumblr.com/theme/9601">Quite Big theme</a> by <a href="http://georgedunkley.tumblr.com/">George Dunkley</a></i></font></center>



</div>
   













</div>



</body>
</html>

23:52

::selection {
  background: #0096ff;
  color: #eeeeee;
}
a {
  color: #0096ff;
}
#header h1:hover,
a:hover {
  background-color: #0096ff !important;
  color: #eeeeee  !important;
}
#container {
  width: 60%;
}
#header {
  width:100%;
  margin-bottom: 5em;
}
#header h1 {
  font-size: 3em;
}
ol#posts {
  list-style-type: none;
}
.post {
  margin-bottom: 20em;
}
.quote {
  font-size: 5em !important;
  font-weight: bold  !important;
  letter-spacing: -0.05em;
  line-height: 1.4em
}
.photo img {
  width:100%;
}
.photo .caption {
  margin-top: 50px;
  font-size: 12px;
}
.photo-post .caption * {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
}
.notes {
  opacity: 0.2;
}
.notes:hover {
  opacity: 0.9;
}
.meta img {
  font-size: 2em;
  position: absolute;
  opacity: 0.9;
  z-index: 998;
  width:25px;
}
.meta img:hover {
  opacity:0.4;
  width:500px;
}
.audio-post .audio_player {
  padding-left: 100px;
}

2012年12月10日(月)

10:46

http://ssig33.com/Windows%208%20%E8%B2%B7%E3%81%A3%E3%81%9F

それからこのマシンで Visual Studio が余裕で動くので、アプリケーション無ければ自分で作ればいいじゃない派の人は現状でもかなり楽しめると思います。 iPad もスペック的には十分なんだしはやく XCode 動くようになってほしい。

10:47

http://mohayonao.hatenablog.com/entry/2012/12/08/182522

極端って素敵ですよね?

10:51

http://to.tumblr.com/post/1592759

エロ写真と、良い写真の区別がつかなくなる。

とりあえずは、それでもいいと思う。

言葉による解釈が必要な写真、デザインとしてキレイな写真は、そんなに良いものではないと思う。

そうすると、写真は、考えずに、ただ何かを感じたものが良いものということになる。

深く考えずに写真を見る。

少しバカになる。

何かを感じたら、Tumblrへポストする。

それがおもしろい写真だった。

それがエロい写真だった。

何かを感じたということでは大差はない。

何かを感じていることに気がつけること。

何かを感じ、考えずにアクションを起こせること。

12:30

http://d.hatena.ne.jp/./megamouth/20110121/1295617451

XML文書をそのままprintしてしまうというのは、当時ですらバカの発想だった。もちろん、MTの開発者であるベン・トロットが「まともな」処理方法を知らなかった筈はない。DOM、せめてエスケープ済みの変数をテンプレートで、と言う部分をベンは「printが一番速いんだよ。クソどもは黙ってろ」とばかりやってのけてしまったのである。そしてその覚悟こそが、CGIという足枷をはめられた零細Web屋のとるべき態度なのだ。

14:29

fatman → namtaf

14:30

dontrblgme → kmlsiback → dontrblgme

2012年12月8日(土)

00:21

hitodenize comment out

<!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>


<!--
    "Quite Big" theme designed by

                                       |             |    |           
  _` |  _ \  _ \   __| _` |  _ \    _` | |   | __ \  |  / |  _ \ |   |
 (   |  __/ (   | |   (   |  __/   (   | |   | |   |   <  |  __/ |   |
\__, |\___|\___/ _|  \__, |\___|  \__,_|\__,_|_|  _|_|\_\_|\___|\__, |
|___/                |___/                                      ____/ 


    http://www.tumblr.com/theme/9601
  -->


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="color:Background" content="#ffffff"/>
  <meta name="color:Title" content="#000000"/>
  <meta name="color:Text" content="#202020"/>
  <meta name="color:Minor text" content="#999999"/>
  <meta name="color:Line" content="#EEEEEE"/>
  <meta name="color:Link" content="#49D28D"/>
  <meta name="color:Link hover" content="#3FB67A"/>
<meta name="color:Top line" content="#eeeeee"/>
<meta name="color:Bottom line" content="#eeeeee"/>
<meta name="color:Notes background" content="#f7f7f7"/>


<meta name="color:Selection" content="#00ff00"/>
<meta name="color:Selection Text" content="#ff0000"/>

<!--<meta name="if:Center all" content="0"/>-->
<meta name="if:Center links" content="0"/>  
<meta name="if:Kill Photoset" content="1"/> 
<meta name="if:Large Photoset" content="0"/>
<meta name="font:Heading" content="Futura"/>
<meta name="image:Header" content="0">
<meta name="if:Show notes on permalink pages" content="1">
<meta name="if:Show album art on audio posts" content="1" />
<meta name="if:Ask enabled" content="0" />


<meta name="text:Caption size" content="14px"/>
<meta name="text:Title size" content="20px"/>
<meta name="text:Header size" content="85px"/>


<meta name="font:Description" content="Georgia"/>
<meta name="font:Body" content="Georgia"/>
  
<meta name="text:Disqus Shortname" content=""/>

  <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

  <link rel="shortcut icon" href="{Favicon}"/>
  <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>

  <style type="text/css">
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;}
html{font-size:{text:Caption size};}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal; padding:5px 0;}
abbr,acronym{border:0;}

body {background:{color:Background}; color:{color:Text}; font:1em/1.5 {font:Body}; margin:0 0 0 0;}

h1, h3 {font-family:{font:Heading};}
pre,code {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}

a:link, a:visited {color:{color:Link}; text-decoration:none;}
a:hover, a:active {color:{color:Link hover};}



#header {color:{color:Minor text}; position:relative; margin:-49 auto; padding-top:25px; width:875px;}

#header h1 {color:{color:Title}; font-weight:bold; text-align:center; font-size:{text:Header size}; line-height:90%; margin-bottom:15px; margin-top:-30px;
            letter-spacing:-1px;}
#header h1 a:link, #header h1 a:visited {color:{color:Title}; display:block;}
#header h1 a:hover, #header h1 a:active {color:{color:Link hover};}
#description {font-family:{font:Description}; font-size:{text:Caption size}; text-align:center; line-height:autopx; margin-bottom:20px; margin-top:-5px;}
#header form {margin-bottom:20px;}
#header form input {width:630px;}
#header ul {margin:0 -0.25em 1.5em;}
#header li {list-style:none; text-transform:lowercase;}
#header li a {background:{color:Background}; display:block; padding:0 0.25em;
              text-decoration:none;}
#header li a:hover {background:none;}

#container {background-color:{color:Container}; margin:30px auto; padding-top:5px; width:875px}




#container .box img {
          max-width: 100%;
        }




#posts {border-top:1px solid {color:Top line}; 
        border-bottom:1px solid {color:Bottom line}; margin:0px; padding:0px; {block:IfCenterall}text-align:center;{/block:IfCenterall}font-size:{text:Caption size};}

#container.hidden { visibility: hidden };


#posts .post {list-style:none; padding-bottom:10px; max-width:875px;
              clear:both;}
#posts .content {color:{color:Text}; padding:0; margin-left:0px;}

#footer {margin:0 auto; max-width:875px; padding-bottom:30px;}
#pagination p {font-size:{text:Caption size}; min-width:150px; line-height:autopx; margin:0 0 10px;
               white-space:nowrap;}
#pagination p.back {display:inline; text-align:right; float:right; margin-left:20px;}
#pagination p.forward {display:inline; float:left; margin-right:1.5em;}
#pagination a {font-style:italic;}
#pagination .page {text-align:center; font:12px {font:Body};
                   margin-bottom:20px; text-transform:lowercase;}
#credits {clear:both; display:inline; text-align:center; font-size:12px; color:{color:Minor text}; margin:0; padding:1.5em 0;}
#footer a:hover, #footer a:active {text-decoration:none;}

p {margin-bottom:25px;}
form .submit {height:0; overflow:hidden; display:block;}

.meta {float:left; clear:left; {block:IfCenterall}width:875px{/block:IfCenterall}; font-size:14px; text-align:left; line-height:10px;}
.meta h2 {font-size:14px; margin-bottom:5px; border-bottom:1px solid {color:Line};}
.meta h2 a {text-decoration:none; display:block; padding:0px 0px;}
.meta h2 a:hover {background:none;}
.meta p {color:{color:Minor text}; font-style:italic; margin:0 0 0 1em;
         text-indent:-0.75em; text-transform:lowercase;}
p.meta {color:{color:Minor text}; font-style:italic; margin:0;
        width:150px; text-indent:-0.75em; text-transform:lowercase;}
.meta a {font-style:normal; white-space:nowrap;}
.meta .plays {font-weight:bold; font-style:normal;}

h3 {font-size:{text:Title size}; line-height:autopx; padding-bottom:10px; font-weight:bold;}

.content a {border-bottom:1px solid {color:Line};}
.content a:hover {border-bottom-width:2px;}
.content .photo a {border:none !important;}
.content ul, .content ol {margin:20px;}
.content ul li {list-style:square;}

blockquote {margin:0 20px 20px; font-style:italic;}
blockquote i, blockquote em, blockquote [lang="ja"] {font-style:normal;}
pre, code {font-size:10px; line-height:12px;}
pre {background:#e1e1e1; margin:15px; padding:10px;
     overflow-x:auto;}
pre code {display:block;}
pre i, code i {font-style:normal; color:{color:Minor text};}

ins {text-decoration:none; font-style:italic;}
blockquote ins, em ins, ins em {font-style:normal;}

abbr, acronym, .caps {font-size:12px; letter-spacing:0.1em; word-spacing:0.1em;}
abbr, acronym {text-transform:uppercase;}
.caps {text-transform:uppercase;}


.text, .caption {margin-bottom:20px;}
.post img, .post object, .post embed {max-width:100%;}

.link-post h3 {padding:0; margin-bottom:15px;}

.photo-post .photo, .video-post .video {margin-bottom:20px; margin-top:20px; }

.quote-post .quote {font-family:{font:Body};}
.quote-post .source, .cite
  {float:right; margin:0 40px 20px 50px; text-indent:-1.5em;}
.quote-post .source a:first-child, .cite
  {letter-spacing:0;}
.short-quote .quote, .medium-quote .quote
  {font-size:{text:Title size}; line-height:autopx; margin:20px 40px 20px 0;}
.long-quote .quote {margin:20px;}

.audio-post .audio {height:27px; background: #000000; 
    display: block;
    width:500px;
    margin-bottom: 5px;
    padding: 0px;}
    
    .audiobox
    {
    width:500px;}


.audio-post .audio_player {width:auto;}

.chat-post ol {list-style:none; margin:15px 0;}
.chat-post li {margin-left:1.5em; text-indent:-1.5em;}
.chat-post .label {font-weight:bold; padding-right:0.125em;}
.chat-post .speaker {font-style:italic;}
.chat-post .speaker2 .label, .chat-post .speaker4 .label,
  .chat-post .speaker6 .label, .chat-post .speaker8 .label
    {color:{color:Minor text};}
.chat-post .speaker3 .label, .chat-post .speaker4 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {text-transform:uppercase; letter-spacing:0.1em;}
.chat-post .speaker5 .label, .chat-post .speaker6 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {font-family:{font:Heading};}


.day .month {text-transform:uppercase;}
{block:DayPage}.day {font-weight:bold;}{/block:DayPage}

.content.text-post img {
max-width: 100%;
}


.multi {margin-bottom:30px; margin-right:15px; {block:IfCenterall}margin-right:10px; margin-left:10px;{/block:IfCenterall};}





.video embed, .video object, .video iframe {width:875px; height:500px;}


#comment {
  font-size: 10px;
  text-align: left;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#comment a {
  text-decoration: none;
  color: {color:Caption};
}

#comment a:hover {
  text-decoration: none;
  color: {color:Link Hover};
}

#dsq-content {
  background: rgba(0, 0, 0, .30);
  background: url('     ');
  padding: 5px 20px 20px 20px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}





{block:PermalinkPage}



      p.answer_form_container { width: 512px; }
      
      ol.notes { width: 875px; list-style-type: none; margin:20px auto; padding: 0; }
        ol.notes li.note { background: {color:Notes background}; margin: 0 0 0px 0; padding: 0 4px; }
        ol.notes a { color: {color:Links In Notes}; }
        ol.notes img.avatar { display: none; }
        ol.notes blockquote { margin: 0; }
          ol.notes blockquote a { text-decoration: none; }
    {/block:PermalinkPage}






a.install {
        width: 96px;
        height: 20px;
        background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
        display: block;
        position: absolute;
        top: 26px;
        right: 3px;
    }


a {
  outline: none;
}

::selection {
  background: {color:Selection};
  color: {color:Selection Text};
}


{CustomCSS}
  </style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>


{block:IfKillPhotoset}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/xz44nnc/zNHlmnd4b/jquery.killphotoset.js"></script>
<script>
$(function () {
   $(".html_photoset").killPhotoset({
   photoSize: 1280
  });
});
</script>
{/block:IfKillPhotoset}

{block:IfLargePhotoset}



$(document).ready(function(){
$(".photoset").each(function() {
    $(this).width('875px');
    var newSrc = $(this).attr("src").replace('500','875');
    $(this).attr("src", newSrc);
});


$(function(){
var iFrames = $('.photoset');

function iResize() {
    for (var i = 0, j = iFrames.length; i < j; i++) {
		iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
	}
	
	if ($.browser.safari || $.browser.opera) { 
		iFrames.load(function(){
			setTimeout(iResize, 0);	
		});
		
		for (var i = 0, j = iFrames.length; i < j; i++) {
			var iSource = iFrames[i].src;
			iFrames[i].src = '';
			iFrames[i].src = iSource;
		}
	} else {
		iFrames.load(function() {
			this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
		});
	}
});
});
</script>
{/block:IfLargePhotoset}

<!--hitodenize
<script>
window.requestAnimationFrame = (function() {
    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback, element) {
        return window.setTimeout(function() {
            return callback();
        }, 1000 / 60);
    };
})();

$(function() {
    var choise = (function(list) {
        var i = 0;
        return function(list) {
            if (list.length == 0) return null;
            return list[++i % list.length];
        };
    })();
    var $body = $(document.body);
    var $container = $('#container');

    var $images_top = [];
    $.get('/', function(res) {
      $images_top = $(res).find('.photo img');
    });

    var step = function() {
        var $images = $('.photo img');

        var img = choise($images.length > 0 ? $images : $images_top);

        $body.css({
            background: img ? 'url(' + img.src + ')' : '',
            'background-position': 'center',
            'background-repeat': 'no-repeat',
            'background-attachment': 'fixed',
            'background-size': 'cover'
        });
        $container.toggleClass('hidden');
    };

    var loop = function() {
        step();
        window.requestAnimationFrame(loop);
    };
    loop();
});
</script>
-->


</head>
<body>

<div id="container">


<div id="header">
  <a href="/">
        {block:IfHeaderImage}<h1><img src="{image:Header}" class="logo" /></h1>{/block:IfHeaderImage}
        {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}</a>



  {block:Description}<p id="description">
    {Description}
  </p>{/block:Description}

<p>
{block:IfCenterlinks}<center>{/block:IfCenterlinks}



{block:Pages} 

<a href="{URL}">{Label}</a>

&nbsp;/&nbsp;{/block:Pages}


{block:IfAskenabled}
<a href="/ask">{AskLabel}</a>
{block:IfAskenabled}
{block:IfCenterlinks}</center>{/block:IfCenterlinks}</p>


</div>



<ol id="posts"><br>
        
{block:Posts}


<li class="post" id="post{PostID}">

    {block:Text}

 <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
     


    </div><br><br>

    <div class="content text-post">

      {block:Title}<h3><span>{Title}</span></h3>{/block:Title}

      <div class="text">{Body}</div>
    </div>
    {/block:Text}

   {block:Photo}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
        {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
          <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
        {block:IndexPage}</a>{/block:IndexPage}
        {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Photo}



{block:Photoset}
                    
        <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {Photoset-500}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
                {/block:Photoset}


    {block:Quote}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>
    <div class="content quote-post {Length}-quote">
      <blockquote class="quote">{Quote}</blockquote>

      {block:Source}<div class="source">&mdash;&#8194;{Source}</div>{/block:Source}
    </div>
    {/block:Quote}

    {block:Link}

<div class="meta">
      
{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>
    <div class="content link-post">
      <h3 class="link"><a href="{URL}">{Name}</a></h3>

      {block:Description}<div class="caption">{Description}</div>{/block:Description}
    </div>
    {/block:Link}

    {block:Chat}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>

    <div class="content chat-post">
      {block:Title}<h3>{Title}</h3>{/block:Title}

      <ol class="chat">
        {block:Lines}<li class="{Alt} speaker{UserNumber}">
          {block:Label}<span class="label">{Label}</span>{/block:Label}
          <span class="line">{Line}</span>
        </li>{/block:Lines}
      </ol>
    </div>
    {/block:Chat}

     

{block:Video}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br>
   <div class="content video-post">
      <div class="video">{Video-500}</div>
      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Video}




    {block:Audio}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>




{block:IfShowAlbumartonaudioposts}
                            {block:AlbumArt}
                                <div class="album_art">
                                    <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 5px"/>
                                </div>
                            {/block:AlbumArt}
                        {/block:IfShowalbumartonaudioposts}





    
    <div class="content audio-post">
    {block:IfCenterall}<center>{/block:IfCenterall}
<div class="audiobox">
      <div class="audio">
{AudioPlayerBlack}
</div></div> {block:IfCenterall}</center>{/block:IfCenterall}


<p>plays: <span class="plays">{FormattedPlayCount}</span></p>


      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Audio}

<div class="clear">&nbsp;</div>

  </li>

{/block:Posts}


{block:IfDisqusShortname}
	{block:Permalink}
	<div id="disqus">
	<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
	</div>
	{/block:Permalink}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
		if(links[i].href.indexOf('#disqus_thread') >= 0) {
		query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
		}
		}
		document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}


</div> <!-- .box -->
      {/block:Posts}



    </div> <!-- .posts -->
    
    <div style="clear: both"></div>
    
    {block:PermalinkPage}
    {block:IfShownotesonpermalinkpages}
      {PostNotes}
    {/block:IfShownotesonpermalinkpages}
    {block:PermalinkPage}
    
    <div style="clear: both;"></div>




      
</ol>

<div id="footer">

  <div id="pagination">
  {block:Pagination}
    <p class="back">&nbsp;{block:NextPage}
      <a href="{NextPage}">next</a> >>>
    {/block:NextPage}</p>
    <p class="forward">{block:PreviousPage}
     <<< <a href="{PreviousPage}">prev</a>
    {/block:PreviousPage}&nbsp;</p>
    
  {/block:Pagination}

  {block:PermalinkPagination}
    {block:PreviousPost}<p class="back">
      <a href="{PreviousPost}">next</a> >>>
    </p>{/block:PreviousPost}
    {block:NextPost}<p class="forward">
     <<< <a href="{NextPost}">prev</a>
    {/block:NextPost}</p>
  {/block:PermalinkPagination}

  {block:DayPagination}
    {block:PreviousDayPage}<p class="back">
      <a href="{PreviousDayPage}">next</a> >>>
    {/block:PreviousDayPage}</p>
    {block:NextDayPage}<p class="forward">
      <<< <a href="{NextDayPage}">prev</a>
    </p>{/block:NextDayPage}
  {/block:DayPagination}
  </div>


<br><br />

<center>
<a href="/archive">archive</a> // 
    <a href="/random">random post</a> //
    <a href="{RSS}">RSS</a> 
<br />
<font size="2"><i>powered by <a href="http://www.tumblr.com/">tumblr</a> - 
    <a href="http://www.tumblr.com/theme/9601">Quite Big theme</a> by <a href="http://georgedunkley.tumblr.com/">George Dunkley</a></i></font></center>



</div>
   













</div>



</body>
</html>

23:32

Rac Hitodenize config

<!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>


<!--
    "Quite Big" theme designed by

                                       |             |    |           
  _` |  _ \  _ \   __| _` |  _ \    _` | |   | __ \  |  / |  _ \ |   |
 (   |  __/ (   | |   (   |  __/   (   | |   | |   |   <  |  __/ |   |
\__, |\___|\___/ _|  \__, |\___|  \__,_|\__,_|_|  _|_|\_\_|\___|\__, |
|___/                |___/                                      ____/ 


    http://www.tumblr.com/theme/9601
  -->


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="color:Background" content="#ffffff"/>
  <meta name="color:Title" content="#000000"/>
  <meta name="color:Text" content="#202020"/>
  <meta name="color:Minor text" content="#999999"/>
  <meta name="color:Line" content="#EEEEEE"/>
  <meta name="color:Link" content="lime"/>
  <meta name="color:Link hover" content="red"/>
<meta name="color:Top line" content="#eeeeee"/>
<meta name="color:Bottom line" content="#eeeeee"/>
<meta name="color:Notes background" content="#f7f7f7"/>
<meta name="if:Center all" content="0"/> 
<meta name="if:Center links" content="0"/>  
<meta name="if:Kill Photoset" content="1"/> 
<meta name="if:Large Photoset" content="0"/>
<meta name="font:Heading" content="Futura"/>
<meta name="image:Header" content="0">
<meta name="if:Show notes on permalink pages" content="1">
<meta name="if:Show album art on audio posts" content="1" />
<meta name="if:Ask enabled" content="0" />


<meta name="text:Caption size" content="14px"/>
<meta name="text:Title size" content="20px"/>
<meta name="text:Header size" content="85px"/>


<meta name="font:Description" content="Georgia"/>
<meta name="font:Body" content="Georgia"/>
  
<meta name="text:Disqus Shortname" content=""/>

<meta name="if:Rac Hitodenize" content="1" />

  <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

  <link rel="shortcut icon" href="{Favicon}"/>
  <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>

  <style type="text/css">
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;}
html{font-size:{text:Caption size};}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal; padding:5px 0;}
abbr,acronym{border:0;}

body {background:{color:Background}; color:{color:Text}; font:1em/1.5 {font:Body}; margin:0 0 0 0;}

h1, h3 {font-family:{font:Heading};}
pre,code {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}

a:link, a:visited {color:{color:Link}; text-decoration:none;}
a:hover, a:active {color:{color:Link hover};}



#header {color:{color:Minor text}; position:relative; margin:-49 auto; padding-top:25px; width:875px;}

#header h1 {color:{color:Title}; font-weight:bold; text-align:center; font-size:{text:Header size}; line-height:90%; margin-bottom:15px; margin-top:-30px;
            letter-spacing:-1px;}
#header h1 a:link, #header h1 a:visited {color:{color:Title}; display:block;}
#header h1 a:hover, #header h1 a:active {color:{color:Link hover};}
#description {font-family:{font:Description}; font-size:{text:Caption size}; text-align:center; line-height:autopx; margin-bottom:20px; margin-top:-5px;}
#header form {margin-bottom:20px;}
#header form input {width:630px;}
#header ul {margin:0 -0.25em 1.5em;}
#header li {list-style:none; text-transform:lowercase;}
#header li a {background:{color:Background}; display:block; padding:0 0.25em;
              text-decoration:none;}
#header li a:hover {background:none;}

#container {background-color:{color:Container}; margin:30px auto; padding-top:5px; width:875px}




#container .box img {
          max-width: 100%;
        }




#posts {border-top:1px solid {color:Top line}; 
        border-bottom:1px solid {color:Bottom line}; margin:0px; padding:0px; {block:IfCenterall}text-align:center;{/block:IfCenterall}font-size:{text:Caption size};}

#container.hidden { visibility: hidden };


#posts .post {list-style:none; padding-bottom:10px; max-width:875px;
              clear:both;}
#posts .content {color:{color:Text}; padding:0; margin-left:0px;}

#footer {margin:0 auto; max-width:875px; padding-bottom:30px;}
#pagination p {font-size:{text:Caption size}; min-width:150px; line-height:autopx; margin:0 0 10px;
               white-space:nowrap;}
#pagination p.back {display:inline; text-align:right; float:right; margin-left:20px;}
#pagination p.forward {display:inline; float:left; margin-right:1.5em;}
#pagination a {font-style:italic;}
#pagination .page {text-align:center; font:12px {font:Body};
                   margin-bottom:20px; text-transform:lowercase;}
#credits {clear:both; display:inline; text-align:center; font-size:12px; color:{color:Minor text}; margin:0; padding:1.5em 0;}
#footer a:hover, #footer a:active {text-decoration:none;}

p {margin-bottom:25px;}
form .submit {height:0; overflow:hidden; display:block;}

.meta {float:left; clear:left; {block:IfCenterall}width:875px{/block:IfCenterall}; font-size:14px; text-align:left; line-height:10px;}
.meta h2 {font-size:14px; margin-bottom:5px; border-bottom:1px solid {color:Line};}
.meta h2 a {text-decoration:none; display:block; padding:0px 0px;}
.meta h2 a:hover {background:none;}
.meta p {color:{color:Minor text}; font-style:italic; margin:0 0 0 1em;
         text-indent:-0.75em; text-transform:lowercase;}
p.meta {color:{color:Minor text}; font-style:italic; margin:0;
        width:150px; text-indent:-0.75em; text-transform:lowercase;}
.meta a {font-style:normal; white-space:nowrap;}
.meta .plays {font-weight:bold; font-style:normal;}

h3 {font-size:{text:Title size}; line-height:autopx; padding-bottom:10px; font-weight:bold;}

.content a {border-bottom:1px solid {color:Line};}
.content a:hover {border-bottom-width:2px;}
.content .photo a {border:none !important;}
.content ul, .content ol {margin:20px;}
.content ul li {list-style:square;}

blockquote {margin:0 20px 20px; font-style:italic;}
blockquote i, blockquote em, blockquote [lang="ja"] {font-style:normal;}
pre, code {font-size:10px; line-height:12px;}
pre {background:#e1e1e1; margin:15px; padding:10px;
     overflow-x:auto;}
pre code {display:block;}
pre i, code i {font-style:normal; color:{color:Minor text};}

ins {text-decoration:none; font-style:italic;}
blockquote ins, em ins, ins em {font-style:normal;}

abbr, acronym, .caps {font-size:12px; letter-spacing:0.1em; word-spacing:0.1em;}
abbr, acronym {text-transform:uppercase;}
.caps {text-transform:uppercase;}


.text, .caption {margin-bottom:20px;}
.post img, .post object, .post embed {max-width:100%;}

.link-post h3 {padding:0; margin-bottom:15px;}

.photo-post .photo, .video-post .video {margin-bottom:20px; margin-top:20px; }

.quote-post .quote {font-family:{font:Body};}
.quote-post .source, .cite
  {float:right; margin:0 40px 20px 50px; text-indent:-1.5em;}
.quote-post .source a:first-child, .cite
  {letter-spacing:0;}
.short-quote .quote, .medium-quote .quote
  {font-size:{text:Title size}; line-height:autopx; margin:20px 40px 20px 0;}
.long-quote .quote {margin:20px;}

.audio-post .audio {height:27px; background: #000000; 
    display: block;
    width:500px;
    margin-bottom: 5px;
    padding: 0px;}
    
    .audiobox
    {
    width:500px;}


.audio-post .audio_player {width:auto;}

.chat-post ol {list-style:none; margin:15px 0;}
.chat-post li {margin-left:1.5em; text-indent:-1.5em;}
.chat-post .label {font-weight:bold; padding-right:0.125em;}
.chat-post .speaker {font-style:italic;}
.chat-post .speaker2 .label, .chat-post .speaker4 .label,
  .chat-post .speaker6 .label, .chat-post .speaker8 .label
    {color:{color:Minor text};}
.chat-post .speaker3 .label, .chat-post .speaker4 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {text-transform:uppercase; letter-spacing:0.1em;}
.chat-post .speaker5 .label, .chat-post .speaker6 .label,
  .chat-post .speaker7 .label, .chat-post .speaker8 .label
    {font-family:{font:Heading};}


.day .month {text-transform:uppercase;}
{block:DayPage}.day {font-weight:bold;}{/block:DayPage}

.content.text-post img {
max-width: 100%;
}


.multi {margin-bottom:30px; margin-right:15px; {block:IfCenterall}margin-right:10px; margin-left:10px;{/block:IfCenterall};}





.video embed, .video object, .video iframe {width:875px; height:500px;}


#comment {
  font-size: 10px;
  text-align: left;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#comment a {
  text-decoration: none;
  color: {color:Caption};
}

#comment a:hover {
  text-decoration: none;
  color: {color:Link Hover};
}

#dsq-content {
  background: rgba(0, 0, 0, .30);
  background: url('     ');
  padding: 5px 20px 20px 20px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}





{block:PermalinkPage}



      p.answer_form_container { width: 512px; }
      
      ol.notes { width: 875px; list-style-type: none; margin:20px auto; padding: 0; }
        ol.notes li.note { background: {color:Notes background}; margin: 0 0 0px 0; padding: 0 4px; }
        ol.notes a { color: {color:Links In Notes}; }
        ol.notes img.avatar { display: none; }
        ol.notes blockquote { margin: 0; }
          ol.notes blockquote a { text-decoration: none; }
    {/block:PermalinkPage}






a.install {
        width: 96px;
        height: 20px;
        background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
        display: block;
        position: absolute;
        top: 26px;
        right: 3px;
    }


a {
  outline: none;
}

    



{CustomCSS}
  </style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>


{block:IfKillPhotoset}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/xz44nnc/zNHlmnd4b/jquery.killphotoset.js"></script>
<script>
$(function () {
   $(".html_photoset").killPhotoset({
   photoSize: 1280
  });
});
</script>
{/block:IfKillPhotoset}

{block:IfLargePhotoset}
<script>

$(document).ready(function(){
$(".photoset").each(function() {
    $(this).width('875px');
    var newSrc = $(this).attr("src").replace('500','875');
    $(this).attr("src", newSrc);
});


$(function(){
var iFrames = $('.photoset');

function iResize() {
    for (var i = 0, j = iFrames.length; i < j; i++) {
		iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
	}
	
	if ($.browser.safari || $.browser.opera) { 
		iFrames.load(function(){
			setTimeout(iResize, 0);	
		});
		
		for (var i = 0, j = iFrames.length; i < j; i++) {
			var iSource = iFrames[i].src;
			iFrames[i].src = '';
			iFrames[i].src = iSource;
		}
	} else {
		iFrames.load(function() {
			this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
		});
	}
});
});
</script>
{/block:IfLargePhotoset}

{block:IfRacHitodenize}
<script>
/* Rachitodenize by hitode909 */
/* http://let.hatelabo.jp/taizooo/let/gYC-yu7j9qXaLQ */
window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();

$(function () {
  var choise = (function (list) {
    var i = 0;
    return function (list) {
      if (list.length == 0) return null;
      return list[++i % list.length];
    };
  })();
  var $body = $(document.body);
  var $container = $('#container');

  var $images_top = [];
  $.get('/', function (res) {
    $images_top = $(res).find('.photo img');
  });

  var step = function () {
    var $images = $('.photo img');

    var img = choise($images.length > 0 ? $images : $images_top);

    $body.css({
      background: img ? 'url(' + img.src + ')' : '',
      'background-position': 'center',
      'background-repeat': 'no-repeat',
      'background-attachment': 'fixed',
      'background-size': 'cover'
    });
    $container.toggleClass('hidden');
  };

  var loop = function () {
    step();
    window.requestAnimationFrame(loop);
  };
  loop();
});
</script>
{/block:IfRacHitodenize}


</head>
<body>

<div id="container">


<div id="header">
  <a href="/">
        {block:IfHeaderImage}<h1><img src="{image:Header}" class="logo" /></h1>{/block:IfHeaderImage}
        {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}</a>



  {block:Description}<p id="description">
    {Description}
  </p>{/block:Description}

<p>
{block:IfCenterlinks}<center>{/block:IfCenterlinks}



{block:Pages} 

<a href="{URL}">{Label}</a>

&nbsp;/&nbsp;{/block:Pages}


{block:IfAskenabled}
<a href="/ask">{AskLabel}</a>
{block:IfAskenabled}
{block:IfCenterlinks}</center>{/block:IfCenterlinks}</p>


</div>



<ol id="posts"><br>
        
{block:Posts}


<li class="post hentry" id="post{PostID}">

    {block:Text}

 <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
     


    </div><br><br>

    <div class="content text-post">

      {block:Title}<h3><span>{Title}</span></h3>{/block:Title}

      <div class="text">{Body}</div>
    </div>
    {/block:Text}

   {block:Photo}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
        {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
          <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
        {block:IndexPage}</a>{/block:IndexPage}
        {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Photo}



{block:Photoset}
                    
        <div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>
      

    </div><br>

    <div class="content photo-post">
      <div class="photo">
        
        {Photoset-500}
        
      </div>



      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
                {/block:Photoset}


    {block:Quote}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>
    <div class="content quote-post {Length}-quote">
      <blockquote class="quote">{Quote}</blockquote>

      {block:Source}<div class="source">&mdash;&#8194;{Source}</div>{/block:Source}
    </div>
    {/block:Quote}

    {block:Link}

<div class="meta">
      
{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>
    <div class="content link-post">
      <h3 class="link"><a href="{URL}">{Name}</a></h3>

      {block:Description}<div class="caption">{Description}</div>{/block:Description}
    </div>
    {/block:Link}

    {block:Chat}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>

    </div><br><br>

    <div class="content chat-post">
      {block:Title}<h3>{Title}</h3>{/block:Title}

      <ol class="chat">
        {block:Lines}<li class="{Alt} speaker{UserNumber}">
          {block:Label}<span class="label">{Label}</span>{/block:Label}
          <span class="line">{Line}</span>
        </li>{/block:Lines}
      </ol>
    </div>
    {/block:Chat}

     

{block:Video}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br>
   <div class="content video-post">
      <div class="video">{Video-500}</div>
      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Video}




    {block:Audio}

<div class="meta">
      

{block:IfCenterall}<center>{/block:IfCenterall}<h2>
<a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a>
</h2>{block:IfCenterall}</center>{/block:IfCenterall}
<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-128}"></a>


    </div><br><br>




{block:IfShowAlbumartonaudioposts}
                            {block:AlbumArt}
                                <div class="album_art">
                                    <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 5px"/>
                                </div>
                            {/block:AlbumArt}
                        {/block:IfShowalbumartonaudioposts}





    
    <div class="content audio-post">
    {block:IfCenterall}<center>{/block:IfCenterall}
<div class="audiobox">
      <div class="audio">
{AudioPlayerBlack}
</div></div> {block:IfCenterall}</center>{/block:IfCenterall}


<p>plays: <span class="plays">{FormattedPlayCount}</span></p>


      {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    </div>
    {/block:Audio}

<div class="clear">&nbsp;</div>

  </li>

{/block:Posts}


{block:IfDisqusShortname}
	{block:Permalink}
	<div id="disqus">
	<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
	</div>
	{/block:Permalink}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
		if(links[i].href.indexOf('#disqus_thread') >= 0) {
		query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
		}
		}
		document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}


</div> <!-- .box -->
      {/block:Posts}



    </div> <!-- .posts -->
    
    <div style="clear: both"></div>
    
    {block:PermalinkPage}
    {block:IfShownotesonpermalinkpages}
      {PostNotes}
    {/block:IfShownotesonpermalinkpages}
    {block:PermalinkPage}
    
    <div style="clear: both;"></div>




      
</ol>

<div id="footer">

  <div id="pagination">
  {block:Pagination}
    <p class="back">&nbsp;{block:NextPage}
      <a rel="next" href="{NextPage}">next</a> >>>
    {/block:NextPage}</p>
    <p class="forward">{block:PreviousPage}
     <<< <a rel="prev" href="{PreviousPage}">prev</a>
    {/block:PreviousPage}&nbsp;</p>
    
  {/block:Pagination}

  {block:PermalinkPagination}
    {block:PreviousPost}<p class="back">
      <a rel="next" href="{PreviousPost}">next</a> >>>
    </p>{/block:PreviousPost}
    {block:NextPost}<p class="forward">
     <<< <a rel="prev" href="{NextPost}">prev</a>
    {/block:NextPost}</p>
  {/block:PermalinkPagination}

  {block:DayPagination}
    {block:PreviousDayPage}<p class="back">
      <a rel="next" href="{PreviousDayPage}">next</a> >>>
    {/block:PreviousDayPage}</p>
    {block:NextDayPage}<p class="forward">
      <<< <a rel="prev" href="{NextDayPage}">prev</a>
    </p>{/block:NextDayPage}
  {/block:DayPagination}
  </div>


<br><br />

<center>
<a href="/archive">archive</a> // 
    <a href="/random">random post</a> //
    <a href="{RSS}">RSS</a> 
<br />
<font size="2"><i>powered by <a href="http://www.tumblr.com/">tumblr</a> - 
    <a href="http://www.tumblr.com/theme/9601">Quite Big theme</a> by <a href="http://georgedunkley.tumblr.com/">George Dunkley</a></i></font></center>



</div>
   













</div>



</body>
</html>

23:10

/*
::selection {
  background: #00f2ff;
  color: #eeeeee;
}
*/
a {
  /*color: lime  !important;*/
}
a:hover {
  /*background-color: red  !important;*/
}
#container {
  width: 60%;
}
#header {
  width:100%;
  margin-bottom: 5em;
}
#header h1 {
  font-size: 3em;
}
#header h1:hover {
  /*color: red;*/
  /*background-color: lime;*/
}
ol#posts {
  list-style-type: none;
}
.post {
  margin-bottom: 20em;
}
.quote {
  font-size: 5em !important;
  font-weight: bold  !important;
  letter-spacing: -0.05em;
  line-height: 1.4em
}
.photo img {
  width:100%;
}
.photo .caption {
  margin-top: 50px;
  font-size: 12px;
}
.photo-post .caption * {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
}
.notes {
  opacity: 0.2;
}
.notes:hover {
  opacity: 0.9;
}
.meta img {
  font-size: 2em;
  position: absolute;
  opacity: 0.9;
  z-index: 998;
  width:50px;
}
.meta img:hover {
  opacity:0.4;
  width:500px;
}
.audio-post .audio_player {
  padding-left: 100px;
}

2012年12月7日(金)

09:14

window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();

$(function () {
  var choise = (function (list) {
    var i = 0;
    return function (list) {
      return list[++i % list.length];
    };
  })();
  var $body = $(document.body);
  var $container = $('#container');

  var step = function () {
    $body.css({
      background: 'url(' + choise($('.photo img')).src + ')',
      'background-position': 'center',
      'background-repeat': 'no-repeat',
      'background-attachment': 'fixed',
      'background-size': 'cover'
    });
    $container.toggleClass('hidden');
  };

  var loop = function () {
    step();
    window.requestAnimationFrame(loop);
  };
  loop();
});

window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();

$(function () {
  var choise = (function (list) {
    var i = 0;
    return function (list) {
      if (list.length == 0) return null;
      return list[++i % list.length];
    };
  })();
  var $body = $(document.body);
  var $container = $('#container');

  var $images_top = [];
  $.get('/', function (res) {
    $images_top = $(res).find('.photo img');
  });

  var step = function () {
    var $images = $('.photo img');

    var img = choise($images.length > 0 ? $images : $images_top);

    $body.css({
      background: img ? 'url(' + img.src + ')' : '',
      'background-position': 'center',
      'background-repeat': 'no-repeat',
      'background-attachment': 'fixed',
      'background-size': 'cover'
    });
    $container.toggleClass('hidden');
  };

  var loop = function () {
    step();
    window.requestAnimationFrame(loop);
  };
  loop();
});

09:28

/*
 * @title ページをチカチカさせるやつ
 * @description チカチカします
 * @include http://*
 * @license MIT License
 * @require 
 */

window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();


var randomColor = function () {
  return 'rgb(' + (Math.random() > 0.5 ? 255 : 0) + ', ' + (Math.random() > 0.5 ? 255 : 0) + ', ' + (Math.random() > 0.5 ? 255 : 0) + ')'
};

var style = document.createElement('style');
document.body.appendChild(style);

var selectors = Array.prototype.slice.call(document.querySelectorAll('*[id]')).map(function (element) {
  var id = element.id
  if (!id) return '';
  return element.tagName + '#' + id;
}).concat(Array.prototype.slice.call(document.querySelectorAll('*[class]')).map(function (element) {
  var className = element.className;
  if (!className) return '';
  return element.tagName + '.' + className;
}));

var apply = function () {
  style.textContent = ['*', 'body'].concat(selectors).map(function (selector) {
    if (!selector) return '';
    return selector + ' {color: ' + randomColor() + '; background: ' + randomColor() + ' }';
  }).join("\n");
  window.requestAnimationFrame(apply);
};

apply();

09:39

http://hitode909.hatenablog.com/entry/2012/11/17/110000

たとえば室町時代とかにある日チカチカしようと思ってもディスプレイがないから人力で何か点滅させる必要があって,けっこう難しい.簡単にチカチカできるのは現代に生きる私達の特権

09:43

http://b.hatena.ne.jp/rikuo/20121117#bookmark-120321154

写真からストライプを作るtumblr http://96x96.net っていうのを今年の1月からほぼ毎日やってて、最近なんとなくいいストライプになる写真が分かってきた

2012年12月6日(木)

12:41

http://syn2.blog98.fc2.com/blog-entry-1504.html

「砂丘」冒頭の10分、学生集会の場面。「集会が苦手な革命家なんて話にならないよ。アナーキストだって集会をやるぞ」

12:43

http://syn2.blog98.fc2.com/blog-entry-1506.html

「フリーダウンロードはネット上のストリートライブ」とPE'Zが言っていて、ちょっと違うような気がしたけどかっこいいと思った。もしその逆のことを言うミュージシャンがいたら、その人はとてもギークっぽいと思う。

12:45

http://syn2.blog98.fc2.com/blog-entry-1501.html

スーツの似合う男優がリゾート地を舞台にラフな服装でいるのはアクションスターがコミカルな役をやるのに似ている。

12:49

http://darekagakaku.herokuapp.com/v/2012-11-04

12月27日くらいのあとは年が明けるのを待つだけ。みたいな時期

13:04

http://blog.64p.org/entry/20081216/1229387324

今回は、Perl 界の lazy な人々にあわせて、ちょっとしたルールを設けて楽しい感じでやってみました。そのルールとは

  • 原稿は、バトン式で、前日に原稿アップした人が指名
  • 原稿を落とすと、それまでに書いた人全員にすしをおごるルール

2012年12月4日(火)

14:59

http://hitode909.hatenablog.com/entry/2012/12/04/133459

普通はボタン一個だけ置いてあるとボタン一個分の価値しかない.

2012年11月30日(金)

16:52

reblog advent calend*e*r 7889 : ATND

新しい星で新しいダンスパーティーをしましょう

2012年11月29日(木)

08:57

http://sportsnavi.yahoo.co.jp/soccer/jleague/2011/text/201105040003-spnavi.html

取材を終えてタクシーを探していると、目の前をオレンジ色のレプリカを着た母子が急ぎ足で横切ってゆく。母親は20代後半くらい、息子は小学校低学年くらいだろうか。2人とも口を真一文字に結んで、強風と雨の中をただ黙々と歩いている。

08:58

恥を忍んで言うと、その一文だけで涙が出た。

09:04

http://sportsnavi.yahoo.co.jp/soccer/jleague/2012/text/201205180002-spnavi.html

Jリーグが2部制となった99年、J2は当時のJ1より6チーム少ない10チームからスタートしている。J2がJ1と同じチーム数(18)に追いついたのは09シーズン。そしてようやく今季、Jリーグは1部18チーム、2部22チームとなり、J2とJFLとの入れ替えがスタートすることで、日本サッカー界のピラミッドはついに完成形を見ることとなった。

地域リーグやJFLを取材してきた私にとって、J2とはまさに「約束の地」というイメージが強い。

ところがJ1のクラブにしてみれば、J2への降格は、それこそ「この世の終わり」のような認識があるようだ。

この「約束の地」と「この世の終わり」という2面性を併せ持ちながら、J2というカテゴリーは毎年のように所属クラブ数を増やしてゆき、ついに22チームで満席となったのである。

09:04

「約束の地」と「この世の終わり」

09:23

http://artifact-jp.com/2012/11/28/connect-people-netservice/

ソーシャルメディアは個別のIDを持つため、いくら匿名であっても、そこに他人が認識する人格が生まれる。

知らない人と直接繋がるのは面倒だが、人の賑わいを感じる場所にはいたい。知らない人と直接繋がりたいという欲望には限界があっても、この欲望の需要には限界がなさそうだ。

12:57

http://beau.g-com.ne.jp/mon-extension-memo12_11-8.html#memo121129

この行きつく先は明白である.Google はその記事は掲載しなくなるであろうから事実上その記事は世界から消えてしまうのであろう.

13:09

https://twitter.com/wtnabe/status/271509246506590208

なんでブログじゃなくてgistに書くの流行ってんの?

18:23

なんだアメリカも日本も Internet Explorer の王国なんじゃん。

18:31

http://chasoku.blog.shinobi.jp/Entry/402/

「くらえ!インターネットエクスプローラー!」

18:26

http://gigazine.net/news/20121126-belarus-popular-browser-opera/

IEがWindowsと一体化してシェアを伸ばしてコンピュータを支配する中で、IEに立ち向かうブラウザとして、ChromeはGmailをはじめとするGoogleの各種サービスとの結びつきを強めてユーザを囲い込み、Firefoxはコミュニティで構築された膨大なアドオン群を持ち、オープンソースファンたちの支持を得ました。

そんな中、Operaは「最速」をウリとして戦いを繰り広げ、ベラルーシにおいて大きなシェアを獲得することになりました。その理由は、ベラルーシがBeltelecomという国営企業によってインフラを独占された社会主義国家であったという点にありました。

Beltelecomの支配下にあるベラルーシのインフラ状態は最悪だった、

「未熟なインフラが効率重視のブラウザを求めさせた」

2012年11月28日(水)

09:39

http://sem-labo.net/blog/2012/11/27/0764/

競争が激しいこと

辛抱すべきか諦めるべきか、

いつ、どちらの側面を使うか、

09:42

http://d.hatena.ne.jp/pha/20121127/1354011976

でも5年住んだらだいぶ飽きた。

東京に定職があるわけでもないニートが東京みたいな家賃がクレイジーな都市に住んでいるのは本当にクレイジーだ

09:44

http://www.lifehacker.jp/2012/11/121127book-to-read.html

誰もが評論家のようになってしまった

10:04

http://www.ikedahayato.com/index.php/archives/18046

何かを”オリジナル”と呼ぶやつは、十中八九、元ネタを知らないだけなんだ

10:04

http://taizooo.tumblr.com/post/36644439202

批評なんてヤツは、何かから、十中八九、元ネタの影を探してるだけなんだぜ

10:04

批評って書き換えたけど、評論の方が良かった。

09:45

http://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E9%9F%B3%E6%A5%BD%E8%91%97%E4%BD%9C%E6%A8%A9%E5%8D%94%E4%BC%9A

10:17

http://suwaowa.blogspot.jp/2012/11/suwaowa-powerbook-g4-firefox-3.html

これを今 PowerBook G4 で書こうとすると Firefox 3.6.3 には Make Link が入ってなくて入れた。

10:23

suwaowa: 1

10:24

https://twitter.com/taizooo/statuses/187021999837691904

ケン・マットの30日間チャレンジ

10:24

30日間どころか。

10:28

http://suwaowa.blogspot.jp/2012/05/34-5.html

いつも同じ道を行きますから、

10:29

http://wedge.ismedia.jp/articles/-/943

「命がけの行を繰り返す中で、肉体と精神、そして山に流れる気のようなものの変化を感じるようになりました。いつも同じ道を行きますから、行のはじめの50メートルの坂を歩くだけで、その日の自分の体調や自然の気配がどう違うかがわかるようになります。肉体と精神のバランス、山の気が噛み合わないと、汗ばかりかいたり呼吸が乱れたりして、いい行ができません」

10:29

さてと、

11:35

http://blog.livedoor.jp/poti1233/archives/4284543.html

>>7

は?エスカレーターだぞ、バイクや車好きと同じジャンルだろ人を運ぶんだ

12:55

https://twitter.com/naoya_ito/status/273630281691451392

知らない人とつながるネット最高だ。もういらないとか思ったことない

https://twitter.com/naoya_ito/status/273635224661934081

言いたいことはある。でも論理は完璧にはほどとおい。とはいえ知り合いだけに聞いてもらってるだけじゃ満足できない。かといって開けた場所でいうの怖い。我が儘なんですわたしたち。

12:59

https://twitter.com/nwashy/status/273625995477655552

サッカーの量子モデリングに関する思考実験としてはグレッグ・イーガン『ボーダー・ガード』(『しあわせの理由』収録)がおもしろかった記憶があります

17:22

http://www.jsgoal.jp/special/2012j2/diary/article/00147405.html?type=1&year=2012&month=11&day=28

「ヴァンフォーレ甲府はお金がないクラブだから、1人でも多くのお客さんに来てもらわないと成り立たないし、成長できない。『NHKのど自慢』はサッカーに興味がない人が大勢観ている番組だと思うんです。だからこそこの番組にヴァンくんやフォーレちゃんと一緒に出て歌って、『楽しそうなクラブだなぁ』って感じてもらって、『興味がなかったけれど来年は一度ヴァンフォーレの試合を観に行ってみるか」って思ってほしいんです。遊びみたいに思われるかもしれないですけど、本気なんです。こうでもやらないと新しいファンを獲得できないと思うんです」

熱い熱い。もしチームが勝てない時期が来ても、ヴァンくんとフォーレちゃんの魅力を借りてでも山梨中銀スタジアムを満員にすることを目指しているくらいの人なのだ。

フロントの人たちのこの想いがあるから甲府はまだまだ前進できるはずだ。

2012年11月27日(火)

11:47

http://d.hatena.ne.jp/./frecce/20120502/1335926172

これはボカの話になるが、彼らは常に、徹頭徹尾、世界中どこのスタジアムでも、ゴールが決まっても決められても空気も流れも読まない。ずーっっっっっっっっっっっとコーヒールンバ歌ってる。

「俺たちはここにいる。いつでも歌ってやる」そういうスタイルがあるということだ。

13:27

すごい配線だな。回路追えるのかな。これ。抵抗もデカイ。

18:43

https://twitter.com/pha/status/273359134219452416

インターネットの中ではてなグループの取り残された感が一番落ち着く

10:05

はてなグループ、本当にインターネットの片隅に取り残されたような安心感がある。

|
クリエイティブ・コモンズ・ライセンス
このサイトは クリエイティブ・コモンズ 表示 - 継承 3.0 非移植 ライセンスの下に提供されています。