/views/clipper.html.jade

https://github.com/cliclip/htm · Jade · 75 lines · 55 code · 10 blank · 10 comment · 0 complexity · 5cd5da99d00e8d5887f3a7876b87d1fd MD5 · raw file 

    

  1. !!!
    2. 

  2. <!DOCTYPE html>
    3. 

  3. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    4. 

  4. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    5. 

  5. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
    6. 

  6. <!--[if gt IE 8]> <html class="no-js gt-ie8"> <![endif]-->
    7. 

  7. 

  8. html
    9. 

  9. 

  10.   head
    11. 

  11. 

  12.     meta(http-equiv="Content-Type",content="text/html; charset=utf-8")
    13. 

  13.     meta(http-equiv="X-UA-Compatible",content="chrome=1")
    14. 

  14.     meta(name="viewport",content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0")
    15. 

  15. 

  16.     link(rel="shortcut icon",href="images/favicon.ico")
    17. 

  17.     link(rel="apple-touch-icon",href="images/apple-touch-icon.png")
    18. 

  18.     link(rel="apple-touch-icon",sizes="72x72",href="images/apple-touch-icon-72x72.png")
    19. 

  19.     link(rel="apple-touch-icon",sizes="114x114",href="images/apple-touch-icon-114x114.png")
    20. 

  20.     
    21. 

  21.     //- application :: css
    22. 

  22.     link(rel="stylesheet",href="css/clipper.css")
    23. 

  23. 

  24.     //if lt IE 7
    25. 

  25.       link(rel="stylesheet",href="css/ie6.css")
    26. 

  26.     //if IE 7
    27. 

  27.       link(rel="stylesheet",href="css/ie7.css")
    28. 

  28. 

  29.     style
    30. 

  30.       body {
    31. 

  31.         margin: 0px;
    32. 

  32.         padding: 0px;
    33. 

  33.       }
    34. 

  34.       .mask {
    35. 

  35.         position: fixed;
    36. 

  36.         width: 100%;
    37. 

  37.         height: 100%;
    38. 

  38.         opacity: 0.7;
    39. 

  39.         filter:alpha(opacity=20);
    40. 

  40.         background:#000;
    41. 

  41.       }
    42. 

  42.   body
    43. 

  43.     div.mask
    44. 

  44.     div#main
    45. 

  45.       div#pop
    46. 

  46.       div#small-pop
    47. 

  47.       div#view
    48. 

  48.       div#setpop
    49. 

  49.     
    50. 

  50.     //- :: application templates
    51. 

  51.     include tmpl/addclip-view-template.jade
    52. 

  52.     include tmpl/login-view-template.jade
    53. 

  53.     include tmpl/clipmemo-view-template.jade
    54. 

  54.     include tmpl/taglist-view-template.jade
    55. 

  55.     include tmpl/message-view-template.jade
    56. 

  56. 

  57.     //- :: depends - use cdn first
    58. 

  58.     //- script(src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.min.js")
    59. 

  59.     script(src="js/lib/json2.min.js")
    60. 

  60.     //- script(src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js")
    61. 

  61.     script(src="js/lib/jquery.min.js")
    62. 

  62.     //- script(src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js")
    63. 

  63.     script(src="js/lib/underscore.min.js")
    64. 

  64.     //- script(src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.1/backbone-min.js")
    65. 

  65.     script(src="js/lib/backbone.min.js")
    66. 

  66.     //- script(src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.1/modernizr.min.js")
    67. 

  67.     script(src="js/lib/modernizr.min.js")
    68. 

  68.     //- :: depends - has not cdn
    69. 

  69.     script(src="js/lib/backbone.marionette.min.js")
    70. 

  70.     script(src="js/lib/jquery.printf.min.js")
    71. 

  71.     script(src="js/lib/jquery.tagsinput.min.js")
    72. 

  72.     script(src="js/lib/easyXDM.min.js")
    73. 

  73.     
    74. 

  74.     //- :: application
    75. 

  75.     script(src="js/clipper.js")
    76.