Skip to content

Instantly share code, notes, and snippets.

@technohippy
Created September 17, 2010 17:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save technohippy/584568 to your computer and use it in GitHub Desktop.
Save technohippy/584568 to your computer and use it in GitHub Desktop.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8;">
<style>
div {
font-weight:bold;
line-height:1.0;
float:left;
position:absolute;
-webkit-transform-origin:0 0;}
</style>
</head>
<body>
<div style="-webkit-transform:scale(2.75,2); top:0.0; left:0;">これはあなたの</div>
<div style="-webkit-transform:scale(4,4.6); top:0.0; left:300px;">人生だ。</div> <div style="-webkit-transform:scale(2.3,1); top:2.2em; left:0;">好きなことをやれ、</div>
<div style="-webkit-transform:scale(3.3,1.5); top:3.4em; left:0;">好きなだけ。</div>
<div style="-webkit-transform:scale(1.97,1.3); top:5.1em; left:0;">何か嫌いなことがあるなら、変えろ。</div>
<div style="-webkit-transform:scale(2.84,1.8); top:6.6em; left:0;">仕事が嫌いなら、辞めろ。</div>
<div style="-webkit-transform:scale(1.85,1); top:8.5em; left:0;">時間が足りなければ、テレビを観るな。</div>
<div style="-webkit-transform:scale(1.38,1); top:9.7em; left:0;">人生かけて愛する人を見つけたければ、立ち止まれ、</div>
<div style="-webkit-transform:scale(2.17,1.8); top:10.9em; left:0;">あなたが好きなことを始めようと</div>
<div style="-webkit-transform:scale(1.75,1.3); top:12.8em; left:0;">しているときも彼らは待っていてくれる。</div>
<div style="-webkit-transform:scale(3,1.5); top:14.3em; left:0;">考えすぎるな、</div>
<div style="-webkit-transform:scale(3,2.3); top:15.9em; left:0;">人生は単純だ。</div>
<div style="-webkit-transform:scale(1.2,0.8); top:14.3em; left:315px;">あらゆる感情は美しい。</div>
<div style="-webkit-transform:scale(0.87,1.1); top:15.4em; left:315px;">食べるときは、しっかり味わえ、</div>
<div style="-webkit-transform:scale(1.95,1.3); top:16.7em; left:315px;">一噛みごとに。</div>
<div style="-webkit-transform:scale(1.62,1); top:18.3em; left:0;">心を、両手を、感情を開け、初めての物事と</div>
<div style="-webkit-transform:scale(1.44,1); top:19.5em; left:0;">人々に、私たちはその違いによって一つになれる。</div>
<div style="-webkit-transform:scale(1.97,1); top:20.7em; left:0;">隣にいる人が情熱を注ぐものを尋ね、</div>
<div style="-webkit-transform:scale(2.1,1); top:21.9em; left:0;">そして閃いた夢を彼らと共有しろ。</div>
<div style="-webkit-transform:scale(2,3); top:23.0em; left:0;">旅をしろ、何度でも。</div>
<div style="-webkit-transform:scale(2.15,1.9); top:23.1em; left:310px;">道に迷うたび</div>
<div style="-webkit-transform:scale(0.96,1.0); top:25.1em; left:310px;">新しい自分が見つかるだろう。</div>
<div style="-webkit-transform:scale(1.51,1); top:26.3em; left:0;">一度きりしか来ないチャンスもある、必ず掴め。</div>
<div style="-webkit-transform:scale(1.97,1.1); top:27.5em; left:0;">およそ人生とは、あなたが会った人、</div>
<div style="-webkit-transform:scale(1.85,1.2); top:28.8em; left:0;">そして彼らと作り上げたもののことだ。</div>
<div style="-webkit-transform:scale(1.85,1.3); top:30.2em; left:0;">だから外に出て、何かを作り始めよう。</div>
<div style="-webkit-transform:scale(4.5,4); top:31.7em; left:0;">人生は</div>
<div style="-webkit-transform:scale(5.2,4); top:36.2em; left:0;">短い。</div>
<div style="-webkit-transform:scale(4.25,2); top:31.8em; left:220px;">夢に生き、</div>
<div style="-webkit-transform:scale(3.13,3.5); top:33.8em; left:220px;">いつも情熱を</div>
<div style="-webkit-transform:scale(4.2,2.5); top:37.2em; left:220px;">忘れるな。</div>
<div style="top:41.0em; left:157px;" onclick="window.location='http://shop.holstee.com/pages/manifesto'">http://shop.holstee.com/pages/manifesto</div>
<!--
<div style="border:1px solid gray; position:absolute; height:800px; left:515px;"></div>
-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment