Overview
Comment: | Made the site a ton prettier |
---|---|
Timelines: | family | ancestors | descendants | both | develop | v0.3 |
Files: | files | file ages | folders |
SHA1: |
ecb326adfbc32481eea570171fc22cea |
User & Date: | spiffy on 2011-11-22 23:54:14 |
Other Links: | branch diff | manifest | tags |
Context
2011-11-22
| ||
23:56 | Somehow routes.py never got added to the repo check-in: b28babbbb4 user: spiffy tags: develop | |
23:54 | Made the site a ton prettier check-in: ecb326adfb user: spiffy tags: develop, v0.3 | |
23:53 | Moved the 'mark feed read' button back below the feed title Leaf check-in: 3881a5300d user: spiffy tags: feature/pretty | |
23:16 | [9678271609e046a71f06dd091c7ae666716cc670] Added a Google Analytics tracking code check-in: 07a2f861bb user: spiffy tags: develop | |
Changes
Modified applications/mobileblur/controllers/default.py from [667cfb0951] to [cdfea9e32e].
︙ | ︙ | |||
22 23 24 25 26 27 28 29 30 31 32 33 34 35 | try: results = newsblur.login(login_form.vars["username"], login_form.vars["password"]) response.cookies["nb_cookie"] = newsblur.cookies["newsblur_sessionid"] response.cookies["nb_cookie"]["path"] = "/" redirect(URL("index")) except Exception as ex: login_form.insert(-1, ex.message) return dict(login_form=login_form) def logout(): response.cookies["nb_cookie"] = "" response.cookies["nb_cookie"]["expires"] = -10 | > | 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | try: results = newsblur.login(login_form.vars["username"], login_form.vars["password"]) response.cookies["nb_cookie"] = newsblur.cookies["newsblur_sessionid"] response.cookies["nb_cookie"]["path"] = "/" redirect(URL("index")) except Exception as ex: login_form.insert(-1, ex.message) login_form._class = "alert-message block-message error" return dict(login_form=login_form) def logout(): response.cookies["nb_cookie"] = "" response.cookies["nb_cookie"]["expires"] = -10 |
︙ | ︙ |
Modified applications/mobileblur/controllers/feeds.py from [353169fb7a] to [30c965b149].
1 2 3 4 5 | # -*- coding: utf-8 -*- from pprint import pprint def view(): | > > > | > > > > > > > | > > > | > > > > > | 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 | # -*- coding: utf-8 -*- from pprint import pprint import time def view(): print "" s = time.time() feed = newsblur.feed(request.args[0]) stories = feed["stories"] print time.time() - s print feed.keys() if not feed.has_key("feed_title"): s = time.time() feeds = newsblur.feeds(flat=True)["feeds"] print time.time() - s s = time.time() feed = [feed for feed in feeds.itervalues() if feed["id"]==int(request.args[0])][0] print time.time() - s response.title = feed["feed_title"] return dict(stories=stories, feed=feed) def mark_read(): if len(request.args) > 0: newsblur.mark_feed_as_read(request.args[0]) redirect(URL("default", "index")) |
Modified applications/mobileblur/static/css/base.css from [b086dc4442] to [86604445a8].
︙ | ︙ | |||
23 24 25 26 27 28 29 | - always indent the first line and add space below paragraphs - bullets and numbers style and indent - form and table padding - code blocks - left and right padding to quoted text - page layout alignment, width and padding (change this for spaces) - column widths (change this to use left_sidebar and right_sidebar) | | | | 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | - always indent the first line and add space below paragraphs - bullets and numbers style and indent - form and table padding - code blocks - left and right padding to quoted text - page layout alignment, width and padding (change this for spaces) - column widths (change this to use left_sidebar and right_sidebar) - background images and colors (change this for colors) - web2py specific (.flash, .error) Notice: - even if you use a different layout/css you may need classes .flash and .error - this is all color neutral except for #349C01 (header, links, lines) - there are two background images: images/background.png and images/header.png License: This file is released under BSD and MIT */ /* credit is left where credit is due. |
︙ | ︙ | |||
326 327 328 329 330 331 332 | } fieldset { border: 1px solid #dedede; padding: 6px; } legend { font-weight: bold; } input:focus, textarea:focus { background: #fafafa; } | < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < | 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 | } fieldset { border: 1px solid #dedede; padding: 6px; } legend { font-weight: bold; } input:focus, textarea:focus { background: #fafafa; } h1,h2,h3,h4,h5,h6 { line-height: 170%; } h1 {font-size: 2.0em;} h2 {font-size: 1.8em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {font-size: 1.0em;} h6 {font-size: 0.8em;} /*********** web2py specific ***********/ div.flash { font-weight: bold; display: none; position: fixed; padding: 10px; top: 40px; |
︙ | ︙ | |||
551 552 553 554 555 556 557 | thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } | > > > > > > > > > > > > > > > > > > > | > > > > > > > > > > > > | > > > > > | > > > > > > > > > > > > > > > > > > > > > > > | > > > > > | 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 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 580 581 582 | thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } body { } header { background-color: #cc0000; padding: 1%; border-bottom: 1px solid black; color: white; } header > h1 > a { text-decoration: none; color: white; font-weight: bold; } header > h2 { /* border-top: 1px solid white;*/ } #story-list { } #story-list > .story > a, .feed > a { text-decoration: none; font-weight: bold; margin-top: 0; } #story-list > .story > p { font-size: .75em; } #story-list > .story > .read { color: #CC3333; } #story-list > .story > .unread, .feed > a { color: #CC0000; /* color: #A8A8EE;*/ } #story-list > .story, .feed { padding: .5%; 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 [1ac89d52bc] to [de8ac0789f].
|
| < > | | | | > < < < | 1 2 3 4 5 6 7 8 9 10 | {{extend 'layout.html'}} {{ for feed in feeds.itervalues(): }} <div class="feed"> {{ 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 /> </div> {{ pass }} |
Modified applications/mobileblur/views/feeds/view.html from [f19fa72882] to [a3c96a9b2b].
|
| < > | | > > > > > > | > > | > > < < < | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | {{extend 'layout.html'}} {{ block header_bonus }} <h2>{{= feed["feed_title"] }}</h2> <a href="{{= URL("mark_read", args=[feed["id"]]) }}" class="button">Mark feed as read</a> {{ end }} <section id="story-list"> {{ import time s = time.time() }} {{ for story in stories: }} <div class="story"> <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 1 else "read" }}"> {{= story["story_title"] }} </a> <p>{{= story["story_date"] }}</p> </div> {{ pass }} {{ print time.time() - s }} </section> |
Modified applications/mobileblur/views/layout.html from [ded3202121] to [a03560f838].
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html lang="{{=T.accepted_language or 'en'}}" class="no-js"><!-- no-js need it for modernzr --> <head> <meta charset="utf-8" /> <!-- www.phpied.com/conditional-comments-block-downloads/ --> <!--[if IE]><![endif]--> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | | | | 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 | <!DOCTYPE html> <html lang="{{=T.accepted_language or 'en'}}" class="no-js"><!-- no-js need it for modernzr --> <head> <meta charset="utf-8" /> <!-- www.phpied.com/conditional-comments-block-downloads/ --> <!--[if IE]><![endif]--> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>{{ block title }}{{= " - ".join([response.title, request.application]) }}{{ end }}</title> <!-- http://dev.w3.org/html5/markup/meta.name.html --> <meta name="application-name" content="{{=request.application}}" /> <!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters --> <meta name="google-site-verification" content="" /> <!-- Mobile Viewport Fix j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag device-width: Occupy full width of the screen in its current orientation initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width --> <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=2, maximum-scale=5.0"> <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references --> <link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon"> <link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}"> <!-- For the less-enabled mobile browsers like Opera Mini --> <link rel="stylesheet" media="handheld" href="{{=URL('static','css/handheld.css')}}"> |
︙ | ︙ | |||
55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | else: width_content='100%' if left_sidebar_enabled: left_sidebar_style = 'style="display: block;"' else: left_sidebar_style = 'style="display: none;"' if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"' else: right_sidebar_style = 'style="display: none;"' style_content = 'style="width: %s"' % width_content }} </head> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]--> <div class="flash">{{=response.flash or ''}}</div> <!-- notification div --> | > < | < < < < < < < < | < < < < < < < < < | < | < | < < < < < < < | < < | | < < | < < < < < < < < < < < < | < < < < < < < | | < < | 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 | else: width_content='100%' if left_sidebar_enabled: left_sidebar_style = 'style="display: block;"' else: left_sidebar_style = 'style="display: none;"' if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"' else: right_sidebar_style = 'style="display: none;"' style_content = 'style="width: %s"' % width_content }} <!-- <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">--> </head> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]--> <div class="flash">{{=response.flash or ''}}</div> <!-- notification div --> <header> {{block header}} <!-- this is default header --> <h1><a href="{{= URL("mobileblur", "default", "index") }}">MobileBlur</a></h1> {{end}} {{ block header_bonus }}{{end}} </header> <section id="content" {{=XML(style_content)}} > {{include}} </section> <footer> <a href="{{= URL("default", "logout") }}">Log out</a> </footer> <!--[if lt IE 7 ]> <script src="{{=URL('static','js/dd_belatedpng.js')}}"></script> <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script> <![endif]--> <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet |
︙ | ︙ |
Modified applications/mobileblur/views/stories/view.html from [c0c8c655df] to [4cba406852].
|
| < > > | > > > | > > | | < < | 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> |