-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 2a01cba
Showing
11 changed files
with
1,384 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| dist | ||
| node_modules |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,235 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Link Later</title> | ||
| <!-- <link rel="stylesheet" href="/app.css" /> --> | ||
| </head> | ||
| <body> | ||
| <div id="app"> | ||
| <div id="main"> | ||
| <h1> | ||
| <img src="/4906292.png" width="50" height="50" alt="" style="display: inline-block;"> Link Later | ||
| </h1> | ||
| <h2>Automating keyword links</h2> | ||
|
|
||
| <div class="test"> | ||
| Logistics solutions lorem test <span>test</span> ipsum dolor test sit amet, consectetuer adipiscing elit. | ||
| Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque | ||
| penatibus et magnis dis parturient montes, nascetur ridiculus mus. | ||
| Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. | ||
| Nulla consequat massa quis enim. <a href="http://www.google.com">logistics solutions</a> Donec pede justo, fringilla vel, | ||
| aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, | ||
| imperdiet a, venenatis vitae, justo. Spoon Nullam dictum felis eu pede | ||
| mollis pretium. Integer tincidunt. Cras dapibus. Vivamus | ||
| elementum semper nisi. test1. Digital solutions. test-fr | ||
| </div> | ||
|
|
||
| <div class="rich-text"> | ||
| Lorem test ipsum dolor warehouse LCL test sit amet, consectetuer adipiscing elit. | ||
| Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque | ||
| penatibus et magnis dis parturient montes, nascetur ridiculus mus. | ||
| Donec quam felis, ultricies nec, logistics solutions pellentesque eu, pretium quis, sem. | ||
| Nulla consequat massa quis enim. <a href="http://www.google.com">A test link</a> Donec pede justo, fringilla vel, | ||
| aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, | ||
| imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede | ||
| mollis pretium. Integer tincidunt. Cras dapibus. Vivamus | ||
| elementum semper nisi. test1 | ||
| </div> | ||
|
|
||
| <div> | ||
| Test Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, | ||
| consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, | ||
| viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus | ||
| varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam logistics solutions1 ultricies nisi | ||
| vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam | ||
| rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam | ||
| semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, | ||
| blandit vel, luctus pulvinar, hendrerit id, lorem. test. | ||
| </div> | ||
|
|
||
| <div> | ||
| Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut | ||
| libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget | ||
| eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. | ||
| Donec sodales sagittis magna. Sed consequat, leo eget bibendum | ||
| sodales, augue velit cursus nunc, logistics solutions quis gravida magna mi a libero. | ||
| Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque | ||
| ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras | ||
| ultricies mi eu turpis hendrerit fringilla. | ||
| </div> | ||
|
|
||
| <div> | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam | ||
| pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet | ||
| nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer | ||
| ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent | ||
| adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy | ||
| metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros | ||
| et nisl sagittis vestibulum. | ||
| </div> | ||
|
|
||
| <div> | ||
| Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, | ||
| pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in | ||
| justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec | ||
| neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, | ||
| nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere | ||
| imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed | ||
| cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus | ||
| accumsan cursus velit. | ||
| </div> | ||
|
|
||
| <div> | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit | ||
| erat euismod orci, ac placerat dolor lectus quis orci. Phasellus | ||
| consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, | ||
| posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet | ||
| augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean | ||
| posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu | ||
| sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales | ||
| nec, volutpat a, suscipit non, turpis. | ||
| </div> | ||
|
|
||
| <div> | ||
| Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, | ||
| sem libero volutpat nibh, nec pellentesque velit pede quis nunc. | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. | ||
| Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut | ||
| neque. Pellentesque habitant morbi tristique senectus et netus et | ||
| malesuada fames ac turpis egestas. In dui magna, posuere eget, | ||
| vestibulum et, tempor auctor, justo. In ac felis quis tortor malesuada | ||
| pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta | ||
| a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. | ||
| Pellentesque habitant morbi tristique senectus et netus et malesuada | ||
| fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. | ||
| Vivamus quis mi. Phasellus a est. Phasellus magna. In hac habitasse | ||
| platea dictumst. Curabitur at lacus ac velit ornare lobortis. | ||
| Curabitur a felis in nunc fringilla tristique. | ||
| </div> | ||
|
|
||
| <div> | ||
| Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, | ||
| consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, | ||
| viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus | ||
| varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi | ||
| vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam | ||
| rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam | ||
| semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, | ||
| blandit vel, luctus pulvinar, hendrerit id, lorem. | ||
| </div> | ||
|
|
||
| <div> | ||
| Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut | ||
| libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget | ||
| eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. | ||
| Donec sodales sagittis magna. Sed consequat, leo eget bibendum | ||
| sodales, augue velit cursus nunc, quis gravida magna mi a libero. | ||
| Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque | ||
| ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras | ||
| ultricies mi eu turpis hendrerit fringilla. | ||
| </div> | ||
|
|
||
| <div> | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam | ||
| pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet | ||
| nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer | ||
| ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent | ||
| adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy | ||
| metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros | ||
| et nisl sagittis vestibulum. | ||
| </div> | ||
|
|
||
| <div> | ||
| Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, | ||
| pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in | ||
| justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec | ||
| neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, | ||
| nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere | ||
| imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed | ||
| cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus | ||
| accumsan cursus velit. | ||
| </div> | ||
|
|
||
| <div> | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit | ||
| erat euismod orci, ac placerat dolor lectus quis orci. Phasellus | ||
| consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, | ||
| posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet | ||
| augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean | ||
| posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu | ||
| sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales | ||
| nec, volutpat a, suscipit non, turpis. | ||
| </div> | ||
|
|
||
| <div> | ||
| Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, | ||
| sem libero volutpat nibh, nec pellentesque velit pede quis nunc. | ||
| Vestibulum ante ipsum primis in faucibus orci luctus et ultrices | ||
| posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. | ||
| Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut | ||
| neque. Pellentesque habitant morbi tristique senectus et netus et | ||
| malesuada fames ac turpis egestas. In dui magna, posuere eget, | ||
| vestibulum et, tempor auctor, justo. In ac felis quis tortor malesuada | ||
| pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta | ||
| a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. | ||
| Pellentesque habitant morbi tristique senectus et netus et malesuada | ||
| fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. | ||
| Vivamus quis mi. Phasellus a est. Phasellus magna. In hac habitasse | ||
| platea dictumst. Curabitur at lacus ac velit ornare lobortis. | ||
| Curabitur a felis in nunc fringilla tristique. | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script type="module" src="/src/main.ts"></script> | ||
|
|
||
| <style> | ||
| body { | ||
| font-size: 18px; | ||
| line-height: 1.4em; | ||
| color: #333; | ||
| } | ||
|
|
||
| body, | ||
| button, | ||
| input { | ||
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, | ||
| segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, | ||
| arial, sans-serif; | ||
| } | ||
|
|
||
| h1 { | ||
| font-weight: 600; | ||
| font-size: 60px; | ||
| margin-bottom: 30px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-weight: normal; | ||
| font-size: 20px; | ||
| margin-bottom: 50px; | ||
| } | ||
|
|
||
| #main { | ||
| max-width: 1000px; | ||
| margin: 100px auto; | ||
| } | ||
|
|
||
| div + div { | ||
| margin-top: 20px | ||
| } | ||
|
|
||
| .test { | ||
| border-left: 2px solid #ccc; | ||
| padding: 20px 20px 20px 25px; | ||
| } | ||
| </style> | ||
| </body> | ||
| </html> |
Oops, something went wrong.