MobileBlur

Check-in [80b3160c8d]
Login
Overview
SHA1:80b3160c8d690497f505a9f6caa2239003984ed7
Date: 2011-11-29 17:03:41
User: spiffy
Comment:Replaced the lame knockoff of NCSU's colors with the Albany theme from Adobe Kuler
Timelines: family | ancestors | descendants | both | develop
Downloads: Tarball | ZIP archive
Other Links: files | file ages | folders | manifest
Tags And Properties
Context
2011-11-30
02:06
[8df0d5f377] Added viewport content width=300 to make the site a nice size on mobiles (user: spiffy, tags: develop)
2011-11-29
17:03
[80b3160c8d] Replaced the lame knockoff of NCSU's colors with the Albany theme from Adobe Kuler (user: spiffy, tags: develop)
05:23
[fe10ff441d] Fixed story list to omit stories below the intelligence threshold (user: spiffy, tags: develop)
Changes
Hide Diffs Side-by-Side Diffs Ignore Whitespace Patch

Modified applications/mobileblur/static/css/base.css from [86604445a8] to [5499b6372c].

   487    487     
   488    488     
   489    489     /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
   490    490        j.mp/textsizeadjust 
   491    491     html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
   492    492   }
   493    493   
          494  +@media handheld {
          495  +    body {
          496  +    }
          497  +}
          498  +
   494    499   
   495    500   /* 
   496    501    * print styles
   497    502    * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
   498    503    */
   499    504   @media print {
   500    505     * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
................................................................................
   507    512     tr, img { page-break-inside: avoid; }
   508    513     @page { margin: 0.5cm; }
   509    514     p, h2, h3 { orphans: 3; widows: 3; }
   510    515     h2, h3{ page-break-after: avoid; }
   511    516   }
   512    517   
   513    518   body {
          519  +    background-color: #f2c84b;
   514    520   }
   515    521   
   516    522   header {
   517         -    background-color: #cc0000;
          523  +    background-color: #f24405;
   518    524       padding: 1%;
   519         -    border-bottom: 1px solid black;
          525  +    border-bottom: 1px solid #d91604;
   520    526       color: white;
   521    527   }
   522    528   header > h1 > a {
   523    529       text-decoration: none;
   524    530       color: white;
   525    531       font-weight: bold;
   526    532   }
   527    533   
   528    534   header > h2 {
   529    535   /*    border-top: 1px solid white;*/
   530    536   }
   531    537   
   532    538   #story-list {
          539  +    background-color: #f2c84b;
   533    540   }
   534    541   
   535    542   #story-list > .story > a, .feed > a {
   536    543       text-decoration: none;
   537    544       font-weight: bold;
   538    545       margin-top: 0;
   539    546   }
   540    547   #story-list > .story > p {
   541    548       font-size: .75em;
   542    549   }
   543    550   
   544    551   #story-list > .story > .read {
   545         -    color: #CC3333;
          552  +    color: #023859;
   546    553   }
   547    554   #story-list > .story > .unread, .feed > a {
   548         -    color: #CC0000;
   549         -/*    color: #A8A8EE;*/
          555  +    color: #0396a6;
   550    556   }
   551    557   
   552    558   #story-list > .story, .feed {
   553    559       padding: .5%;
   554         -    border-top: 1px solid black;
          560  +    border-top: 1px solid #d91604;
   555    561       margin-top: .33%;
   556    562   }
   557    563   
   558    564   span.ps, span.nt, span.ng {
   559    565       padding: .05em;
   560    566       border-radius: 5px;
   561    567   }
................................................................................
   566    572       background-color: yellow;
   567    573   }
   568    574   span.ng {
   569    575       background-color: red;
   570    576   }
   571    577   
   572    578   footer {
   573         -    background-color: #cc0000;
          579  +    background-color: #f24405;
   574    580       padding: 1%;
   575         -    border-top: 1px solid black;
          581  +    border-top: 1px solid #d91604;
   576    582       color: white;
   577    583   }
   578    584   footer > a {
   579    585       text-decoration: none;
   580    586       color: white;
   581    587       font-weight: bold;
   582    588   }

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

     6      6   {{ end }}
     7      7   
     8      8   <section id="story-list">
     9      9   {{
    10     10   import time 
    11     11   s = time.time()
    12     12   }}
    13         -    {{ for story in stories: 
           13  +    {{ 
           14  +        for story in stories: 
    14     15           if sum([v for k,v in story["intelligence"].iteritems()]) < threshold:
    15     16               continue
    16     17       }}
    17     18   
    18     19           {{ print story["read_status"] }}
    19     20           <div class="story">
    20     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" }}">

Modified applications/mobileblur/views/layout.html from [a03560f838] to [57580026b9].

    21     21       
    22     22       <!--  Mobile Viewport Fix
    23     23   	  j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag 
    24     24   	  device-width: Occupy full width of the screen in its current orientation
    25     25   	  initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
    26     26   	  maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
    27     27         -->
    28         -    <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=2, maximum-scale=5.0">
           28  +    <meta name="viewport">
    29     29       
    30     30       <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
    31     31       <link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon">
    32     32       <link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}">
    33     33   
    34     34       <!-- For the less-enabled mobile browsers like Opera Mini -->
    35     35       <link rel="stylesheet" media="handheld" href="{{=URL('static','css/handheld.css')}}">
................................................................................
    56     56       if left_sidebar_enabled: left_sidebar_style = 'style="display: block;"'
    57     57       else: left_sidebar_style = 'style="display: none;"'
    58     58       if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"'
    59     59       else: right_sidebar_style = 'style="display: none;"'
    60     60       style_content = 'style="width: %s"' % width_content
    61     61       }}
    62     62   <!--    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">-->
           63  +    <link rel="stylesheet" href="{{= URL("static", "css/1140.css") }}">
    63     64     </head>
    64     65     
    65     66     <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->	
    66     67     <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
    67     68     <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
    68     69     <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
    69     70     <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
................................................................................
    74     75   	<header>
    75     76   	  {{block header}} <!-- this is default header -->
    76     77             <h1><a href="{{= URL("mobileblur", "default", "index") }}">MobileBlur</a></h1>
    77     78   	  {{end}}
    78     79         {{ block header_bonus }}{{end}}
    79     80   	</header>
    80     81   	
    81         -    <section id="content" {{=XML(style_content)}} >
           82  +    <section id="content" class-"container" {{=XML(style_content)}} >
    82     83           {{include}}	
    83     84       </section>
    84     85   
    85     86       <footer>
    86     87           <a href="{{= URL("default", "logout") }}">Log out</a>
    87     88       </footer>
    88     89