Merge branch 'gh-pages' of github.com:shisobu/shisobu.in into gh-pages

shisobu · Jun 30, 2012 · 760f31b · 760f31b
2 parents 8c11b21 + 962183a
commit 760f31b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -5,14 +5,15 @@
         <meta name="viewport" content="width=device-width">
         <title>紫蘇部</title>
         <link rel="stylesheet" href="static/stylesheets/application.css">
+        <link rel="shortcut icon" href="/favicon.ico">
     </head>
 
     <body>
         <div id="main">
-            <h1><img src="static/images/shisobu.png" alt="紫蘇部" width="100"></h1>
+            <h1><img id="logo" src="static/images/shisobu.png" alt="紫蘇部" width="100"></h1>
             <p>多くのインターネット中毒者は、インターネットがやめられないことを自分の意志の弱さだと考え、悩んでいます。また社会的にもインターネット中毒は個人の精神力の問題に帰結すると考えられがちです。しかしインターネット中毒というのは決して「意志」や「精神力」だけの問題ではなく、心の病の一種なのです。治療のためには適切な知識と周囲の人間の理解が必要であること、また（病状によっては）適度な投薬が必要な「病理」であることを正しく理解しなければ、この病気の治療は始まりません。</p>
             <p>紫蘇部とは、そうした重度のインターネット中毒患者が社会復帰を目指すために自主的に集い互いに助け合うことを目的とした、非営利の互助組織です。これは AA （アルコホーリクス・アノニマス）をヒントに作られました。そうです、アルコール依存症と同様に、インターネット中毒もまた、独りで立ち向かうには困難な病気なのです。</p>
-            <p>1日中 Twitter や Skype から離れられない。ホッテントリに入るためにはなんだってする。 Tumbler を眺めていたら48時間経っていた。――われわれは、インターネット中毒という病と必ず決別し、社会復帰へと続く道を真摯に模索していきます。たった独りでは見つけられないものも、多くの仲間と共に活動することで、必ずや見つけ出すことができると信じ、ここに紫蘇部を旗揚げいたします。</p>
+            <p>1日中 Twitter や Skype から離れられない。ホッテントリに入るためにはなんだってする。 Tumblr を眺めていたら48時間経っていた。――われわれは、インターネット中毒という病と必ず決別し、社会復帰へと続く道を真摯に模索していきます。たった独りでは見つけられないものも、多くの仲間と共に活動することで、必ずや見つけ出すことができると信じ、ここに紫蘇部を旗揚げいたします。</p>
         </div>
     </body>
 </html>
diff --git a/static/stylesheets/application.css b/static/stylesheets/application.css
@@ -22,3 +22,13 @@ body {
     margin: 0;
     text-align: center;
 }
+#logo {
+    -webkit-animation-name: logo-rotate;
+    -webkit-animation-iteration-count: 5;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-duration: 8s;
+}
+@-webkit-keyframes logo-rotate {
+    0% {-webkit-transform: rotateY(0) scale(1)}
+    100% {-webkit-transform: rotateY(360deg) scale(1)}
+}