/
index.iphone.haml
55 lines (48 loc) · 2.06 KB
/
index.iphone.haml
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
#home
.toolbar
%h1 Filo
-# %a.button.flip{ :href => "#settings"} Settings
%a.button.leftButton.slideup{ :href => "#new" } +
%div
%ul.unread
= render :partial => "knot", :collection => @knots.unread
%ul.individual
%li
%a.slideup{ :href => "#read"} Archive
%li
%a.slideup{ :href => "#about"} About
%div.info
%p= "Last knot created #{time_ago_in_words(@knots.first.created_at)} ago" if @knots.count > 0
#read
.toolbar
%h1 Archive
%a.button.back{ :href =>"#home"} Back
%div
%ul.read
= render :partial => "knot", :collection => @knots.read
#new
.toolbar
%h1 Add Knot
%a.button.back{ :href => "#home"} Back
%div
= form_for :knot, :url => knots_path do |form|
%ul
%li= form.text_field :url, :placeholder => "url"
%li= form.text_field :title, :placeholder => "title"
%li= form.text_area :summary,:placeholder => "summary text"
%li= form.submit "Add", :class => "submit"
#settings
.toolbar
%h1 Settings
%a.button.cancel{ :href => "#" } Cancel
%div
#about
.toolbar
%h1 About Filo
%a.button.back{ :href =>"#"} Back
%a.button{ :href => "mailto:bru@codewitch.org", :target => "_blank"} Contact
%div
.info
%p Filo is an application that helps you keep track of those pages in the web you want to eventually read. It is strongly inspired and influenced by <a href="http://marco.org" target="_blank">Marco</a>'s <a href="http://instapaper.com" target="_blank">Instapaper</a>, which I recommend if you're looking for a more "mainstream" and supported app.
%p You are now browsing the iPhone version of Filo. This is optimised for small devices and allows you to quickly access your "knots" without hassling you with too many options.
%p Filo has been coded by <a href="http://twitter.com/bru" target="_blank">Bru</a> and is proudly hosted on <a href="http://heroku.com" target="_blank">Heroku</a> and is originally an effort of the <a href="http://bzaar.net" target="_blank">Bzaar</a> collective