-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (120 loc) · 8.17 KB
/
index.html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>colw</title>
<link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<style>
h1 {font-family: 'Special Elite', Serif;}
.header a, .header a:visited { color: black; text-decoration: none }
.link.github {font-size: 36px; margin-top: 20px; margin-bottom: 10px; display: block; line-height: 1.1;}
img {display: block; margin: 0 auto; max-width: 100%; padding: 2em 0 2em 0;}
.postheadlink {color: #073A66;}
.post {margin: 5em 0 5em 0;}
.postdate {font-size: small; color: gray; margin-bottom: 2em;}
#copyright {text-align: center;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3 hidden-sm hidden-xs"></div>
<div class="col-md-6">
<div class="row header">
<div class="col-xs-10"><a href="/"><h1>colw</h1></a></div>
<div class="col-xs-2"><a class="link github" href="https://github.com/colw"><i class="fa fa-github"></i></a></div>
</div>
<div id="posts">
<div class="post">
<a href="posts/2015/3/9/isstestcalendarapp.html" class="postheadlink"><h2 class="postheading">ISS Test Calendar App</h2></a>
<div class="postdate">Monday, 9 March 2015</div>
<div class="postcontent"><p>I've deployed a test app for downloading <a href="http://spotthestation.nasa.gov">NASA's Spot The Station sightings</a> as an ICS
calendar.</p>
<p>There's no fancy front end yet, just a URL Scheme that follows:</p>
<p><code>/place/Country/Region/City</code> or <code>/place/Country/City</code></p>
<p>e.g.</p>
<ul>
<li><a href="http://spotthestationcal.herokuapp.com/calendar/Australia/New_South_Wales/Sydney">Sightings for Sydney, Australia (iCal)</a></li>
<li><a href="http://spotthestationcal.herokuapp.com/timetable/Germany/None/Berlin">Sightings for Berlin, Germany (JSON)</a></li>
</ul>
<p>Sometimes a region is needed, other times not. For now, just use the <a href="http://spotthestation.nasa.gov">NASA App</a> to find
the correct name hierarchy for your city.</p>
<p><em>Note: I threw this together quickly. It works, and well enough to share, but it's still at a very early stage.</em></p></div>
</div>
<div class="post">
<a href="posts/2015/2/27/thewellreadruminant.html" class="postheadlink"><h2 class="postheading">The Well Read Ruminant</h2></a>
<div class="postdate">Friday, 27 February 2015</div>
<div class="postcontent"><p>The Ruminant does the work for you, sending you news from a selection of sources around the world. You don't have to do
anything.</p>
<p><a href="http://www.wellreadruminant.com"><img src="/images/Guernsey_cow.png" alt="A black and white cow" title="A well read Ruminant" /></a></p>
<p>It's very easy to search or filter by typing in the box. It's instant actually, and if you want to keep it, just hit
enter and the term will be added to a tag list. You can stack filter tags on top of each other.</p>
<p>As an extra, place a dash (-) at the beginning of the term and you can choose what <em>not</em> to see.</p>
<p>Click any filter tags to remove them and it's like they were never there. Magic.</p>
<p>I personally find myself using it with a few tabs open, each one with a different set of filters. Other times, I just
filter as I go.</p>
<p>This is a work in progress. I'm still experiementing with the feed selection and trying to strike a balance. How much
is too much, or how little is not enough.</p>
<p>Feedback is most welcome!</p>
<p><a href="http://www.wellreadruminant.com">The Well Read Ruminant</a></p>
<p>(hint: click the cow)</p></div>
</div>
<div class="post">
<a href="posts/2015/2/24/newsasitspublished.html" class="postheadlink"><h2 class="postheading">News, As It's Published</h2></a>
<div class="postdate">Tuesday, 24 February 2015</div>
<div class="postcontent"><p>A simple news feed aggregator I've been working on. I'm still polishing up the interface but it's quite useable, at least locally.</p>
<p>Set your own RSS feeds in the config file, load it up and wait for something interesting to come in. Once running you can filter the
feed using the input on the right, creating tags as you go.</p>
<p><img src="/images/newscow.png" alt="A screenshot of a new feed aggregator" title="News Feed Aggregator" /></p>
<p>Technically, it's a Node.js backend that will periodically refresh from an array of urls in a json file. These are then
rendered in the client using Facebook's <a href="http://facebook.github.io/react/">React</a> framework.</p>
<p>All communication happens via <a href="http://socket.io">Socket.io</a>, and for a bit of fun the number of other readers is broadcast.</p>
<p>See the <a href="https://github.com/colw/nxws/">code</a> and try it for yourself.</p></div>
</div>
<div class="post">
<a href="posts/2015/2/15/sunsetsummertasteatmauerpark.html" class="postheadlink"><h2 class="postheading">Sunset, Summer Taste at Mauerpark</h2></a>
<div class="postdate">Sunday, 15 February 2015</div>
<div class="postcontent"><p><img src="/images/mauerpark.jpg" alt="View from the top of the hill as the sun sets over Mauerpark in Berlin" title="Sunset at Mauerpark, Berlin" /></p></div>
</div>
<div class="post">
<a href="posts/2015/2/13/pagemaking.html" class="postheadlink"><h2 class="postheading">Page Making</h2></a>
<div class="postdate">Friday, 13 February 2015</div>
<div class="postcontent"><p>All programmers are tempted to roll their own writing platform at some point. This website is my turn.</p>
<p>In terms of sophistication, it sits somewhere between WordPress and a pencil. The app will read Markdown files from a folder called 'posts',
and then spit out an index page. Posts are ordered by date. No special syntax, it simply uses <code>util.format()</code> for placement in a template file.</p>
<p>Give me a little while and I'll see the light and switch over to <a href="http://jekyllrb.com">Jekyll</a> or some such. But until then I'll have some fun.</p>
<p>I'm happy with that, and I'll add to it as I see fit.</p>
<p><a href="https://github.com/colw/colw.github.io/">See the repository for more details</a>.</p></div>
</div>
<div class="post">
<a href="posts/2015/2/12/spotthestationtools.html" class="postheadlink"><h2 class="postheading">Spot the Station Tools</h2></a>
<div class="postdate">Thursday, 12 February 2015</div>
<div class="postcontent"><p>NASA has built a <a href="http://spotthestation.nasa.gov">great website</a> to see a listing of
<a href="http://en.wikipedia.org/wiki/International_Space_Station">ISS</a> sightings by city. It comes in tabular form with an accessible RSS feed. For
example, here is the listing for <a href="http://spotthestation.nasa.gov/sightings/view.cfm?country=Germany®ion=None&city=Berlin">Berlin, Germany</a>.</p>
<p>Useful, but what I needed was a calender instantly accessible from my phone.</p>
<p>You can use the two below projects to create such an .ics file and host it somewhere, such as your public <a href="http://www.dropbox.com">Dropbox</a>
folder. Then subscribe to that location using your calendar app.</p>
<ul>
<li><a href="https://github.com/colw/spotthestation-rss-reader">Spot the Station RSS Parsing</a></li>
<li><a href="https://github.com/colw/spotthestation-ics-creator">Spot the Station Calendar Creation</a></li>
</ul>
<p>I personally use Apple's Calendar apps on Mac OS X and iOS to test this. Google Calendar doesn't complain though. Your mileage may vary.</p>
<p>It's only 'developer friendly' right now, and a work in progress. It wouldn't take much work to create a user friendly front end.</p></div>
</div>
</div>
<div id="copyright">
Copyright © <a href="mailto:colw@outlook.com">colw</a>
</div>
</div>
<div class="col-md-3 hidden-sm hidden-xs"></div>
</div>
</div>
</body>