MobileBlur

Check-in [daef6c0f88]
Login

Check-in [daef6c0f88]

Overview
Comment:Added colors to the intelligencs scores in the feed list
Timelines: family | ancestors | descendants | both | feature/pretty
Files: files | file ages | folders
SHA1: daef6c0f8810ecabada451d831b222c4d99f84da
User & Date: spiffy on 2011-11-22 06:01:25
Other Links: branch diff | manifest | tags
Context
2011-11-22
13:01
Set the minimum page scale factor to make it big enough on my tablet check-in: b6f01ceab0 user: spiffy tags: feature/pretty
06:01
Added colors to the intelligencs scores in the feed list check-in: daef6c0f88 user: spiffy tags: feature/pretty
05:47
Story list page is styled much more nicely check-in: c5a2ec2308 user: spiffy tags: better-story-list, feature/pretty
Changes

Modified applications/mobileblur/static/css/base.css from [20785921ab] to [bc70561535].

547
548
549
550
551
552
553














554
555
556
557
558
559
560

#story-list > .story {
    padding: .5%;
    padding-top: 0;
    border-top: 1px solid black;
    margin-top: .33%;
}















footer {
    background-color: #cc0000;
    padding: 1%;
    border-top: 1px solid black;
    color: white;
}







>
>
>
>
>
>
>
>
>
>
>
>
>
>







547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574

#story-list > .story {
    padding: .5%;
    padding-top: 0;
    border-top: 1px solid black;
    margin-top: .33%;
}

span.ps, span.nt, span.ng {
    padding: .05em;
    border-radius: 5px;
}
span.ps {
    background-color: #35C030;
}
span.nt {
    background-color: yellow;
}
span.ng {
    background-color: red;
}

footer {
    background-color: #cc0000;
    padding: 1%;
    border-top: 1px solid black;
    color: white;
}

Modified applications/mobileblur/views/default/index.html from [cb0da83eed] to [db0910ac52].

1
2
3
4
5
6
7
8
{{extend 'layout.html'}}

{{ for feed in feeds.itervalues(): }}
    {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>[ {{= feed["ng"] }} ]</span> {{ pass }}
    {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>[ {{= feed["nt"] }} ]</span> {{ pass }}
    {{if feed["ps"] > 0: }}<span class='ps'>[ {{= feed["ps"] }} ]</span> {{ pass }}
    <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
{{ pass }}



|
|
|


1
2
3
4
5
6
7
8
{{extend 'layout.html'}}

{{ for feed in feeds.itervalues(): }}
    {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
    {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
    {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
    <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
{{ pass }}

Modified applications/mobileblur/views/stories/view.html from [63977d234b] to [4cba406852].

1
2


3
4
5

6
7
8
9
10

{{extend 'layout.html'}}



<a href="{{= story["story_permalink"] }}">
    <h2>{{= story["story_title"] }}</h2>
</a>

<a href="{{= URL("mark_read", vars=dict(story_id=story["id"], feed_id=feed_id)) }}" class="button">
    Mark story as read
</a>

{{= XML(story["story_content"]) }}



>
>
|
|
|
>
|
|
|

|
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{{extend 'layout.html'}}

<section id="story">
    <header>
        <a href="{{= story["story_permalink"] }}">
            {{= story["story_title"] }}
        </a>
    </header>
    <a href="{{= URL("mark_read", vars=dict(story_id=story["id"], feed_id=feed_id)) }}" class="button">
        Mark story as read
    </a>

    {{= XML(story["story_content"]) }}
</section>