chrome.html 5.4 KB

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