API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 7th, 2019
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.51 KB | None | 0 0
raw download clone embed print report
  1. diff --git a/src/index-b.html b/src/index-b.html
  2. index 762817b..c344bf7 100644
  3. --- a/src/index-b.html
  4. +++ b/src/index-b.html
  5. @@ -90,7 +90,7 @@
  6. <button type="submit" title="Send" class="submit-button"></button>
  7.  
  8. <div class="search-results">
  9. - <div class="title">Related articles:</div>
  10. + <div class="title">Related articles</div>
  11. <ul>
  12. <li>
  13. <a href="#">Private Browsing - Use Firefox without saving history</a>
  14. @@ -112,71 +112,72 @@
  15. </div>
  16.  
  17. <div id="breadcrumbs">
  18. - <ul class="breadcrumbs">
  19. - <li>
  20. - <div class="drop-menu">
  21. - <ul>
  22. - <li><a href="#">Do more with apps</a></li>
  23. - <li class="active">
  24. - <a href="#">Protect your privacy</a>
  25. - </li>
  26. - <li><a href="#">Manage preferences and add-ons</a></li>
  27. - <li><a href="#">Fix problems</a></li>
  28. - <li><a href="#">Save and sync</a></li>
  29. - <li><a href="#">Update and install</a></li>
  30. - <li><a href="#">Preferences and add-ons</a></li>
  31. - <li><a href="#">Apps</a></li>
  32. - </ul>
  33. - </div>
  34. + <div class="shadow"> </div>
  35. + <div class="breadcrumbs-wrap">
  36. + <ul class="breadcrumbs">
  37. + <li>
  38. + <div class="drop-menu">
  39. + <ul>
  40. + <li><a href="#">Do more with apps</a></li>
  41. + <li class="active">
  42. + <a href="#">Protect your privacy</a>
  43. + </li>
  44. + <li><a href="#">Manage preferences and add-ons</a></li>
  45. + <li><a href="#">Fix problems</a></li>
  46. + <li><a href="#">Save and sync</a></li>
  47. + <li><a href="#">Update and install</a></li>
  48. + <li><a href="#">Preferences and add-ons</a></li>
  49. + <li><a href="#">Apps</a></li>
  50. + </ul>
  51. + </div>
  52.  
  53. - <div class="step">
  54. - <img
  55. - class="logo"
  56. - src="https://prod-cdn.sumo.mozilla.net/uploads/products/2018-10-03-20-09-07-d6a5c9.png"
  57. - height="48"
  58. - width="48"
  59. - alt=""
  60. - />
  61. - Firefox
  62. - </div>
  63. - </li>
  64. - <li>
  65. - <div class="drop-menu">
  66. - <ul>
  67. - <li class="active">
  68. - <a href="#">Cash and cookies</a>
  69. - </li>
  70. - <li><a href="#">Manage preferences and add-ons</a></li>
  71. - <li><a href="#">Fix problems</a></li>
  72. - </ul>
  73. - </div>
  74. - <div class="step">Protect your privacy</div>
  75. - </li>
  76. - <li>
  77. - <div class="drop-menu">
  78. - <ul>
  79. - <li><a href="#">Save and sync</a></li>
  80. - <li><a href="#">Update and install</a></li>
  81. - <li><a href="#">Preferences and add-ons</a></li>
  82. - <li><a href="#">Apps</a></li>
  83. - <li><a href="#">Save and sync</a></li>
  84. - <li><a href="#">Update and install</a></li>
  85. - <li><a href="#">Preferences and add-ons</a></li>
  86. - <li><a href="#">Apps</a></li>
  87. - <li><a href="#">Save and sync</a></li>
  88. - <li class="active">
  89. - <a href="#">Update and install</a>
  90. - </li>
  91. - <li><a href="#">Preferences and add-ons</a></li>
  92. - <li><a href="#">Apps</a></li>
  93. - </ul>
  94. - </div>
  95. - <div class="step">Cookies and cache</div>
  96. - </li>
  97. - <li>
  98. - <div class="step">Updates and Install</div>
  99. - </li>
  100. - </ul>
  101. + <div class="step">
  102. + <img class="logo" src="images/firefox-logo.png" height="20" width="20" alt="">
  103. + Firefox
  104. + </div>
  105. + </li>
  106. + <li>
  107. + <div class="drop-menu">
  108. + <ul>
  109. + <li class="active">
  110. + <a href="#">Cash and cookies</a>
  111. + </li>
  112. + <li><a href="#">Manage preferences and add-ons</a></li>
  113. + <li><a href="#">Fix problems</a></li>
  114. + </ul>
  115. + </div>
  116. + <div class="step">Protect your privacy</div>
  117. + </li>
  118. + <li>
  119. + <div class="drop-menu">
  120. + <ul>
  121. + <li><a href="#">Save and sync</a></li>
  122. + <li><a href="#">Update and install</a></li>
  123. + <li><a href="#">Preferences and add-ons</a></li>
  124. + <li><a href="#">Apps</a></li>
  125. + <li><a href="#">Save and sync</a></li>
  126. + <li><a href="#">Update and install</a></li>
  127. + <li><a href="#">Preferences and add-ons</a></li>
  128. + <li><a href="#">Apps</a></li>
  129. + <li><a href="#">Save and sync</a></li>
  130. + <li class="active">
  131. + <a href="#">Update and install</a>
  132. + </li>
  133. + <li><a href="#">Preferences and add-ons</a></li>
  134. + <li><a href="#">Apps</a></li>
  135. + <li><a href="#">Apps 1</a></li>
  136. + <li><a href="#">Apps 2</a></li>
  137. + <li><a href="#">Apps 3</a></li>
  138. + <li><a href="#">Apps 4</a></li>
  139. + </ul>
  140. + </div>
  141. + <div class="step">Cookies and cache</div>
  142. + </li>
  143. + <li>
  144. + <div class="step">Updates and Install</div>
  145. + </li>
  146. + </ul>
  147. + </div>
  148. </div>
  149.  
  150. <div id="main-content">
  151. @@ -184,77 +185,169 @@
  152. <h1>Insecure password warning in Firefox</h1>
  153.  
  154. <section id="doc-content">
  155. - <div>
  156. - <video controls>
  157. - <source src="video/insecure-password-spotlight.mp4">
  158. - </video>
  159. -
  160. - <p>Firefox will display a lock icon with red strike-through in the
  161. - address bar when a login page you’re viewing does not have a
  162. - secure connection. This is to inform you that if you enter
  163. - your password, it could be stolen by eavesdroppers and attackers.</p>
  164. -
  165. - <p>Firefox will display a lock icon with red
  166. - strike-through <span class="for" data-for="not fx57" style="display: none;">
  167. - <img alt="New Fx Menu" class="wiki-image" title=""
  168. - data-original-src="https://prod-cdn.sumo.mozilla.net/uploads/gallery/images/2014-01-10-13-08-08-f52b8c.png"
  169. - src="https://static-media-prod-cdn.sumo.mozilla.net/static/sumo/img/placeholder.gif"/>
  170. - </span> in the address bar when a login page you’re viewing
  171. - does not have a <span class="highlighter">secure connection</span>. This is to inform
  172. - you that if you enter your password, it could be stolen by eavesdroppers and attackers.</p>
  173. -
  174. - <p>Starting in <a href="#">Firefox version</a> 52, you will
  175. - also see a warning message when you click inside the login
  176. - box to enter a username or password.</p>
  177. -
  178. - <div class="note">
  179. - <p><strong>Note:</strong></p>
  180. - <p>When you start typing in your login information, the
  181. - warning message can obscure the password entry box.
  182. - You can press the Return key after you type in your
  183. - username (or click outside of the password area) to dismiss the warning.</p>
  184. + <div class="video-container vote-js">
  185. + <div class="gallery-container gallery-thumbs">
  186. + <div class="swiper-wrapper">
  187. + <div class="swiper-slide">
  188. + <img src="images/video-thumb.png" alt="">
  189. + </div>
  190. + <div class="swiper-slide">
  191. + <img src="images/video-thumb.png" alt="">
  192. + </div>
  193. + <div class="swiper-slide">
  194. + <img src="images/video-thumb.png" alt="">
  195. + </div>
  196. + <div class="swiper-slide">
  197. + <img src="images/video-thumb.png" alt="">
  198. + </div>
  199. + <div class="swiper-slide">
  200. + <img src="images/video-thumb.png" alt="">
  201. + </div>
  202. + </div>
  203. + </div>
  204. +
  205. + <div class="gallery-container gallery-top">
  206. + <div class="gallery-wrapper">
  207. + <div class="gallery-slide">
  208. + <video controls>
  209. + <source src="video/insecure-password-spotlight.mp4">
  210. + </video>
  211. + </div>
  212. + <div class="gallery-slide">
  213. + <video controls>
  214. + <source src="video/insecure-password-spotlight.mp4">
  215. + </video>
  216. + </div>
  217. + <div class="gallery-slide">
  218. + <video controls>
  219. + <source src="video/insecure-password-spotlight.mp4">
  220. + </video>
  221. + </div>
  222. + <div class="gallery-slide">
  223. + <video controls>
  224. + <source src="video/insecure-password-spotlight.mp4">
  225. + </video>
  226. + </div>
  227. + <div class="gallery-slide">
  228. + <video controls>
  229. + <source src="video/insecure-password-spotlight.mp4">
  230. + </video>
  231. + </div>
  232. + </div>
  233. + </div>
  234. +
  235. + <div class="video-votes">
  236. + <div class="votes">
  237. + <input type="hidden" name="revision_id" value="169359">
  238. + <input type="hidden" name="source" value="footer">
  239. + <input type="submit" class="btn" name="helpful" value="👍"><input type="submit" class="btn" name="not-helpful" value="👎">
  240. + <img class="wait" alt="Please wait..." src="https://static-media-prod-cdn.sumo.mozilla.net/static/sumo/img/customercare/spinner.gif">
  241. + </div>
  242. </div>
  243.  
  244. - <h1 id="w_websites-report-cookie-errors">What can I do
  245. - if a <span class="highlighter">login page</span> is insecure?</h1>
  246. -
  247. - <p>If a login page for your favorite site is insecure, you
  248. - can try and see if a secure version of the page exists
  249. - by typing https:// before the URL in the address bar.
  250. - You can also try to contact the <span class="highlighter">web
  251. - administrator</span> for the site and ask them to secure their connection.</p>
  252. -
  253. - <div class="note">
  254. - <p><strong>Not recommended:</strong></p>
  255. - <p>You can also continue to log in to the website even if the
  256. - connection is insecure, but do so at your own risk. If you
  257. - do go this route, try to use a unique password or a password
  258. - that you don’t also use for other important sites.</p>
  259. + <div class="not-helpful-container">
  260. + <h4 class="title">Sorry to hear that. Tell more to help us improve the article</h4>
  261. +
  262. + <form>
  263. + <label class="radio-btn" for="nh11">
  264. + <input type="radio" id="nh11" name="not-helpful-radio">
  265. + <span>It’s too difficult</span>
  266. + </label>
  267. + <label class="radio-btn" for="nh22">
  268. + <input type="radio" id="nh22" name="not-helpful-radio">
  269. + <span>It didn't help</span>
  270. + </label>
  271. + <label class="radio-btn" for="nh33">
  272. + <input type="radio" id="nh33" name="not-helpful-radio">
  273. + <span>It’s not what I’m looking for</span>
  274. + </label>
  275. + <label class="radio-btn" for="nh44">
  276. + <input type="radio" id="nh44" name="not-helpful-radio">
  277. + <span>Other</span>
  278. + </label>
  279. +
  280. + <textarea name="" cols="30" rows="3"
  281. + placeholder="How can we make it better?"></textarea>
  282. +
  283. + <input type="submit" class="btn-l"/>
  284. + </form>
  285. </div>
  286.  
  287. - <h1>About insecure pages</h1>
  288. - <p>Pages that need to transmit private information, such as credit
  289. - cards, personal information and passwords, need to have a secure
  290. - connection to help prevent attackers from stealing your
  291. - information. <span class="highlighter"><strong>Tip:</strong> (A
  292. - secure connection will have "HTTPS" in the address bar, along
  293. - with a green lock icon)</span>.</p>
  294. -
  295. - <p>Pages that don’t transmit any private information can have an
  296. - unencrypted connection (HTTP). It is not advised to enter private
  297. - information, such as passwords, on a web page that shows HTTP in
  298. - the address bar. The information you enter can be stolen over this insecure connection.</p>
  299. -
  300. - <h1>Note for developers</h1>
  301. - <p>For developers looking to learn more about this warning, please
  302. - see <a href="#">this page</a>. The page explains when and why
  303. - Firefox shows this warning, and will also provide some details
  304. - on how to fix the issue. For more information, see <a href="#">this blog post</a> and
  305. - <a href="#">this Site Compatibility document</a>.</p>
  306. + <div class="helpful-container">
  307. + <p>
  308. + <svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
  309. + <path d="M1 6l6 5 8-10" stroke="#12BC00" stroke-width="1.5" fill="none"
  310. + fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/>
  311. + </svg>
  312. + Thank you for your feedback!
  313. + </p>
  314. + </div>
  315. + </div>
  316.  
  317. + <p>Firefox will display a lock icon with red strike-through in the
  318. + address bar when a login page you’re viewing does not have a
  319. + secure connection. This is to inform you that if you enter
  320. + your password, it could be stolen by eavesdroppers and attackers.</p>
  321. +
  322. + <p>Firefox will display a lock icon with red
  323. + strike-through <span class="for" data-for="not fx57" style="display: none;">
  324. + <img alt="New Fx Menu" class="wiki-image" title=""
  325. + data-original-src="https://prod-cdn.sumo.mozilla.net/uploads/gallery/images/2014-01-10-13-08-08-f52b8c.png"
  326. + src="https://static-media-prod-cdn.sumo.mozilla.net/static/sumo/img/placeholder.gif"/>
  327. + </span> in the address bar when a login page you’re viewing
  328. + does not have a <span class="highlighter">secure connection</span>. This is to inform
  329. + you that if you enter your password, it could be stolen by eavesdroppers and attackers.</p>
  330. +
  331. + <p>Starting in <a href="#">Firefox version</a> 52, you will
  332. + also see a warning message when you click inside the login
  333. + box to enter a username or password.</p>
  334. +
  335. + <div class="note">
  336. + <p><strong>Note:</strong></p>
  337. + <p>When you start typing in your login information, the
  338. + warning message can obscure the password entry box.
  339. + You can press the Return key after you type in your
  340. + username (or click outside of the password area) to dismiss the warning.</p>
  341. </div>
  342.  
  343. - <div class="vote-wrap">
  344. + <h2 id="w_websites-report-cookie-errors">What can I do
  345. + if a <span class="highlighter">login page</span> is insecure?</h2>
  346. +
  347. + <p>If a login page for your favorite site is insecure, you
  348. + can try and see if a secure version of the page exists
  349. + by typing https:// before the URL in the address bar.
  350. + You can also try to contact the <span class="highlighter">web
  351. + administrator</span> for the site and ask them to secure their connection.</p>
  352. +
  353. + <div class="note">
  354. + <p><strong>Not recommended:</strong></p>
  355. + <p>You can also continue to log in to the website even if the
  356. + connection is insecure, but do so at your own risk. If you
  357. + do go this route, try to use a unique password or a password
  358. + that you don’t also use for other important sites.</p>
  359. + </div>
  360. +
  361. + <h2>About insecure pages</h2>
  362. + <p>Pages that need to transmit private information, such as credit
  363. + cards, personal information and passwords, need to have a secure
  364. + connection to help prevent attackers from stealing your
  365. + information. <span class="highlighter"><strong>Tip:</strong> (A
  366. + secure connection will have "HTTPS" in the address bar, along
  367. + with a green lock icon)</span>.</p>
  368. +
  369. + <p>Pages that don’t transmit any private information can have an
  370. + unencrypted connection (HTTP). It is not advised to enter private
  371. + information, such as passwords, on a web page that shows HTTP in
  372. + the address bar. The information you enter can be stolen over this insecure connection.</p>
  373. +
  374. + <h2>Note for developers</h2>
  375. + <p>For developers looking to learn more about this warning, please
  376. + see <a href="#">this page</a>. The page explains when and why
  377. + Firefox shows this warning, and will also provide some details
  378. + on how to fix the issue. For more information, see <a href="#">this blog post</a> and
  379. + <a href="#">this Site Compatibility document</a>.</p>
  380. +
  381. + <div class="vote-wrap vote-js">
  382. <div class="document-vote">
  383. <form class="helpful" action="/en-US/kb/enable-and-disable-cookies-website-preferences/vote"
  384. method="post">
  385. @@ -280,35 +373,35 @@
  386. </form>
  387. </div>
  388.  
  389. - <div id="not-helpful-container">
  390. + <div id="not-helpful-container" class="not-helpful-container">
  391. <h4 class="title">Sorry to hear that. Tell more to help us improve the article</h4>
  392.  
  393. <form>
  394. - <label for="nh1">
  395. + <label class="radio-btn" for="nh1">
  396. <input type="radio" id="nh1" name="not-helpful-radio">
  397. <span>It’s too difficult</span>
  398. </label>
  399. - <label for="nh2">
  400. + <label class="radio-btn" for="nh2">
  401. <input type="radio" id="nh2" name="not-helpful-radio">
  402. <span>It didn't help</span>
  403. </label>
  404. - <label for="nh3">
  405. + <label class="radio-btn" for="nh3">
  406. <input type="radio" id="nh3" name="not-helpful-radio">
  407. <span>It’s not what I’m looking for</span>
  408. </label>
  409. - <label for="nh4">
  410. + <label class="radio-btn" for="nh4">
  411. <input type="radio" id="nh4" name="not-helpful-radio">
  412. <span>Other</span>
  413. </label>
  414.  
  415. - <textarea name="" id="" cols="30" rows="10"
  416. + <textarea name="" id="" cols="30" rows="3"
  417. placeholder="How can we make it better?"></textarea>
  418.  
  419. <input type="submit" class="btn-l"/>
  420. </form>
  421. </div>
  422.  
  423. - <div id="helpful-container">
  424. + <div id="helpful-container" class="helpful-container">
  425. <p>
  426. <svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
  427. <path d="M1 6l6 5 8-10" stroke="#12BC00" stroke-width="1.5" fill="none"
  428. @@ -320,7 +413,7 @@
  429. </div>
  430.  
  431. <section id="doc-contributors">
  432. - <h1 class="help-title">These fine people helped write this article:</h1>
  433. + <h2 class="help-title">These fine people helped write this article:</h2>
  434. <div class="contributors">
  435. <a class="user" href="/en-US/user/AliceWyman">AliceWyman</a>, <a
  436. class="user" href="/en-US/user/Chris_Ilias">Chris Ilias</a>, <a
  437. @@ -350,7 +443,7 @@
  438. <div class="divider"></div>
  439.  
  440. <section id="related-documents" class="wiki-related-documents">
  441. - <h1 class="section">Related Articles:</h1>
  442. + <h2 class="section">Related Articles</h2>
  443.  
  444. <div class="slider-wrapper">
  445. <div class="swiper-container">
  446. @@ -378,17 +471,28 @@
  447. cookies, temp files, and a history of the pages you visit.</p>
  448. </a>
  449. </div>
  450. + <div class="swiper-slide">
  451. + <a href="/en-US/kb/websites-say-cookies-are-blocked-unblock-them">
  452. + <h3 class="title">Websites say cookies are blocked - Unblock theme 2</h3>
  453. + <p>Firefox Private Browsing is great for viewing websites without saving things like
  454. + cookies, temp files, and a history of the pages you visit.</p>
  455. + </a>
  456. + </div>
  457. </div>
  458.  
  459. <div class="prev">
  460. - <svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg">
  461. - <path d="M1 5h9.307M7 1l4 4-4 4" fill-rule="nonzero" stroke="#FFF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
  462. - </svg>
  463. + <div class="icon">
  464. + <svg width="12" height="10">
  465. + <path d="M8.5857864 4L6.2928932 1.7071068c-.3905243-.3905243-.3905243-1.0236893 0-1.4142136.3905243-.3905243 1.0236893-.3905243 1.4142136 0l4 4c.3905243.3905243.3905243 1.0236893 0 1.4142136l-4 4c-.3905243.3905243-1.0236893.3905243-1.4142136 0-.3905243-.3905243-.3905243-1.0236893 0-1.4142136L8.5857864 6H1c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h7.5857864z" fill="#FFF" fill-rule="nonzero"/>
  466. + </svg>
  467. + </div>
  468. </div>
  469. <div class="next">
  470. - <svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg">
  471. - <path d="M1 5h9.307M7 1l4 4-4 4" fill-rule="nonzero" stroke="#FFF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
  472. - </svg>
  473. + <div class="icon">
  474. + <svg width="12" height="10">
  475. + <path d="M8.5857864 4L6.2928932 1.7071068c-.3905243-.3905243-.3905243-1.0236893 0-1.4142136.3905243-.3905243 1.0236893-.3905243 1.4142136 0l4 4c.3905243.3905243.3905243 1.0236893 0 1.4142136l-4 4c-.3905243.3905243-1.0236893.3905243-1.4142136 0-.3905243-.3905243-.3905243-1.0236893 0-1.4142136L8.5857864 6H1c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h7.5857864z" fill="#FFF" fill-rule="nonzero"/>
  476. + </svg>
  477. + </div>
  478. </div>
  479. </div>
  480. </div>
  481. @@ -485,8 +589,8 @@
  482. </footer>
  483. </div>
  484.  
  485. - <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.min.js"></script>
  486. + <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.min.js"></script>
  487.  
  488. - <script src="index.js"></script>
  489. + <script type="text/javascript" src="index.js"></script>
  490. </body>
  491. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!