MobileBlur

Check-in [8df0d5f377]
Login

Check-in [8df0d5f377]

Overview
Comment:Added viewport content width=300 to make the site a nice size on mobiles
Timelines: family | ancestors | descendants | both | develop
Files: files | file ages | folders
SHA1: 8df0d5f377ace9d183de8a6522d0204ec5548c57
User & Date: spiffy on 2011-11-30 02:06:36
Other Links: branch diff | manifest | tags
Context
2011-11-30
02:32
Colors are now even less awful. Kidna. check-in: 6d9fde817c user: spiffy tags: develop
02:06
Added viewport content width=300 to make the site a nice size on mobiles check-in: 8df0d5f377 user: spiffy tags: develop
2011-11-29
17:03
Replaced the lame knockoff of NCSU's colors with the Albany theme from Adobe Kuler check-in: 80b3160c8d user: spiffy tags: develop
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

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

︙︙
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

    
    <!--  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">
    
    <!-- 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')}}">








|








21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

    
    <!--  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=320" />
    
    <!-- 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')}}">
︙︙