Permalink
Browse files

Initial commit!

  • Loading branch information...
0 parents commit 71374df83506e8403011df2fd714f164dea31a57 @tbaba committed Mar 18, 2013
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="ja">
+ <head>
+ <title>tbaba.github.com</title>
+ <meta charset="utf-8">
+ <script type="text/javascript" src="./javascripts/jquery.min.js"></script>
+ <script type="text/javascript" src="./javascripts/application.js"></script>
+ <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="./stylesheets/application.css"/>
+ </head>
+
+ <body>
+ <header>
+ <div class="author">
+ <h1><a href="/index.html">tbaba</a></h1>
+ <img src="http://2.gravatar.com/avatar/f607656a5e9aa160e430314a941b12d3?s=120" alt="tbaba"/>
+ </div>
+ <ul class="navigation">
+ <li>About</li>
+ <li><a href="./posts/2013-03-11.html">Posts</a></li>
+ <li>Facebook</li>
+ <li>Twitter</li>
+ </ul>
+ </header>
+ <div id="content">
+ <article>
+ <header>
+ <h2>Lorem ipsum dolor sit amet</h2>
+ </header>
+ <section>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo nisl ut justo commodo vestibulum. Aenean interdum dictum justo, id tempus massa consectetur vitae. Duis mattis tempor aliquam. Phasellus gravida rhoncus vestibulum. Morbi eu lectus nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sollicitudin gravida eros quis vestibulum. Suspendisse vel diam tortor. Aliquam ornare pulvinar est quis ultricies. Cras laoreet purus sed quam vulputate id blandit lectus condimentum. Quisque hendrerit gravida nunc et condimentum. Sed interdum, magna sit amet interdum adipiscing, ligula sem egestas lectus, in euismod orci risus vitae arcu. Duis tortor nisi, varius ac vestibulum et, feugiat et turpis.
+ </p>
+ <p>
+ Fusce sed nisi a dui interdum malesuada. Aenean risus nisl, pulvinar vitae rhoncus vel, accumsan sed libero. Morbi lacinia pharetra tempus. In hac habitasse platea dictumst. Praesent odio eros, aliquet vitae tincidunt dictum, ultricies et lorem. Donec eget magna metus, ac tristique ipsum. Mauris sed laoreet nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean condimentum vehicula erat nec imperdiet.
+ </p>
+ <p>
+ Etiam quis velit enim, et tincidunt urna. Morbi eleifend viverra ante ac porta. Aenean nunc risus, luctus vel sollicitudin vel, interdum sed ligula. Donec consectetur turpis quis felis faucibus dignissim. Nunc sagittis, massa nec vestibulum sollicitudin, ligula tortor vestibulum nisl, ultricies condimentum quam felis viverra tortor. Nulla eget est neque, sit amet iaculis justo. Ut sit amet est felis. Phasellus mauris nisi, eleifend nec hendrerit ac, ornare ut est. Sed et lorem orci, et sollicitudin nisl. Fusce et nulla sit amet velit sollicitudin interdum vitae ut augue. Aenean lobortis nulla in diam dapibus in malesuada magna ullamcorper. Proin quam turpis, mattis et condimentum vel, ultricies a sem.
+ </p>
+ </p>
+ <p>
+ Proin porta, lorem sit amet dignissim cursus, arcu velit scelerisque neque, at sagittis tellus dui ut libero. Cras eu odio sapien, vel scelerisque dui. Fusce at gravida neque. Etiam ut libero ut justo lacinia aliquam. Donec eget purus mi. Vivamus rutrum luctus est, vel tincidunt lacus aliquet eu. Donec libero arcu, porttitor egestas laoreet a, lobortis id lorem. Aliquam nec massa nunc, vitae accumsan nisl. Nam dui metus, fringilla ut aliquet vitae, tempor nec magna. Etiam venenatis, lacus sit amet volutpat laoreet, tortor ipsum dapibus quam, eget tempus leo dui a urna. Morbi faucibus semper orci. Sed volutpat neque vitae diam laoreet dictum. In eu facilisis est.
+ </p>
+ <p>
+ Duis pellentesque facilisis ligula, sed ultricies urna semper at. Praesent a metus vitae dolor blandit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer a metus quis purus vestibulum vestibulum eget pulvinar turpis. Nullam cursus viverra ipsum ac fringilla. Maecenas id felis sit amet odio porttitor molestie ac in augue. Vivamus in vulputate dui. Suspendisse erat ipsum, sodales eget auctor in, tristique sit amet turpis. Integer ultricies sapien vitae felis volutpat cursus. Donec luctus, sem ac viverra mollis, lorem sapien commodo dolor, ac rhoncus urna diam nec erat. Phasellus turpis nunc, placerat vel sollicitudin id, interdum ac eros. Morbi auctor nisi vestibulum sem pharetra ut condimentum mauris hendrerit. Phasellus nec est nibh, quis mattis lorem. Integer sit amet venenatis urna. Duis vitae nulla massa, eu pharetra metus. Donec aliquet ante nec nulla convallis egestas.
+ </p>
+ </section>
+ <aside>
+ <time datetime="2013-03-13">
+ 2013/03/13
+ </time>
+ </aside>
+ </article>
+ </div>
+ </body>
+</html>
No changes.
Oops, something went wrong.
@@ -0,0 +1,4 @@
+<article id="post-2013-03-11">
+ <h2>てすとてすと</h2>
+ <p>これはテストッス。</p>
+</article>
@@ -0,0 +1,79 @@
+html, head, body, h1, h2, h3, h4, h5, h6,
+img, header, footer, section, div, p, span,
+ul, ol, li, dl, dt, dd {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+ul, ol, li {
+ list-style: none;
+}
+
+a {
+ color: white;
+}
+
+body > header,
+body > div#content,
+body > footer {
+ margin: 30px auto 0;
+ padding: 10px;
+ width: 900px;
+}
+
+h1 {
+ font-family: 'Libre Baskerville', serif;
+}
+
+p {
+ margin: 20px 0;
+ line-height: 1.6;
+}
+
+body {
+ background-image: url('../images/black_twill_@2X.png');
+ color: white;
+}
+
+body > header {
+ background-color: rgba(255, 255, 255, .6);
+ overflow: hidden;
+
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, .7);
+}
+
+body > header:after {
+ content: "";
+ height: 1px;
+ overflow: hidden;
+}
+
+body > div#content {
+ background-color: rgba(255, 255, 255, .3);
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, .7);
+
+ margin-bottom: 30px;
+}
+
+div.author {
+ float: left;
+}
+
+ul.navigation {
+ float: right;
+}
+
+ul.navigation li {
+ text-align: right;
+}
+
+article > aside {
+ text-align: right;
+}
@@ -0,0 +1,40 @@
+html, head, body, h1, h2, h3, h4, h5, h6,
+img, header, footer, section, div, p, span,
+ul, ol, li, dl, dt, dd {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+#left-col {
+ margin: 30px;
+ padding: 10px;
+ width: 180px;
+ height: 400px;
+ position: fixed;
+ background: #eee;
+ box-shadow: 0 0 6px #666;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+
+ text-align: center;
+}
+
+#left-col img {
+ width: 100px;
+ height: 100px;
+ border-radius: 50px;
+ -moz-border-radius: 50px;
+ -webkit-border-radius: 50px;
+}
+
+#left-col ul {
+ list-style: none;
+ text-align: left;
+ margin: 20px;
+}
+
+#left-col ul li {
+ margin: 10px 0;
+}

0 comments on commit 71374df

Please sign in to comment.