Side by Side Diff: pages/images.md
Issue 29796565:
Fixes #1 - Implement external link icon (Closed)
Base URL: https://hg.adblockplus.org/website-defaults
Patch Set:
Created June 1, 2018, 2:03 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/img/png/external-icon-black.png » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 title=Images | 1 title=Images |
| 2 description=Shared image files for eyeo websites. | 2 description=Shared image files for eyeo websites. |
| 3 | 3 |
| 4 # Images | 4 # Images |
| 5 | 5 |
| 6 Shared image files for eyeo websites. | 6 Shared image files for eyeo websites. |
| 7 | 7 |
| 8 1. [App store badges](#app-store-badges) | 8 1. [App store badges](#app-store-badges) |
| 9 1. [External link icon](#external-link) | |
| 9 | 10 |
| 10 ## App store badges { #app-store-badges } | 11 ## App store badges { #app-store-badges } |
| 11 | 12 |
| 12 ### Apple App Store | 13 ### Apple App Store |
| 13 | 14 |
| 14 <img src="img/png/apple-app-store-badge.png" srcset="img/svg/apple-app-store-bad ge.svg 2x" alt="Download on the App Store" width="200"> | 15 <img src="img/png/apple-app-store-badge.png" srcset="img/svg/apple-app-store-bad ge.svg 2x" alt="Download on the App Store" width="200"> |
| 15 | 16 |
| 16 ``` | 17 ``` |
| 17  | 18  |
| 18 ``` | 19 ``` |
| 19 | 20 |
| 20 ``` | 21 ``` |
| 21 <img src="img/png/apple-app-store-badge.png" srcset="img/svg/apple-app-store-bad ge.svg 2x" alt="Download on the App Store"> | 22 <img src="img/png/apple-app-store-badge.png" srcset="img/svg/apple-app-store-bad ge.svg 2x" alt="Download on the App Store"> |
| 22 ``` | 23 ``` |
| 23 | 24 |
| 24 ### Google Play | 25 ### Google Play |
| 25 | 26 |
| 26 <img src="img/png/google-play-badge.png" alt="Get it on Google Play" width="200" > | 27 <img src="img/png/google-play-badge.png" alt="Get it on Google Play" width="200" > |
| 27 | 28 |
| 28 ``` | 29 ``` |
| 29  | 30  |
| 30 ``` | 31 ``` |
| 31 | 32 |
| 32 ``` | 33 ``` |
| 33 <img src="img/png/google-play-badge.png" alt="Get it on Google Play"> | 34 <img src="img/png/google-play-badge.png" alt="Get it on Google Play"> |
| 34 ``` | 35 ``` |
| 36 | |
| 37 ## External link icon { #external-link } | |
| 38 | |
| 39  | |
| 40 | |
| 41 The external link icon is used to identify links that 1) outside the current dom ain and 2) open in a new window. | |
| 42 | |
| 43 Available in two colours: | |
| 44 | |
| 45 - `external-icon-black` | |
| 46 - `external-icon-white` | |
| 47 | |
| 48 ``` | |
| 49 [Example.com ![External link icon]()](https://example.com) | |
| 50 ``` | |
| 51 | |
| 52 ``` | |
| 53 <a href="https://example.com" target="_blank"> | |
| 54 Example.com | |
| 55 <img src="/img/png/external-icon-black.png" | |
| 56 srcset="/img/svg/external-icon-black.svg 2x" | |
| 57 alt="External link icon"> | |
| 58 </a> | |
| 59 ``` | |
| 60 | |
| 61 <a href="https://example.com" target="_blank"> | |
| 62 Example.com | |
| 63 <img src="/img/png/external-icon-black.png" | |
| 64 srcset="/img/svg/external-icon-black.svg 2x" | |
| 65 alt="External link icon" style="height: 1em;"> | |
| 66 </a> | |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
static/img/png/external-icon-black.png » ('j')
|
no next file with comments »
