Permalink
Browse files

1st commit

  • Loading branch information...
0 parents commit 0a4bb43b3c715789e96db895c4c20c2cdc869f2a @katsuma committed Feb 21, 2012
Showing with 119 additions and 0 deletions.
  1. +7 −0 config.ru
  2. +64 −0 public/index.html
  3. +48 −0 public/tonkatsu.css
7 config.ru
@@ -0,0 +1,7 @@
+require 'rubygems'
+require 'sinatra'
+get('/') do
+ open('public/index.html').read
+end
+
+run Sinatra::Application
64 public/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <meta name="keywords" content="tonkatsu, tonta, tonkatsuma, katsuma" />
+ <meta property="og:image" content="http://farm1.static.flickr.com/237/516373832_6110cdf09a.jpg" />
+ <meta property="og:description" content="本当に有益なとんかつ情報サイトです。" />
+ <meta property="og:url" content="http://ton.katsuma.tv" />
+ <meta property="og:title" content="TON.KATSUma.tv" />
+ <link rel="stylesheet" href="./tonkatsu.css">
+ <title>Ton.katsuma.tv</title>
+ </head>
+
+ <body>
+
+ <div id="wrapper">
+
+ <header>
+ <h1>TON.KATSUma.tv</h1>
+ </header>
+
+ <div id="main">
+ <div id="tonkatsu-container">
+ <section id="tonta" class="tonkatsu">
+ <h2>Tonta is best.</h2>
+ <p>
+ <a href="http://www.flickr.com/photos/katsuma/516373832/" title="tonkatsu @ tonta by katsuma, on Flickr"><img src="http://farm1.static.flickr.com/237/516373832_6110cdf09a.jpg" width="500" height="375" alt="tonkatsu @ tonta" /></a>
+ </p>
+ </section>
+
+ <section id="tonki" class="tonkatsu">
+ <h3>Tonki is good.</h3>
+ <p>
+ <a href="http://www.flickr.com/photos/katsuma/6079550/" title="tonki @ meguro by katsuma, on Flickr"><img src="http://farm1.static.flickr.com/3/6079550_1d58a3c185_m.jpg" width="240" height="180" alt="tonki @ meguro" /></a>
+ </p>
+ </section>
+
+ <section id="kimukatsu" class="tonkatsu">
+ <h4>Kimukatsu is bad.</h4>
+ <p>No image</p>
+ </section>
+ </div>
+ </div>
+
+ <div id="side">
+ <div id="fb-root"></div>
+ <script>(function(d, s, id) {
+ var js, fjs = d.getElementsByTagName(s)[0];
+ if (d.getElementById(id)) return;
+ js = d.createElement(s); js.id = id;
+ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=110236365751632";
+ fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));</script>
+
+ <div id="threads">
+ <div class="fb-comments" data-href="http://ton.katsuma.tv" data-num-posts="6" data-width="380"></div>
+ </div>
+
+ <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fton.katsuma.tv&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80&amp;appId=110236365751632" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
+ </div>
+
+ </div>
+ </body>
+</html>
48 public/tonkatsu.css
@@ -0,0 +1,48 @@
+body{
+ text-align:center;
+ font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, clean, sans-serif;
+ line-height: 1.5;
+}
+
+h1, h2, h3, h4 {
+ color: #330000;
+}
+h2, h3, h4 {
+ margin-bottom: 0;
+}
+p {
+ margin: 0 0 1em 0;
+}
+a {
+ color:#663333;
+}
+img {
+ border: 0;
+}
+
+header{
+ width:100%;
+}
+
+
+#wrapper{
+ margin: 0 auto;
+ width:1000px;
+}
+
+
+#tonkatsu-container{
+ width:550px;
+ float: left;
+ text-align:left;
+}
+
+#side {
+ width:380px;
+ float:left;
+ margin:50px 10px 0 0;
+}
+
+.tonkatsu{
+ margin: 0 0 30px;
+}

0 comments on commit 0a4bb43

Please sign in to comment.