MobileBlur

Check-in [daef6c0f88]
Login
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
561
562
563
564
565

#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;
}
footer > a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}







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












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
575
576
577
578
579

#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;
}
footer > a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

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>