-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding files for making things public
- Loading branch information
1 parent
628dd39
commit 9e484bf
Showing
3 changed files
with
255 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,158 @@ | ||
| /** | ||
| * ////////////// | ||
| * Master styling | ||
| * ////////////// | ||
| */ | ||
| body { | ||
| color: #424242; | ||
| } | ||
|
|
||
| @media (min-width: 768px) { | ||
| .container { | ||
| } | ||
| } | ||
| /** | ||
| * ////////////////////////// | ||
| * Font and link declarations | ||
| * ////////////////////////// | ||
| */ | ||
| span.time { | ||
| color: #ADADAD; | ||
| margin-bottom: 5px; | ||
| font-size: 11px; | ||
| } | ||
|
|
||
| h1 { | ||
| font-weight: normal; | ||
| color: #696969; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-weight: normal; | ||
| margin-bottom: 5px; | ||
| color: #666666; | ||
| border-bottom: 1px solid #E6E6E6; | ||
| } | ||
|
|
||
| h3 { | ||
| font-weight: normal; | ||
| margin-bottom: 5px; | ||
| color: #666666; | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| a, a:link, a:active { | ||
| text-decoration: none; | ||
| color: #8C8C8C; | ||
| } | ||
|
|
||
| a:hover { | ||
| color: #B3B3B3; | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| /** | ||
| * ///////////////// | ||
| * Container element | ||
| * ///////////////// | ||
| */ | ||
| div#container { | ||
| width: 700px; | ||
| margin: auto; | ||
| } | ||
|
|
||
| /** | ||
| * ////////////////////////////////// | ||
| * Right aka content column formatting | ||
| * ////////////////////////////////// | ||
| */ | ||
| div.right { | ||
| width: 500px; | ||
| float: left; | ||
| } | ||
|
|
||
| div.content { | ||
| border-top: 1px solid #E6E6E6; | ||
| margin-top: 5px; | ||
| padding-top: 5px; | ||
| } | ||
|
|
||
| div.content pre { | ||
| background: #333333; | ||
| padding: 5px; | ||
| color: #FFF; | ||
| overflow-x: auto; | ||
| font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; | ||
| font-size: 12px; | ||
| } | ||
|
|
||
| div.content .highlight { | ||
| background: #333333; | ||
| } | ||
|
|
||
| footer { | ||
| border-top: 1px solid #E6E6E6; | ||
| width: 100%; | ||
| height: 10px; | ||
| margin-top: 10px; | ||
| padding-top: 10px; | ||
| color: #C2C2C2; | ||
| font-size: 11px; | ||
| bottom: 0; | ||
| padding-bottom: 10px; | ||
| } | ||
|
|
||
| footer div#github { | ||
| text-align: right; | ||
| } | ||
|
|
||
| div.right h1 { | ||
| margin-bottom: -2px; | ||
| } | ||
|
|
||
| div.right ul { | ||
| list-style: none; | ||
| margin-left: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| div.right ul li { | ||
| margin-top: 5px; | ||
| margin-left: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| div.right .post ul { | ||
| list-style: square; | ||
| margin-left: 15px; | ||
| } | ||
|
|
||
| /** | ||
| * /////////////////////////////////// | ||
| * Left column aka nav bar formatting | ||
| * /////////////////////////////////// | ||
| */ | ||
| div.col-sm-3 { | ||
| margin-top: 100px; | ||
| font-size: 11px; | ||
| color: #666; | ||
| } | ||
|
|
||
| div.col-sm-3 strong { | ||
| font-size: 16px; | ||
| color: #4A4A4A; | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| div.col-sm-3 div#about { | ||
| margin-top: 10px; | ||
| color: #8C8C8C; | ||
| } | ||
|
|
||
| div.col-sm-3 img#about { | ||
| -webkit-border-radius: 150px; | ||
| margin-bottom: 10px; | ||
| margin-left: auto; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,89 @@ | ||
| <html> | ||
| <head> | ||
| <script src="handsontable/dist/handsontable.full.js"></script> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> | ||
| <link rel="stylesheet" media="screen" href="public.css"> | ||
| <link rel="stylesheet" media="screen" href="bootstrap.min.css"> | ||
|
|
||
| </head> | ||
| <body > | ||
| <div class="container"> | ||
| <div class="col-sm-8 col-offset-1"> | ||
| <h1>Personal Transparency</h1> | ||
|
|
||
|
|
||
| <p>My life is better the more open I am with information.</p> | ||
|
|
||
| <p>I'm big on information. Knowing more about myself, my habits, and the affects of my actions helps me make better choices.</p> | ||
|
|
||
| <p>Equally, sharing more of myself, my thoughts and plans, wins and losses, leads to other people making better choices about me: would this be of interest? Is now a good time? Is this a good person for that keynote?</p> | ||
|
|
||
| <h2>Stress Charts</h2> | ||
| <p>I keep my todo list online. For everybody: the bigger a todo list gets and the older the tasks are, the more stressed people get. I have some code that charts the size of the list so that I, and everybody else, can get a good look at my stress levels.</p> | ||
|
|
||
| <p>The chart below updates every half an hour to give the current size of my Todo list.</p> | ||
|
|
||
| <p>Since lots of jobs come in both from various automatic calendar reminders, project reviews, and me there is a correlation between the chart and my stress levels. So if you’re looking to rope me into some activity, it may be best to consult the chart.</p> | ||
|
|
||
| <p>Tasks that have been in the inbox for more than a week are the red line, more than three days the purple, and more than 24 hours the green (the blue is the 'current' state and includes all the tasks triggered by calendar actions and emails to reply to). Quite often my motivation for a given day is 'Do all of the purple jobs' or 'stop the green line going over ten'. It's a nice way of making that horrible thing we call work into a game.</p> | ||
|
|
||
| <IMG SRC="http://joereddington.com/stress/priority.png"> | ||
|
|
||
| <h2>Task lists</h2> | ||
| A few years after I made the charts public I made the lists themselves public. This is a live feed of my todo list. For display purposes I've coloured in the tasks using the same indicators as above. | ||
| <table border=0 id="nextActions" border=1 padding=0> | ||
| <tr><td>Context</td><td>Minutes</td><td>Task</td><td>Date Added</td></tr> | ||
| <?php | ||
| date_default_timezone_set("Europe/London"); | ||
| $b = new DateTime; | ||
| $row = 0; | ||
| $handle = fopen("/PATH/TO/nextActions.csv", "r"); | ||
| while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) { | ||
| for ($c=0; $c <= $row; $c++) | ||
| { | ||
| $pri=7-$data[0]; | ||
| $task=$data[3]; | ||
| if (in_array("0",$data)){ | ||
| $task="------------------------------"; | ||
| } | ||
| $email = "/[^@\s]*@[^@\s]*\.[^@\s]*/"; | ||
| $num = "/([0-9][0-9][0-9]* )+[0-9]*/"; | ||
| $url = "/[a-zA-Z]*[:\/\/]*[A-Za-z0-9\-_]+\.+[A-Za-z0-9\.\/%&=\?\-_]+/i"; | ||
| $private = "/\[[^]]*\]/"; | ||
| $replacement = "[removed]"; | ||
| $task=preg_replace($email, $replacement, $task); | ||
| $task=preg_replace($url, $replacement, $task); | ||
| $task=preg_replace($num, $replacement, $task); | ||
| $task=preg_replace($private, $replacement, $task); | ||
|
|
||
| $running_total+=$data[2]; | ||
| $value=$data[5]; | ||
| $hope = date_create_from_format(" Y-m-d (D) - H:i:s",$value); | ||
| $days_old=$hope->diff($b)->days; | ||
| $bgcolor="#98AEFA"; | ||
| if ($days_old>=1){ | ||
| $bgcolor="#A1FA98"; | ||
| } | ||
| if ($days_old>=3){ | ||
| $bgcolor="#FA98DC"; | ||
| } | ||
| if ($days_old>=7){ | ||
| $bgcolor="red"; | ||
| } | ||
| print("<TR bgcolor= \"".$bgcolor."\">"); | ||
| print("<TD>".$data[1]." </td>"); | ||
| print("<TD>".$data[2]." </td>"); | ||
| print("<TD>".$task." </td>"); | ||
| print("<TD>".$data[5]." </td>"); | ||
| print("</TR>"); | ||
| } | ||
|
|
||
| } | ||
| fclose($handle); | ||
|
|
||
| ?> | ||
|
|
||
| </table> | ||
| </div> | ||
| </div> | ||
| </body></html> |