charliepark.github.com/brightnow.html at master · lony25/charliepark.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Right now:</title>
    <style type="text/css" media="screen">
      /* Miso via http://www.fontsquirrel.com */
      @font-face{font-family:'MisoBold';src: url('rightnow/miso-bold-webfont.eot?') format('eot'), url('rightnow/miso-bold-webfont.woff') format('woff'), url('rightnow/miso-bold-webfont.ttf') format('truetype'), url('rightnow/miso-bold-webfont.svg#webfontmLKaPHHF') format('svg');font-style:normal;font-weight:bold}
      pre a{color:#369;text-decoration:none}
      body,pre,textarea{font-family:'miso','MisoBold','arial rounded mt bold','helvetica neue',sans-serif;font-weight:bold}
      body{height:100%;margin:0;padding:0 0 0 10px}
      h1{background:#f0f0f0;box-shadow:0 2px 4px #000;color:#5c5c5c;margin:0;position:absolute;bottom:0;left:0;right:0;padding:10px}
      html{height:100%;margin:0;padding:0}
      pre{background:#f0f0f0;display:none;border-radius:10px;box-shadow:0 2px 4px #000;font-size:22px;font-weight:bold;position:absolute;bottom:60px;left:50%;overflow:auto;margin:0 0 0 -250px;padding:15px 20px 20px;width:460px}
      span{color:#369;cursor:pointer}
      span#hide{color:#bbb}
      textarea{border:0;color:#1c1c1c;font-size:80px;height:100%;letter-spacing:-1px;line-height:88px;margin:0;padding:0;width:100%}
    </style>
  </head>
  <body>
    <textarea id="rightnow">Right now: </textarea>
    <h1 id="description">Right Now is a tool for simple, temporary, notetaking.
      <span id="show">More info.</span>
      <span id="hide">(hide)</span>
    </h1>
    <pre id="more">** Right now is a tool that reminds you of
     what you&rsquo;re supposed to be working on *right now*.
  It was made by <a href="http://charliepark.org/" target="_blank">Charlie Park</a>.

Jot down what you need to work on right now, and when
  you inevitably get distracted and forget what
  you&rsquo;re supposed to be working on &hellip;
  1. come back to your Right Now tab
  2. say &ldquo;oh, right!&rdquo;
  3. and get back to work

Features:
  • There is no formatting.
  • Your notes will not be saved.
  • Your browser tab updates dynamically, to show
    the contents of your page.

It&rsquo;s dumb, but it works.
</pre>
    <script type="text/javascript">
      function hide(id){document.getElementById(id).style.display='none';}
      function hideStuff(){if(document.getElementById('more').style.display==='block'){hide('more');}else{hide('description');}}
      function showDescription(){document.getElementById('more').style.display='block';}
      function updateTitle(){var d=document;var t='Right now: ';var v=document.getElementById('rightnow').value;if(v===t){d.title=v;}else{d.title=v.replace(t,'');}}
      window.onload=document.getElementById('rightnow').focus();
      document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('show').addEventListener('click', showDescription, false);
        document.getElementById('hide').addEventListener('click', hideStuff, false);
        document.getElementById('rightnow').addEventListener('keyup', updateTitle, false);
        document.getElementById('rightnow').addEventListener('click', function(){hide('more');}, false);
      }, false);
		</script>
		<script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-15921981-3']);
		  _gaq.push(['_trackPageview']);
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>
  </body>
</html>