MobileBlur

Check-in [7ff27f901d]
Login
Overview
SHA1:7ff27f901d4929cba906a393246d057749263737
Date: 2011-12-02 03:31:07
User: spiffy
Comment:Made feed and story list divs clickable instead of just their text
Timelines: family | ancestors | descendants | both | trunk
Downloads: Tarball | ZIP archive
Other Links: files | file ages | folders | manifest
Tags And Properties
Context
2011-12-03
12:54
[bddb3e05ed] Leaf: Minor changes to the layout (user: spiffy, tags: trunk, v0.5)
2011-12-02
03:31
[7ff27f901d] Made feed and story list divs clickable instead of just their text (user: spiffy, tags: trunk)
2011-11-30
04:12
[517f4aa073] Made the app substantially prettier (user: spiffy, tags: trunk)
Changes
Hide Diffs Side-by-Side Diffs Ignore Whitespace Patch

Modified applications/mobileblur/static/css/base.css from [c4d6d0ed8b] to [535095eebd].

   515    515     h2, h3{ page-break-after: avoid; }
   516    516   }
   517    517   
   518    518   body {
   519    519   /*    background-color: #f2c84b;*/
   520    520       color: #493F3E
   521    521   }
          522  +
          523  +a, a:hover {
          524  +    text-decoration: none;
          525  +}
   522    526   
   523    527   header {
   524    528       background-color: #95392E;
   525    529       padding: 1%;
   526    530       border-bottom: 1px solid #95392E;
   527    531       color: white;
   528    532   }
................................................................................
   532    536       font-weight: bold;
   533    537   }
   534    538   
   535    539   #story > header > a {
   536    540       color: white;
   537    541   }
   538    542   
   539         -header > a> h2 {
          543  +header h2 {
   540    544   /*    border-top: 1px solid white;*/
   541    545       color: white;
   542    546   }
   543    547   
   544    548   #story-list {
   545    549   /*    background-color: #f2c84b;*/
   546    550   }
   547    551   
   548         -#story-list > .story > a, .feed > a {
   549         -    text-decoration: none;
          552  +#story-list a, .feed {
   550    553       font-weight: bold;
   551    554       margin-top: 0;
   552    555   }
   553         -#story-list > .story > p {
          556  +
          557  +.story-date {
   554    558       font-size: .75em;
          559  +    color: #493F3E;
          560  +    font-weight: normal;
          561  +}
          562  +
          563  +.feed {
          564  +    color: white;
          565  +    text-decoration: none;
   555    566   }
   556    567   
   557         -#story-list > .story > .read {
          568  +.read {
   558    569       color: #D99B48;
   559    570   }
   560         -#story-list > .story > .unread, .feed > a {
          571  +.unread, .feed .feed-title {
   561    572       color: #C57E3C;
   562    573   }
          574  +.ng, .nt, .ps {
          575  +    color: #493F3E;
          576  +}
   563    577   
   564         -#story-list > .story, .feed {
          578  +#story-list .story, .feed {
          579  +    text-decoration: none;
   565    580       padding: .5%;
   566    581       border-top: 1px solid #95392E;
   567    582       margin-top: .33%;
   568    583   }
   569    584   
   570    585   span.ps, span.nt, span.ng {
   571    586       padding: .05em;
................................................................................
   583    598   
   584    599   footer {
   585    600       background-color: #95392E;
   586    601       padding: 1%;
   587    602       border-top: 1px solid #95392E;
   588    603       color: white;
   589    604   }
   590         -footer > a {
          605  +footer a {
   591    606       text-decoration: none;
   592    607       color: white;
   593    608       font-weight: bold;
   594    609   }

Modified applications/mobileblur/views/default/index.html from [de8ac0789f] to [2d4e4818bd].

     1      1   {{extend 'layout.html'}}
     2      2   
     3      3   {{ for feed in feeds.itervalues(): }}
     4         -    <div class="feed">
     5         -        {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
     6         -        {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
     7         -        {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
     8         -        <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
     9         -    </div>
            4  +    <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">
            5  +        <div class="feed">
            6  +            {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
            7  +            {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
            8  +            {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
            9  +            <span class="feed-title">{{= feed["feed_title"] }}</span>
           10  +        </div>
           11  +    </a>
    10     12   {{ pass }}

Modified applications/mobileblur/views/feeds/view.html from [6526673ca3] to [a70d7ea9da].

     2      2   
     3      3   {{ block header_bonus }}
     4      4       <h2>{{= feed["feed_title"] }}</h2>
     5      5       <a href="{{= URL("mark_read", args=[feed["id"]]) }}" class="button">Mark feed as read</a>
     6      6   {{ end }}
     7      7   
     8      8   <section id="story-list">
     9         -{{
    10         -import time 
    11         -s = time.time()
    12         -}}
    13      9       {{ 
    14     10           for story in stories: 
    15     11           if sum([v for k,v in story["intelligence"].iteritems()]) < threshold:
    16     12               continue
    17     13       }}
    18     14   
    19         -        {{ print story["read_status"] }}
    20         -        <div class="story">
    21         -            <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 0 else "read" }}">
    22         -                {{= story["story_title"] }}
    23         -            </a>
    24         -            <p>{{= story["story_date"] }}</p>
    25         -        </div>
           15  +        <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" }}">
           16  +            <div class="story">
           17  +                <p class="story-title {{= "unread" if story["read_status"] == 0 else "read" }}">{{= story["story_title"] }}</p>
           18  +                <p class="story-date">{{= story["story_date"] }}</p>
           19  +            </div>
           20  +        </a>
    26     21       {{ pass }}
    27         -{{ print time.time() - s }}
    28     22   </section>