API tools faq
paste
Advertisement
Guest User

index.html

a guest
Apr 25th, 2020
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="index.css">
  7. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
  9. <script src="canvas2image.js"></script>
  10. </head>
  11. <body>
  12. <div class="screenshot">
  13. <img class="banner" src="cardBanner.png">
  14. <section class="container">
  15. <div class="one">
  16. <h1>Cardinals Defeat Dodgers on Jackie Robinson Day</h1>
  17. <img class="story_image" src="image2.png">
  18. <p class="pictureCaption">Harrison Bader hits the go ahead home run in the top of the 9th inning.</p>
  19. <p class="story">After facing a series of defeats by the Los Angeles Dodgers the St. Louis Cardinals finally
  20. decided that they can take on the NL West leaders.
  21. <br><br>Since the beginning of the season it's been clear that the team's offense will win them games. Matt
  22. Ryan didn't miss a beat despite playing his first game without starting wide receiver Calvin Ridley,
  23. accounting for 3 touchdowns (2 passing, 1 rushing). Brian Hill took credit for Atlanta's other score with a
  24. goal line touchdown. He finished with more carries than backup running back Ito Smith for the first time.
  25. <br><br>And in the midst of surrendering XXX total yards to the Titans, the Falcons managed to allow only
  26. 12 points to be scored. The secondary was relentlessly torched by former AFC offensive player of the week
  27. Adam Humphries, who will likely finish the week leading the league in receiving yards after racking up
  28. 176 today.
  29. <br><br>Atlanta forced Titans quarterback Marcus Mariota into 2 turnovers, both interceptions. Isaiah
  30. Oliver snagged a pick in the endzone to put a halt to any scoring chance the Titans may have had in the
  31. 4th quarter, and Desmond Trufant sealed the game with less than a minute remaining.
  32. <br><br>The Falcons face their third straight AFC South team next week when they travel to Houston to face
  33. the Texans.</p>
  34. </div>
  35. <div class="two">
  36. <p class="gameInfo">April 15th, 2020<br>Dodger Stadium<br>Los Angeles, CA</p>
  37. <div class="funBorder"></div>
  38. <table class="boxScore">
  39. <tr class="header"><td class="boxTeam">Team</td><td class="final">R</td><td class="otherBoxScore">H</td>
  40. <td class="otherBoxScore">E</td>
  41. </tr>
  42. <tr class="away">
  43. <td class="boxTeam">Cardinals</td><td class="finalScore">4</td><td class="otherBoxScore">5</td>
  44. <td class="otherBoxScore">0</td>
  45. </tr>
  46. <tr class="home">
  47. <td class="boxTeam">Dodgers</td><td class="finalScore">3</td><td class="otherBoxScore">7</td>
  48. <td class="otherBoxScore">1</td>
  49. </tr>
  50. </table>
  51. <div class="scoringSummary">
  52. <p class="scoringHeader">INNING 1</p>
  53. <p class="scoringEvent">[STL] Goldschmidt hits a 2 RBI home run<br>
  54. [LAD] C. Seager hits a RBI double</p>
  55. <p class="scoringHeader">INNING 8</p>
  56. <p class="scoringEvent">[STL] Wong hits a 2 RBI single<br>
  57. [STL] Molina draws a RBI walk</p>
  58. <br>
  59. </div>
  60. <br>
  61. <h3 class="teamName">St. Louis Cardinals </h3><p class="teamRecord">(9-9)</p>
  62. <p class="playerStats">H. Bader: 1-4, HR (1), RBI<br>
  63. H. Bader: 1-4, HR (1), RBI<br>
  64. H. Bader: 1-4, HR (1), RBI<br>
  65. H. Bader: 1-4, HR (1), RBI<br>
  66. A. Wainwright: 7.0 IP, 7 H, 1 ER, 7 SO<br>
  67. G. Gallegos (W, 1-0): 1.0 IP, 2 SO</p>
  68. <br>
  69. <h3 class="teamName">Los Angeles Dodgers </h3><p class="teamRecord">(14-4)</p>
  70. <p class="playerStats">Harrison Bader: 1-4, HR (1), RBI<br>
  71. Harrison Bader: 1-4, HR (1), RBI<br>
  72. Harrison Bader: 1-4, HR (1), RBI<br>
  73. Harrison Bader: 1-4, HR (1), RBI<br>
  74. Adam Wainwright: 7.0 IP, 7 H, 1 ER, 7 SO<br>
  75. Giovanny Gallegos (W, 1-0): 1.0 IP, 2 SO</p></p>
  76. </div>
  77. </section></div>
  78. <br>
  79. <button style="display: block; margin-left: auto; margin-right: auto" type="button">Save Image</button>
  80. <script>
  81. document.querySelector('button').addEventListener('click', function() {
  82. html2canvas(document.getElementsByClassName("screenshot"), {
  83. useCORS : true, onrendered: function(canvas) {
  84. img_tag = Canvas2Image.convertToPNG(canvas)
  85. var a = document.createElement("a"); //Create <a>
  86. a.href = img_tag.src //Image Base64 Goes here
  87. a.download = "Image.png"; //File name Here
  88. a.click(); //Downloaded file
  89. }
  90. });
  91. });
  92. </script>
  93. </body>
  94. </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!