chrome.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <html>
  2. <head>
  3. <title>Install the Axure RP Chrome Extension</title>
  4. <style type="text/css">
  5. *
  6. {
  7. font-family: Helvetica, Arial, sans-serif;
  8. }
  9. body
  10. {
  11. text-align: center;
  12. background-color: #fafafa;
  13. }
  14. p
  15. {
  16. font-size: 14px;
  17. line-height: 18px;
  18. color: #333333;
  19. }
  20. div.container
  21. {
  22. width: 980px;
  23. margin-left: auto;
  24. margin-right: auto;
  25. text-align: left;
  26. }
  27. a
  28. {
  29. text-decoration: none;
  30. color: #009dda;
  31. }
  32. .button
  33. {
  34. background: #E31687;
  35. font: normal 16px Arial, sans-serif;
  36. color: #FFFFFF;
  37. padding: 8px 25px 8px 25px;
  38. border: 0;
  39. display: inline-block;
  40. margin-top: 10px;
  41. text-transform: uppercase;
  42. font-size: 13px;
  43. }
  44. a:hover.button
  45. {
  46. opacity: .8;
  47. }
  48. div.left
  49. {
  50. width: 400px;
  51. float: left;
  52. margin-right: 80px;
  53. }
  54. div.right
  55. {
  56. width: 400px;
  57. float: left;
  58. }
  59. div.buttonContainer
  60. {
  61. text-align: center;
  62. }
  63. h1
  64. {
  65. font-size: 40px;
  66. color: #333333;
  67. line-height: 50px;
  68. margin-bottom: 20px;
  69. font-weight: normal;
  70. }
  71. h2
  72. {
  73. font-size: 38px;
  74. font-weight: normal;
  75. color: #08639C;
  76. text-align: center;
  77. }
  78. h3
  79. {
  80. font-size: 20px;
  81. color: #333333;
  82. font-weight: normal;
  83. }
  84. .heading
  85. {
  86. background-color: #cdecf9;
  87. height: 36px;
  88. line-height: 36px;
  89. padding-left: 20px;
  90. font-size: 16px;
  91. color: #666666;
  92. }
  93. span.faq
  94. {
  95. font-size: 16px;
  96. font-weight: normal;
  97. color: #333333;
  98. display: block;
  99. }
  100. </style>
  101. </head>
  102. <body>
  103. <div class="container">
  104. <br />
  105. <br />
  106. <img src="axure_logo.png" alt="axure" />
  107. <br />
  108. <h1>
  109. AXURE RP EXTENSION<br />
  110. For Chrome</h1>
  111. <p style="font-size: 14px; color: #666666; margin-top: 10px;">
  112. Google Chrome requires an extension to view locally stored projects. Alternatively,
  113. upload your RP file to <a href="https://share.axure.com">Axure Share</a> or use a different
  114. browser.</p>
  115. <h3 class="heading">
  116. VIEW LOCAL PROJECTS IN CHROME</h3>
  117. <div class="left">
  118. <h3>
  119. 1. Install Extension from Chrome Store</h3>
  120. <div class="buttonContainer">
  121. <a class="button" href="https://chrome.google.com/webstore/detail/dogkpdfcklifaemcdfbildhcofnopogp"
  122. target="_blank">Install Extension</a>
  123. </div>
  124. </div>
  125. <div class="right">
  126. <h3>
  127. 2. Open the Extensions Options</h3>
  128. <img src="extensions_menu.gif" alt="extensions" />
  129. </div>
  130. <div style="clear: both; height: 20px;">
  131. &nbsp;</div>
  132. <div class="left">
  133. <h3>
  134. 3. Check "Allow access to file URLs"</h3>
  135. <img src="allow_access.gif" alt="allow access" />
  136. </div>
  137. <div class="right">
  138. <h3>
  139. 4. Click the button below</h3>
  140. <div class="buttonContainer">
  141. <a class="button" href="../../start.html">View in Chrome</a>
  142. </div>
  143. </div>
  144. <div style="clear: both; height: 20px;">
  145. </div>
  146. <h3 class="heading">
  147. EXTENSION FAQ</h3>
  148. <p>
  149. <span class="faq">What is a Chrome Extension?</span> Extensions are downloadable
  150. plug-ins for Google Chrome that modify the browser<br />
  151. and allow you additional capabilities.
  152. </p>
  153. <p style="margin-top: 25px;">
  154. <span class="faq">Why do I need to install the extension?</span> Google requires
  155. this extension to be installed to allow the viewing of local files in<br />
  156. Chrome
  157. </p>
  158. <p style="margin-top: 25px; margin-bottom: 25px;">
  159. <span class="faq">Why does this extension require a high access level?</span> This
  160. extension requires a high access level to allow the viewing of the file://<br />
  161. protocol. Axure does not track or access any of your information.
  162. </p>
  163. <h3 class="heading">
  164. ROUND UP</h3>
  165. <p>
  166. Chrome requires this extension to be installed to view local files.</p>
  167. <p>
  168. Need help or have any questions? Drop us a line at <a href="mailto:support@axure.com">
  169. support@axure.com</a>.
  170. </p>
  171. <div style="clear: both; height: 20px;">
  172. </div>
  173. </div>
  174. </body>
  175. </html>