API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 18th, 2019
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Learn Your Vowels!</title>
  7. <meta name="generator" content="Google Web Designer 5.0.4.0226">
  8. <meta name="template" content="Expandable 3.0.0">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <link href="gwdpage_style.css" rel="stylesheet" data-version="12" data-exports-type="gwd-page">
  11. <link href="gwdpagedeck_style.css" rel="stylesheet" data-version="12" data-exports-type="gwd-pagedeck">
  12. <link href="gwdimage_style.css" rel="stylesheet" data-version="12" data-exports-type="gwd-image">
  13. <link href="gwdaudio_style.css" rel="stylesheet" data-version="4" data-exports-type="gwd-audio">
  14. <style type="text/css" id="gwd-lightbox-style">
  15. .gwd-lightbox {
  16. overflow: hidden;
  17. }
  18. </style>
  19. <style type="text/css" id="gwd-text-style">
  20. p {
  21. margin: 0px;
  22. }
  23. h1 {
  24. margin: 0px;
  25. }
  26. h2 {
  27. margin: 0px;
  28. }
  29. h3 {
  30. margin: 0px;
  31. }
  32. </style>
  33. <style type="text/css">
  34. html, body {
  35. width: 100%;
  36. height: 100%;
  37. margin: 0px;
  38. }
  39. .gwd-page-container {
  40. position: relative;
  41. width: 100%;
  42. height: 100%;
  43. }
  44. .gwd-page-content {
  45. background-color: transparent;
  46. transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  47. transform-style: preserve-3d;
  48. position: absolute;
  49. background-image: url("assets/background_image.png");
  50. }
  51. .gwd-page-wrapper {
  52. background-color: rgb(255, 255, 255);
  53. position: absolute;
  54. transform: translateZ(0px);
  55. background-image: url("assets/background_image.png");
  56. }
  57. .page1-content {
  58. width: 550px;
  59. height: 400px;
  60. }
  61. .gwd-div-y44w {
  62. width: 900px;
  63. height: 600px;
  64. }
  65. .gwd-page-a59o {
  66. width: 900px;
  67. height: 600px;
  68. }
  69. .gwd-div-w2xh {
  70. position: absolute;
  71. width: 453px;
  72. height: 289px;
  73. left: 297px;
  74. top: 98px;
  75. }
  76. [data-gwd-group="vowelsLogo"] .gwd-grp-24gn.gwd-p-1b3o {
  77. position: absolute;
  78. text-align: center;
  79. font-family: "Gloria Hallelujah";
  80. font-size: 60px;
  81. height: 100px;
  82. transform-origin: 170.5px 50px 0px;
  83. background-color: transparent;
  84. background-image: none;
  85. border-image-source: none;
  86. border-image-width: 1;
  87. border-image-outset: 0;
  88. border-image-repeat: stretch;
  89. border-color: rgb(0, 0, 0);
  90. color: rgb(255, 255, 255);
  91. text-shadow: black 4px 4px;
  92. width: 400px;
  93. left: 0px;
  94. top: 0px;
  95. }
  96. [data-gwd-group="vowelsLogo"] .gwd-grp-24gn.gwd-p-1ra7 {
  97. position: absolute;
  98. font-family: "Gloria Hallelujah";
  99. text-align: center;
  100. height: 129px;
  101. transform-origin: 296.687px 68.8361px 0px;
  102. font-size: 100px;
  103. background-color: transparent;
  104. background-image: none;
  105. border-image-source: none;
  106. border-image-width: 1;
  107. border-image-outset: 0;
  108. border-image-repeat: stretch;
  109. border-color: rgb(0, 0, 0);
  110. color: rgb(255, 255, 255);
  111. text-shadow: black 4px 4px;
  112. width: 400px;
  113. left: 0px;
  114. top: 46px;
  115. }
  116. [data-gwd-group="vowelsLogo"] {
  117. width: 400px;
  118. height: 175px;
  119. }
  120. .gwd-div-1s7q {
  121. position: absolute;
  122. left: 27px;
  123. top: 25px;
  124. }
  125. .gwd-button-v71y {
  126. position: absolute;
  127. width: 125px;
  128. height: 100px;
  129. border-width: 0px;
  130. border-style: none;
  131. font-family: "Gloria Hallelujah";
  132. font-size: 20px;
  133. color: white;
  134. left: 470px;
  135. top: 427px;
  136. background-image: none;
  137. background-color: rgb(100, 121, 241);
  138. border-radius: 15px;
  139. }
  140. .gwd-page-1yoq {
  141. width: 900px;
  142. height: 600px;
  143. background-image: url("assets/background_image.png");
  144. }
  145. .gwd-div-1m9h {
  146. width: 900px;
  147. height: 600px;
  148. }
  149. .gwd-div-gog5 {
  150. position: absolute;
  151. width: 300px;
  152. left: 300px;
  153. top: 100px;
  154. height: 200px;
  155. transform-origin: 150px 125px 0px;
  156. }
  157. .gwd-span-w958 {
  158. position: absolute;
  159. height: 200px;
  160. font-family: "Gloria Hallelujah";
  161. text-align: center;
  162. font-size: 120px;
  163. color: rgb(255, 255, 255);
  164. text-shadow: black 4px 4px;
  165. width: 300px;
  166. left: 0px;
  167. top: 0px;
  168. }
  169. .gwd-div-vbi2 {
  170. position: absolute;
  171. width: 900px;
  172. left: 0px;
  173. height: 125px;
  174. top: 475px;
  175. }
  176. .gwd-div-1mvw {
  177. position: absolute;
  178. left: 50px;
  179. width: 200px;
  180. height: 400px;
  181. transform-origin: 99.9748px 200px 0px;
  182. top: 50px;
  183. }
  184. .gwd-div-q7m1 {
  185. position: absolute;
  186. top: 50px;
  187. left: 649px;
  188. width: 201px;
  189. height: 400px;
  190. transform-origin: 100.386px 200px 0px;
  191. }
  192. .gwd-image-l9xk {
  193. position: absolute;
  194. width: 200px;
  195. height: 210px;
  196. left: 0px;
  197. top: 80px;
  198. }
  199. .gwd-span-3gvv {
  200. position: absolute;
  201. width: 200px;
  202. left: 0px;
  203. font-family: "Gloria Hallelujah";
  204. text-align: center;
  205. color: rgb(255, 255, 255);
  206. font-size: 50px;
  207. top: 300px;
  208. height: 100px;
  209. }
  210. .gwd-image-1jnd {
  211. position: absolute;
  212. width: 200px;
  213. height: 210px;
  214. left: 0px;
  215. top: 80px;
  216. }
  217. .gwd-span-mrew {
  218. position: absolute;
  219. width: 199.507px;
  220. font-family: "Gloria Hallelujah";
  221. text-align: center;
  222. color: rgb(255, 255, 255);
  223. font-size: 50px;
  224. left: 1px;
  225. height: 100px;
  226. top: 300px;
  227. }
  228. .gwd-image-112l {
  229. position: absolute;
  230. left: 150px;
  231. width: 110px;
  232. height: 110px;
  233. top: 15px;
  234. }
  235. .gwd-image-1ixo {
  236. position: absolute;
  237. width: 100px;
  238. height: 100px;
  239. opacity: 0.5;
  240. left: 650px;
  241. top: 20px;
  242. }
  243. .gwd-image-1iwx {
  244. position: absolute;
  245. left: 275px;
  246. top: 20px;
  247. opacity: 0.5;
  248. width: 100px;
  249. height: 100px;
  250. }
  251. .gwd-image-1ktp {
  252. position: absolute;
  253. width: 100px;
  254. height: 100px;
  255. left: 400px;
  256. top: 20px;
  257. opacity: 0.5;
  258. }
  259. .gwd-image-163n {
  260. position: absolute;
  261. width: 100px;
  262. height: 100px;
  263. opacity: 0.5;
  264. left: 525px;
  265. top: 20px;
  266. }
  267. .gwd-audio-1fmv {
  268. position: absolute;
  269. width: 200px;
  270. height: 140px;
  271. left: 490.323px;
  272. top: 669.355px;
  273. }
  274. .gwd-span-1y8i {
  275. position: absolute;
  276. width: 200px;
  277. left: 0px;
  278. top: 0px;
  279. font-family: "Gloria Hallelujah";
  280. text-align: center;
  281. color: rgb(255, 255, 255);
  282. font-size: 40px;
  283. height: 70px;
  284. }
  285. .gwd-span-pl0m {
  286. position: absolute;
  287. width: 199.492px;
  288. top: 0px;
  289. font-family: "Gloria Hallelujah";
  290. text-align: center;
  291. color: rgb(255, 255, 255);
  292. left: 1.02295px;
  293. height: 70px;
  294. font-size: 40px;
  295. }
  296. .gwd-audio-1t76 {
  297. position: absolute;
  298. width: 200px;
  299. height: 140px;
  300. left: -195.161px;
  301. top: 582.273px;
  302. }
  303. .gwd-audio-1yt2 {
  304. position: absolute;
  305. width: 200px;
  306. height: 140px;
  307. left: 508.065px;
  308. top: 632.273px;
  309. }
  310. .gwd-audio-1793 {
  311. position: absolute;
  312. width: 200px;
  313. height: 140px;
  314. left: 196.774px;
  315. top: 762.918px;
  316. }
  317. .gwd-div-frmq {
  318. height: 125px;
  319. }
  320. .gwd-image-mvtj {
  321. height: 100px;
  322. width: 100px;
  323. left: 275px;
  324. opacity: 0.5;
  325. }
  326. .gwd-div-7138 {
  327. left: 0px;
  328. }
  329. .gwd-image-zhfe {
  330. left: 145px;
  331. }
  332. .gwd-image-1f5t {
  333. position: absolute;
  334. height: 110px;
  335. width: 110px;
  336. top: 15px;
  337. left: 645px;
  338. }
  339. .gwd-image-7etp {
  340. position: absolute;
  341. height: 100px;
  342. width: 100px;
  343. top: 20px;
  344. left: 525px;
  345. opacity: 0.5;
  346. }
  347. .gwd-image-u2jb {
  348. position: absolute;
  349. height: 100px;
  350. width: 100px;
  351. top: 20px;
  352. left: 275px;
  353. opacity: 0.5;
  354. }
  355. .gwd-image-1ooi {
  356. position: absolute;
  357. height: 100px;
  358. width: 100px;
  359. top: 20px;
  360. left: 400px;
  361. opacity: 0.5;
  362. }
  363. .gwd-image-ji0j {
  364. position: absolute;
  365. width: 100px;
  366. height: 100px;
  367. top: 20px;
  368. left: 150px;
  369. opacity: 0.5;
  370. }
  371. .gwd-image-5z3y {
  372. position: absolute;
  373. width: 100px;
  374. height: 100px;
  375. top: 20px;
  376. left: 150px;
  377. }
  378. .gwd-image-71ho {
  379. position: absolute;
  380. width: 100px;
  381. height: 100px;
  382. top: 20px;
  383. left: 275px;
  384. }
  385. .gwd-image-3yfj {
  386. position: absolute;
  387. width: 100px;
  388. top: 20px;
  389. height: 100px;
  390. left: 400px;
  391. }
  392. .gwd-image-xtb9 {
  393. position: absolute;
  394. top: 20px;
  395. height: 100px;
  396. width: 100px;
  397. left: 525px;
  398. }
  399. .gwd-image-1f5k {
  400. position: absolute;
  401. width: 100px;
  402. height: 100px;
  403. top: 20px;
  404. left: 650px;
  405. }
  406. .gwd-image-pxv7 {
  407. position: absolute;
  408. width: 100px;
  409. height: 100px;
  410. top: 20px;
  411. left: 150px;
  412. }
  413. .gwd-image-1a67 {
  414. position: absolute;
  415. width: 100px;
  416. height: 100px;
  417. top: 20px;
  418. left: 275px;
  419. }
  420. .gwd-image-1a04 {
  421. position: absolute;
  422. height: 100px;
  423. width: 100px;
  424. left: 400px;
  425. top: 20px;
  426. }
  427. .gwd-image-12pn {
  428. position: absolute;
  429. width: 100px;
  430. height: 100px;
  431. top: 20px;
  432. left: 525px;
  433. }
  434. .gwd-image-pi9a {
  435. position: absolute;
  436. top: 20px;
  437. height: 100px;
  438. width: 100px;
  439. left: 650px;
  440. }
  441. .gwd-image-mubs {
  442. position: absolute;
  443. width: 100px;
  444. height: 100px;
  445. left: 150px;
  446. top: 20px;
  447. }
  448. .gwd-image-v11u {
  449. position: absolute;
  450. top: 20px;
  451. height: 100px;
  452. width: 100px;
  453. left: 275px;
  454. }
  455. .gwd-image-114h {
  456. position: absolute;
  457. width: 100px;
  458. height: 100px;
  459. top: 20px;
  460. left: 400px;
  461. }
  462. .gwd-image-1i9z {
  463. position: absolute;
  464. top: 20px;
  465. height: 100px;
  466. width: 100px;
  467. left: 525px;
  468. }
  469. .gwd-image-1jyv {
  470. position: absolute;
  471. top: 20px;
  472. height: 100px;
  473. width: 100px;
  474. left: 650px;
  475. }
  476. </style>
  477. <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah:regular" rel="stylesheet" type="text/css">
  478. <script data-source="googbase_min.js" data-version="4" data-exports-type="googbase" src="googbase_min.js"></script>
  479. <script data-source="gwd_webcomponents_min.js" data-version="6" data-exports-type="gwd_webcomponents" src="gwd_webcomponents_min.js"></script>
  480. <script data-source="gwdpage_min.js" data-version="12" data-exports-type="gwd-page" src="gwdpage_min.js"></script>
  481. <script data-source="gwdpagedeck_min.js" data-version="12" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script>
  482. <script type="text/javascript" src="groups_runtime.min.1.0.js" gwd-groups-version="1.0"></script>
  483. <script type="text/javascript" src="gwdid.min.1.0.js" gwd-gwdid-version="1.0"></script>
  484. <script type="text/javascript" gwd-events="support" src="gwd-events-support.1.0.js"></script>
  485. <script type="text/javascript" gwd-events="handlers">
  486. gwd.auto_LogoDivMouseover = function(event) {
  487. // GWD Predefined Function
  488. gwd.actions.events.setInlineStyle('logoText', 'transition: all 0.5s linear; transform: rotate(5deg) scale(1.2);');
  489. };
  490. gwd.auto_LogoTextMouseout = function(event) {
  491. // GWD Predefined Function
  492. gwd.actions.events.setInlineStyle('logoText', 'transition: all 0.3s linear; transform: scale(1);');
  493. };
  494. gwd.auto_StartButtonMouseover = function(event) {
  495. // GWD Predefined Function
  496. gwd.actions.events.setInlineStyle('startButton', 'transition: all 0.2s linear; background-color: rgb(130, 151, 255); transform: scale(1.1);');
  497. };
  498. gwd.auto_StartButtonMouseout = function(event) {
  499. // GWD Predefined Function
  500. gwd.actions.events.setInlineStyle('startButton', 'transition: all 0.1s linear; background-color: rgb(100, 121, 241); transform: scale(1);');
  501. };
  502. gwd.auto_StartButtonClick = function(event) {
  503. // GWD Predefined Function
  504. gwd.actions.gwdPagedeck.goToPage('pagedeck', 'page1_2', 'fade', 1000, 'linear', 'top');
  505. };
  506. gwd.auto_Image_appleMouseover = function(event) {
  507. // GWD Predefined Function
  508. gwd.actions.events.setInlineStyle('div_apple', 'transition: all 0.5s linear; transform: scale(1.1);');
  509. };
  510. gwd.auto_Image_appleMouseout = function(event) {
  511. // GWD Predefined Function
  512. gwd.actions.events.setInlineStyle('div_apple', 'transform: scale(1);');
  513. };
  514. gwd.auto_Div_apeMouseover = function(event) {
  515. // GWD Predefined Function
  516. gwd.actions.events.setInlineStyle('div_ape', 'transition: all 0.5s linear; transform: scale(1.1);');
  517. };
  518. gwd.auto_Div_apeMouseout = function(event) {
  519. // GWD Predefined Function
  520. gwd.actions.events.setInlineStyle('div_ape', 'transform: scale(1.0);');
  521. };
  522. gwd.auto_E_button_page_a_1Mouseover = function(event) {
  523. // GWD Predefined Function
  524. gwd.actions.events.setInlineStyle('e_button_page_a', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  525. };
  526. gwd.auto_E_button_page_a_1Mouseout = function(event) {
  527. // GWD Predefined Function
  528. gwd.actions.events.setInlineStyle('e_button_page_a', 'transition: all 0.2s linear; transform: scale(1); opacity: 0.5;');
  529. };
  530. gwd.auto_I_button_a_pageMouseover = function(event) {
  531. // GWD Predefined Function
  532. gwd.actions.events.setInlineStyle('i_button_a_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  533. };
  534. gwd.auto_I_button_a_pageMouseout = function(event) {
  535. // GWD Predefined Function
  536. gwd.actions.events.setInlineStyle('i_button_a_page', 'transition: all 0.2s linear; transform: scale(1); opacity: 0.5;');
  537. };
  538. gwd.auto_O_button_a_pageMouseover = function(event) {
  539. // GWD Predefined Function
  540. gwd.actions.events.setInlineStyle('o_button_a_page', 'transition: all 0.2s linear; transform: Scale(1.1); opacity: 1;');
  541. };
  542. gwd.auto_O_button_a_pageMouseout = function(event) {
  543. // GWD Predefined Function
  544. gwd.actions.events.setInlineStyle('o_button_a_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  545. };
  546. gwd.auto_U_button_a_pageMouseover = function(event) {
  547. // GWD Predefined Function
  548. gwd.actions.events.setInlineStyle('u_button_a_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  549. };
  550. gwd.auto_U_button_a_pageMouseout = function(event) {
  551. // GWD Predefined Function
  552. gwd.actions.events.setInlineStyle('u_button_a_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  553. };
  554. gwd.auto_E_button_page_aMouseover = function(event) {
  555. // GWD Predefined Function
  556. gwd.actions.gwdAudio.play('blop_sound');
  557. };
  558. gwd.auto_I_button_a_pageMouseover1 = function(event) {
  559. // GWD Predefined Function
  560. gwd.actions.gwdAudio.play('blop_sound');
  561. };
  562. gwd.auto_O_button_a_pageMouseover1 = function(event) {
  563. // GWD Predefined Function
  564. gwd.actions.gwdAudio.play('blop_sound');
  565. };
  566. gwd.auto_U_button_a_pageMouseover1 = function(event) {
  567. // GWD Predefined Function
  568. gwd.actions.gwdAudio.play('blop_sound');
  569. };
  570. gwd.auto_Letter_aMouseover = function(event) {
  571. // GWD Predefined Function
  572. gwd.actions.events.setInlineStyle('letter_a', 'transition: all 0.8s linear; transform: scale(1.2) rotate(5deg);');
  573. };
  574. gwd.auto_Letter_aMouseout = function(event) {
  575. // GWD Predefined Function
  576. gwd.actions.events.setInlineStyle('letter_a', 'transform: scale(1);');
  577. };
  578. gwd.auto_Letter_aMouseover1 = function(event) {
  579. // GWD Predefined Function
  580. gwd.actions.gwdAudio.play('a_sound');
  581. };
  582. gwd.auto_Div_appleMouseover = function(event) {
  583. // GWD Predefined Function
  584. gwd.actions.gwdAudio.play('apple_sound');
  585. };
  586. gwd.auto_Div_apeMouseover1 = function(event) {
  587. // GWD Predefined Function
  588. gwd.actions.gwdAudio.play('ape_sound');
  589. };
  590. gwd.auto_E_button_page_aClick = function(event) {
  591. // GWD Predefined Function
  592. gwd.actions.gwdPagedeck.goToPage('pagedeck', 'page1_2', 'none', 1000, 'linear', 'top');
  593. };
  594. gwd.auto_Letter_eMouseover = function(event) {
  595. // GWD Predefined Function
  596. gwd.actions.events.setInlineStyle('letter_e', 'transition: all 0.8s linear; transform: scale(1.2) rotate(5deg;');
  597. };
  598. gwd.auto_Letter_eMouseout = function(event) {
  599. // GWD Predefined Function
  600. gwd.actions.events.setInlineStyle('letter_e', 'transform: scale(1);');
  601. };
  602. /* MY CODE */
  603. gwd.auto_A_button_u_pageMouseout = function(event) {
  604. // GWD Predefined Function
  605. gwd.actions.events.setInlineStyle('a_button_u_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  606. };
  607. gwd.auto_A_button_u_pageMouseover = function(event) {
  608. // GWD Predefined Function
  609. gwd.actions.events.setInlineStyle('a_button_u_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  610. };
  611. gwd.auto_E_button_u_pageMouseout = function(event) {
  612. // GWD Predefined Function
  613. gwd.actions.events.setInlineStyle('e_button_u_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  614. };
  615. gwd.auto_E_button_u_pageMouseover = function(event) {
  616. // GWD Predefined Function
  617. gwd.actions.events.setInlineStyle('e_button_u_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  618. };
  619. gwd.auto_I_button_u_pageMouseout = function(event) {
  620. // GWD Predefined Function
  621. gwd.actions.events.setInlineStyle('i_button_u_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  622. };
  623. gwd.auto_I_button_u_pageMouseover = function(event) {
  624. // GWD Predefined Function
  625. gwd.actions.events.setInlineStyle('i_button_u_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  626. };
  627. gwd.auto_O_button_u_pageMouseout = function(event) {
  628. // GWD Predefined Function
  629. gwd.actions.events.setInlineStyle('o_button_u_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  630. };
  631. gwd.auto_O_button_u_pageMouseover = function(event) {
  632. // GWD Predefined Function
  633. gwd.actions.events.setInlineStyle('o_button_u_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  634. };
  635. gwd.auto_U_button_u_pageMouseout = function(event) {
  636. // GWD Predefined Function
  637. gwd.actions.events.setInlineStyle('u_button_u_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  638. };
  639. gwd.auto_U_button_u_pageMouseover = function(event) {
  640. // GWD Predefined Function
  641. gwd.actions.events.setInlineStyle('u_button_u_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  642. };
  643. gwd.auto_A_button_e_pageMouseout = function(event) {
  644. // GWD Predefined Function
  645. gwd.actions.events.setInlineStyle('a_button_e_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  646. };
  647. gwd.auto_A_button_e_pageMouseover = function(event) {
  648. // GWD Predefined Function
  649. gwd.actions.events.setInlineStyle('a_button_e_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  650. };
  651. gwd.auto_U_button_e_pageMouseout = function(event) {
  652. // GWD Predefined Function
  653. gwd.actions.events.setInlineStyle('u_button_e_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  654. };
  655. gwd.auto_U_button_e_pageMouseover = function(event) {
  656. // GWD Predefined Function
  657. gwd.actions.events.setInlineStyle('u_button_e_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  658. };
  659. gwd.auto_I_button_e_pageMouseout = function(event) {
  660. // GWD Predefined Function
  661. gwd.actions.events.setInlineStyle('i_button_e_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  662. };
  663. gwd.auto_I_button_e_pageMouseover = function(event) {
  664. // GWD Predefined Function
  665. gwd.actions.events.setInlineStyle('i_button_e_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  666. };
  667. gwd.auto_O_button_e_pageMouseout = function(event) {
  668. // GWD Predefined Function
  669. gwd.actions.events.setInlineStyle('o_button_e_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  670. };
  671. gwd.auto_O_button_e_pageMouseover = function(event) {
  672. // GWD Predefined Function
  673. gwd.actions.events.setInlineStyle('o_button_e_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  674. };
  675. gwd.auto_U_button_e_pageMouseout = function(event) {
  676. // GWD Predefined Function
  677. gwd.actions.events.setInlineStyle('u_button_e_page', 'transition: all 0.2s linear; transform: Scale(1); opacity: 0.5;');
  678. };
  679. gwd.auto_U_button_e_pageMouseover = function(event) {
  680. // GWD Predefined Function
  681. gwd.actions.events.setInlineStyle('u_button_e_page', 'transition: all 0.2s linear; transform: scale(1.1); opacity: 1;');
  682. };
  683. </script>
  684. <script type="text/javascript" gwd-events="registration">
  685. // Support code for event handling in Google Web Designer
  686. // This script block is auto-generated. Please do not edit!
  687. gwd.actions.events.registerEventHandlers = function(event) {
  688. gwd.actions.events.addHandler('a_button_u_page', 'mouseover', gwd.auto_A_button_u_pageMouseover, false);
  689. gwd.actions.events.addHandler('a_button_u_page', 'mouseout', gwd.auto_A_button_u_pageMouseout, false);
  690. gwd.actions.events.addHandler('e_button_u_page', 'mouseover', gwd.auto_E_button_u_pageMouseover, false);
  691. gwd.actions.events.addHandler('e_button_u_page', 'mouseout', gwd.auto_E_button_u_pageMouseout, false);
  692. gwd.actions.events.addHandler('i_button_u_page', 'mouseover', gwd.auto_I_button_u_pageMouseover, false);
  693. gwd.actions.events.addHandler('i_button_u_page', 'mouseout', gwd.auto_I_button_u_pageMouseout, false);
  694. gwd.actions.events.addHandler('o_button_u_page', 'mouseover', gwd.auto_O_button_u_pageMouseover, false);
  695. gwd.actions.events.addHandler('o_button_u_page', 'mouseout', gwd.auto_O_button_u_pageMouseout, false);
  696. gwd.actions.events.addHandler('logoDiv', 'mouseenter', gwd.auto_LogoDivMouseover, false);
  697. gwd.actions.events.addHandler('logoText', 'mouseleave', gwd.auto_LogoTextMouseout, false);
  698. gwd.actions.events.addHandler('startButton', 'mouseover', gwd.auto_StartButtonMouseover, false);
  699. gwd.actions.events.addHandler('startButton', 'mouseout', gwd.auto_StartButtonMouseout, false);
  700. gwd.actions.events.addHandler('startButton', 'click', gwd.auto_StartButtonClick, false);
  701. gwd.actions.events.addHandler('div_apple', 'mouseover', gwd.auto_Image_appleMouseover, false);
  702. gwd.actions.events.addHandler('div_apple', 'mouseout', gwd.auto_Image_appleMouseout, false);
  703. gwd.actions.events.addHandler('div_ape', 'mouseover', gwd.auto_Div_apeMouseover, false);
  704. gwd.actions.events.addHandler('div_ape', 'mouseout', gwd.auto_Div_apeMouseout, false);
  705. gwd.actions.events.addHandler('e_button_page_a', 'mouseover', gwd.auto_E_button_page_a_1Mouseover, false);
  706. gwd.actions.events.addHandler('e_button_page_a', 'mouseout', gwd.auto_E_button_page_a_1Mouseout, false);
  707. gwd.actions.events.addHandler('i_button_a_page', 'mouseover', gwd.auto_I_button_a_pageMouseover, false);
  708. gwd.actions.events.addHandler('i_button_a_page', 'mouseout', gwd.auto_I_button_a_pageMouseout, false);
  709. gwd.actions.events.addHandler('o_button_a_page', 'mouseover', gwd.auto_O_button_a_pageMouseover, false);
  710. gwd.actions.events.addHandler('o_button_a_page', 'mouseout', gwd.auto_O_button_a_pageMouseout, false);
  711. gwd.actions.events.addHandler('u_button_a_page', 'mouseover', gwd.auto_U_button_a_pageMouseover, false);
  712. gwd.actions.events.addHandler('u_button_a_page', 'mouseout', gwd.auto_U_button_a_pageMouseout, false);
  713. gwd.actions.events.addHandler('e_button_page_a', 'mouseover', gwd.auto_E_button_page_aMouseover, false);
  714. gwd.actions.events.addHandler('i_button_a_page', 'mouseover', gwd.auto_I_button_a_pageMouseover1, false);
  715. gwd.actions.events.addHandler('o_button_a_page', 'mouseover', gwd.auto_O_button_a_pageMouseover1, false);
  716. gwd.actions.events.addHandler('u_button_a_page', 'mouseover', gwd.auto_U_button_a_pageMouseover1, false);
  717. gwd.actions.events.addHandler('letter_a', 'mouseover', gwd.auto_Letter_aMouseover, false);
  718. gwd.actions.events.addHandler('letter_a', 'mouseout', gwd.auto_Letter_aMouseout, false);
  719. gwd.actions.events.addHandler('letter_a', 'mouseover', gwd.auto_Letter_aMouseover1, false);
  720. gwd.actions.events.addHandler('div_apple', 'mouseover', gwd.auto_Div_appleMouseover, false);
  721. gwd.actions.events.addHandler('div_ape', 'mouseover', gwd.auto_Div_apeMouseover1, false);
  722. gwd.actions.events.addHandler('e_button_page_a', 'click', gwd.auto_E_button_page_aClick, false);
  723. gwd.actions.events.addHandler('letter_e', 'mouseover', gwd.auto_Letter_eMouseover, false);
  724. gwd.actions.events.addHandler('letter_e', 'mouseout', gwd.auto_Letter_eMouseout, false);
  725. gwd.actions.events.addHandler('a_button_e_page', 'mouseover', gwd.auto_A_button_e_pageMouseover, false);
  726. gwd.actions.events.addHandler('a_button_e_page', 'mouseout', gwd.auto_A_button_e_pageMouseout, false);
  727. gwd.actions.events.addHandler('u_button_e_page', 'mouseover', gwd.auto_U_button_e_pageMouseover, false);
  728. gwd.actions.events.addHandler('u_button_e_page', 'mouseout', gwd.auto_U_button_e_pageMouseout, false);
  729. gwd.actions.events.addHandler('i_button_e_page', 'mouseover', gwd.auto_I_button_e_pageMouseover, false);
  730. gwd.actions.events.addHandler('i_button_e_page', 'mouseout', gwd.auto_I_button_e_pageMouseout, false);
  731. gwd.actions.events.addHandler('o_button_e_page', 'mouseover', gwd.auto_O_button_e_pageMouseover, false);
  732. gwd.actions.events.addHandler('o_button_e_page', 'mouseout', gwd.auto_O_button_e_pageMouseout, false);
  733. };
  734. gwd.actions.events.deregisterEventHandlers = function(event) {
  735. gwd.actions.events.removeHandler('a_button_u_page', 'mouseover', gwd.auto_A_button_u_pageMouseover, false);
  736. gwd.actions.events.removeHandler('a_button_u_page', 'mouseout', gwd.auto_A_button_u_pageMouseout, false);
  737. gwd.actions.events.removeHandler('e_button_u_page', 'mouseover', gwd.auto_E_button_u_pageMouseover, false);
  738. gwd.actions.events.removeHandler('e_button_u_page', 'mouseout', gwd.auto_E_button_u_pageMouseout, false);
  739. gwd.actions.events.removeHandler('i_button_u_page', 'mouseover', gwd.auto_I_button_u_pageMouseover, false);
  740. gwd.actions.events.removeHandler('i_button_u_page', 'mouseout', gwd.auto_I_button_u_pageMouseout, false);
  741. gwd.actions.events.removeHandler('o_button_u_page', 'mouseover', gwd.auto_O_button_u_pageMouseover, false);
  742. gwd.actions.events.removeHandler('o_button_u_page', 'mouseout', gwd.auto_O_button_u_pageMouseout, false);
  743. gwd.actions.events.removeHandler('logoDiv', 'mouseenter', gwd.auto_LogoDivMouseover, false);
  744. gwd.actions.events.removeHandler('logoText', 'mouseleave', gwd.auto_LogoTextMouseout, false);
  745. gwd.actions.events.removeHandler('startButton', 'mouseover', gwd.auto_StartButtonMouseover, false);
  746. gwd.actions.events.removeHandler('startButton', 'mouseout', gwd.auto_StartButtonMouseout, false);
  747. gwd.actions.events.removeHandler('startButton', 'click', gwd.auto_StartButtonClick, false);
  748. gwd.actions.events.removeHandler('div_apple', 'mouseover', gwd.auto_Image_appleMouseover, false);
  749. gwd.actions.events.removeHandler('div_apple', 'mouseout', gwd.auto_Image_appleMouseout, false);
  750. gwd.actions.events.removeHandler('div_ape', 'mouseover', gwd.auto_Div_apeMouseover, false);
  751. gwd.actions.events.removeHandler('div_ape', 'mouseout', gwd.auto_Div_apeMouseout, false);
  752. gwd.actions.events.removeHandler('e_button_page_a', 'mouseover', gwd.auto_E_button_page_a_1Mouseover, false);
  753. gwd.actions.events.removeHandler('e_button_page_a', 'mouseout', gwd.auto_E_button_page_a_1Mouseout, false);
  754. gwd.actions.events.removeHandler('i_button_a_page', 'mouseover', gwd.auto_I_button_a_pageMouseover, false);
  755. gwd.actions.events.removeHandler('i_button_a_page', 'mouseout', gwd.auto_I_button_a_pageMouseout, false);
  756. gwd.actions.events.removeHandler('o_button_a_page', 'mouseover', gwd.auto_O_button_a_pageMouseover, false);
  757. gwd.actions.events.removeHandler('o_button_a_page', 'mouseout', gwd.auto_O_button_a_pageMouseout, false);
  758. gwd.actions.events.removeHandler('u_button_a_page', 'mouseover', gwd.auto_U_button_a_pageMouseover, false);
  759. gwd.actions.events.removeHandler('u_button_a_page', 'mouseout', gwd.auto_U_button_a_pageMouseout, false);
  760. gwd.actions.events.removeHandler('e_button_page_a', 'mouseover', gwd.auto_E_button_page_aMouseover, false);
  761. gwd.actions.events.removeHandler('i_button_a_page', 'mouseover', gwd.auto_I_button_a_pageMouseover1, false);
  762. gwd.actions.events.removeHandler('o_button_a_page', 'mouseover', gwd.auto_O_button_a_pageMouseover1, false);
  763. gwd.actions.events.removeHandler('u_button_a_page', 'mouseover', gwd.auto_U_button_a_pageMouseover1, false);
  764. gwd.actions.events.removeHandler('letter_a', 'mouseover', gwd.auto_Letter_aMouseover, false);
  765. gwd.actions.events.removeHandler('letter_a', 'mouseout', gwd.auto_Letter_aMouseout, false);
  766. gwd.actions.events.removeHandler('letter_a', 'mouseover', gwd.auto_Letter_aMouseover1, false);
  767. gwd.actions.events.removeHandler('div_apple', 'mouseover', gwd.auto_Div_appleMouseover, false);
  768. gwd.actions.events.removeHandler('div_ape', 'mouseover', gwd.auto_Div_apeMouseover1, false);
  769. gwd.actions.events.removeHandler('e_button_page_a', 'click', gwd.auto_E_button_page_aClick, false);
  770. gwd.actions.events.removeHandler('letter_e', 'mouseover', gwd.auto_Letter_eMouseover, false);
  771. gwd.actions.events.removeHandler('letter_e', 'mouseout', gwd.auto_Letter_eMouseout, false);
  772. gwd.actions.events.removeHandler('a_button_e_page', 'mouseover', gwd.auto_A_button_e_pageMouseover, false);
  773. gwd.actions.events.removeHandler('a_button_e_page', 'mouseout', gwd.auto_A_button_e_pageMouseout, false);
  774. gwd.actions.events.removeHandler('u_button_e_page', 'mouseover', gwd.auto_U_button_e_pageMouseover, false);
  775. gwd.actions.events.removeHandler('u_button_e_page', 'mouseout', gwd.auto_U_button_e_pageMouseout, false);
  776. gwd.actions.events.removeHandler('i_button_e_page', 'mouseover', gwd.auto_I_button_e_pageMouseover, false);
  777. gwd.actions.events.removeHandler('i_button_e_page', 'mouseout', gwd.auto_I_button_e_pageMouseout, false);
  778. gwd.actions.events.removeHandler('o_button_e_page', 'mouseover', gwd.auto_O_button_e_pageMouseover, false);
  779. gwd.actions.events.removeHandler('o_button_e_page', 'mouseout', gwd.auto_O_button_e_pageMouseout, false);
  780. };
  781. document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
  782. document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);
  783. </script>
  784. <script data-source="gwdimage_min.js" data-version="12" data-exports-type="gwd-image" src="gwdimage_min.js"></script>
  785. <script data-source="gwdaudio_min.js" data-version="4" data-exports-type="gwd-audio" src="gwdaudio_min.js"></script>
  786. </head>
  787.  
  788. <body class="document-body">
  789. <template id="gwd-group-definitions">
  790. <div data-gwd-group-def="vowelsLogo" data-gwd-group-class="gwd-grp-24gn" style="display: none;">
  791. <p class="gwd-p-1b3o gwd-grp-24gn">Learn Your</p>
  792. <p class="gwd-p-1ra7 gwd-grp-24gn">Vowels!</p>
  793. </div>
  794. </template>
  795. <gwd-pagedeck class="gwd-page-container" id="pagedeck">
  796. <gwd-page id="page1" class="gwd-page-wrapper page1-content gwd-lightbox gwd-page-a59o" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_start">
  797. <div class="gwd-page-content page1-content gwd-div-y44w">
  798. <div class="gwd-div-w2xh" id="logoDiv">
  799. <div class="gwd-div-1s7q" data-gwd-group="vowelsLogo" id="logoText"></div>
  800. </div>
  801. <button id="startButton" class="gwd-button-v71y">Click to Start!</button>
  802. </div>
  803. </gwd-page>
  804. <gwd-page id="page1_1" class="gwd-page-wrapper gwd-lightbox gwd-page-1yoq" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_a">
  805. <div class="gwd-page-content gwd-div-1m9h">
  806. <div class="gwd-div-gog5" id="letter_a"><span class="gwd-span-w958">A a</span>
  807. <gwd-audio id="a_sound" controls="" sources="assets/a_sound.wav" class="gwd-audio-1t76" data-gwd-name="a_sound"></gwd-audio>
  808. <gwd-audio id="ape_sound" controls="" sources="assets/ape_sound.wav" class="gwd-audio-1yt2" data-gwd-name="ape_sound"></gwd-audio>
  809. <gwd-audio id="apple_sound" controls="" sources="assets/apple_sound.wav" class="gwd-audio-1793" data-gwd-name="apple_sound"></gwd-audio>
  810. </div>
  811. <div class="gwd-div-vbi2 gwd-div-frmq">
  812. <gwd-image id="a_button_a_page" source="assets/a_button.svg" scaling="stretch" class="gwd-image-112l gwd-image-zhfe"></gwd-image>
  813. <gwd-image source="assets/u_button.svg" scaling="stretch" class="gwd-gen-cnzdgwdanimation gwd-image-1ixo" id="u_button_a_page"></gwd-image>
  814. <gwd-image source="assets/e_button.svg" scaling="stretch" class="gwd-gen-n1zegwdanimation gwd-image-1iwx gwd-image-mvtj" id="e_button_page_a"></gwd-image>
  815. <gwd-image source="assets/i_button.svg" scaling="stretch" class="gwd-gen-1r2ygwdanimation gwd-image-1ktp" id="i_button_a_page"></gwd-image>
  816. <gwd-image source="assets/o_button.svg" scaling="stretch" class="gwd-gen-j9f5gwdanimation gwd-image-163n" id="o_button_a_page"></gwd-image>
  817. </div>
  818. <div class="gwd-div-1mvw" id="div_apple">
  819. <gwd-image id="apple" source="assets/apple.png" scaling="stretch" class="gwd-image-l9xk"></gwd-image><span class="gwd-span-3gvv">Apple</span>
  820. <span class="gwd-span-1y8i">Short</span>
  821. </div>
  822. <div class="gwd-div-q7m1" id="div_ape">
  823. <gwd-image id="ape" source="assets/ape.png" scaling="stretch" class="gwd-image-1jnd"></gwd-image><span class="gwd-span-mrew">Ape</span>
  824. <span class="gwd-span-pl0m">Long</span>
  825. </div>
  826. <gwd-audio id="blop_sound" controls="" sources="assets/blop_sound.wav" class="gwd-audio-1fmv gwd-gen-9r0qgwdanimation" data-gwd-name="blop_sound"></gwd-audio>
  827. </div>
  828. </gwd-page>
  829. <gwd-page id="page1_2" class="gwd-page-wrapper gwd-lightbox gwd-page-1yoq" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_e">
  830. <div class="gwd-page-content gwd-div-1m9h">
  831. <div class="gwd-div-gog5" id="letter_e"><span class="gwd-span-w958">E e</span>
  832. <gwd-audio id="e_sound" controls="" sources="assets/e_sound.wav" class="gwd-audio-1t76" data-gwd-name="e_sound"></gwd-audio>
  833. <gwd-audio id="egg" controls="" sources="assets/egg_sound.wav" class="gwd-audio-1yt2" data-gwd-name="egg_sound"></gwd-audio>
  834. <gwd-audio id="eagle_sound" controls="" sources="assets/eagle_sound.wav" class="gwd-audio-1793" data-gwd-name="eagle_sound"></gwd-audio>
  835. </div>
  836. <div class="gwd-div-vbi2 gwd-div-7138">
  837. <gwd-image id="a_button_e_page" source="assets/a_button.svg" scaling="stretch" class="gwd-image-5z3y"></gwd-image>
  838. <gwd-image id="e_button_e_page" source="assets/e_button.svg" scaling="stretch" class="gwd-image-71ho"></gwd-image>
  839. <gwd-image id="i_button_e_page" source="assets/i_button.svg" scaling="stretch" class="gwd-image-3yfj"></gwd-image>
  840. <gwd-image id="o_button_e_page" source="assets/o_button.svg" scaling="stretch" class="gwd-image-xtb9"></gwd-image>
  841. <gwd-image id="u_button_e_page" source="assets/u_button.svg" scaling="stretch" class="gwd-image-1f5k"></gwd-image>
  842. </div>
  843. <div class="gwd-div-1mvw" id="div_egg">
  844. <span class="gwd-span-3gvv">Egg</span>
  845. <span class="gwd-span-1y8i">Short</span>
  846. </div>
  847. <div class="gwd-div-q7m1" id="div_eagle">
  848. <span class="gwd-span-mrew">Eagle</span>
  849. <span class="gwd-span-pl0m">Long</span>
  850. </div>
  851. <gwd-audio id="blop_sound_e" controls="" sources="assets/blop_sound.wav" class="gwd-audio-1fmv gwd-gen-9r0qgwdanimation" data-gwd-name="blop_sound_e"></gwd-audio>
  852. </div>
  853. </gwd-page>
  854. <gwd-page id="page1_3" class="gwd-page-wrapper gwd-lightbox gwd-page-1yoq" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_i">
  855. <div class="gwd-page-content gwd-div-1m9h">
  856. <div class="gwd-div-gog5" id="letter_i"><span class="gwd-span-w958">I i</span>
  857. <gwd-audio id="i_sound" controls="" sources="assets/i_sound.wav" class="gwd-audio-1t76" data-gwd-name="i_sound"></gwd-audio>
  858. <gwd-audio id="igloo_sound" controls="" sources="assets/igloo_sound.wav" class="gwd-audio-1yt2" data-gwd-name="igloo_sound"></gwd-audio>
  859. <gwd-audio id="ice_sound" controls="" sources="assets/ice_sound.wav" class="gwd-audio-1793" data-gwd-name="ice_sound"></gwd-audio>
  860. </div>
  861. <div class="gwd-div-vbi2 gwd-div-7138">
  862. <gwd-image id="a_button_i_page" source="assets/a_button.svg" scaling="stretch" class="gwd-image-pxv7"></gwd-image>
  863. <gwd-image id="e_button_i_page" source="assets/e_button.svg" scaling="stretch" class="gwd-image-1a67"></gwd-image>
  864. <gwd-image id="i_button_i_page" source="assets/i_button.svg" scaling="stretch" class="gwd-image-1a04"></gwd-image>
  865. <gwd-image id="o_button_i_page" source="assets/o_button.svg" scaling="stretch" class="gwd-image-12pn"></gwd-image>
  866. <gwd-image id="u_button_i_page" source="assets/u_button.svg" scaling="stretch" class="gwd-image-pi9a"></gwd-image>
  867. </div>
  868. <div class="gwd-div-1mvw" id="div_igloo">
  869. <span class="gwd-span-3gvv">Igloo</span>
  870. <span class="gwd-span-1y8i">Short</span>
  871. </div>
  872. <div class="gwd-div-q7m1" id="div_ice">
  873. <span class="gwd-span-mrew">Ice</span>
  874. <span class="gwd-span-pl0m">Long</span>
  875. </div>
  876. <gwd-audio id="blop_sound_i" controls="" sources="assets/blop_sound.wav" class="gwd-audio-1fmv gwd-gen-9r0qgwdanimation" data-gwd-name="blop_sound_i"></gwd-audio>
  877. </div>
  878. </gwd-page>
  879. <gwd-page id="page1_4" class="gwd-page-wrapper gwd-lightbox gwd-page-1yoq" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_o">
  880. <div class="gwd-page-content gwd-div-1m9h">
  881. <div class="gwd-div-gog5" id="letter_o"><span class="gwd-span-w958">O o</span>
  882. <gwd-audio id="o_sound" controls="" sources="assets/o_sound.wav" class="gwd-audio-1t76" data-gwd-name="o_sound"></gwd-audio>
  883. <gwd-audio id="owl_sound" controls="" sources="assets/owl_sound.wav" class="gwd-audio-1yt2" data-gwd-name="owl_sound"></gwd-audio>
  884. <gwd-audio id="potato_sound" controls="" sources="assets/potato_sound.wav" class="gwd-audio-1793" data-gwd-name="potato_sound"></gwd-audio>
  885. </div>
  886. <div class="gwd-div-vbi2 gwd-div-7138">
  887. <gwd-image id="a_button_1" source="assets/a_button.svg" scaling="stretch" class="gwd-image-mubs"></gwd-image>
  888. <gwd-image id="e_button_1" source="assets/e_button.svg" scaling="stretch" class="gwd-image-v11u"></gwd-image>
  889. <gwd-image id="i_button_1" source="assets/i_button.svg" scaling="stretch" class="gwd-image-114h"></gwd-image>
  890. <gwd-image id="o_button_1" source="assets/o_button.svg" scaling="stretch" class="gwd-image-1i9z"></gwd-image>
  891. <gwd-image id="u_button_1" source="assets/u_button.svg" scaling="stretch" class="gwd-image-1jyv"></gwd-image>
  892. </div>
  893. <div class="gwd-div-1mvw" id="div_owl">
  894. <span class="gwd-span-3gvv">Owl</span>
  895. <span class="gwd-span-1y8i">Short</span>
  896. </div>
  897. <div class="gwd-div-q7m1" id="div_potato">
  898. <span class="gwd-span-mrew">Potato</span>
  899. <span class="gwd-span-pl0m">Long</span>
  900. </div>
  901. <gwd-audio id="blop_sound_o" controls="" sources="assets/blop_sound.wav" class="gwd-audio-1fmv gwd-gen-9r0qgwdanimation" data-gwd-name="blop_sound_o"></gwd-audio>
  902. </div>
  903. </gwd-page>
  904. <gwd-page id="page1_5" class="gwd-page-wrapper gwd-lightbox gwd-page-1yoq" data-gwd-width="900px" data-gwd-height="600px" data-gwd-name="page_u">
  905. <div class="gwd-page-content gwd-div-1m9h">
  906. <div class="gwd-div-gog5" id="letter_u"><span class="gwd-span-w958">U u</span>
  907. <gwd-audio id="u_sound" controls="" sources="assets/u_sound.wav" class="gwd-audio-1t76" data-gwd-name="u_sound"></gwd-audio>
  908. <gwd-audio id="sun_sound" controls="" sources="assets/sun_sound.wav" class="gwd-audio-1yt2" data-gwd-name="sun_sound"></gwd-audio>
  909. <gwd-audio id="unicorn_sound" controls="" sources="assets/unicorn_sound.wav" class="gwd-audio-1793" data-gwd-name="unicorn_sound"></gwd-audio>
  910. </div>
  911. <div class="gwd-div-vbi2 gwd-div-7138">
  912. <gwd-image id="u_button_u_page" source="assets/u_button.svg" scaling="stretch" class="gwd-image-1f5t"></gwd-image>
  913. <gwd-image id="o_button_u_page" source="assets/o_button.svg" scaling="stretch" class="gwd-image-7etp"></gwd-image>
  914. <gwd-image id="e_button_u_page" source="assets/e_button.svg" scaling="stretch" class="gwd-image-u2jb"></gwd-image>
  915. <gwd-image id="i_button_u_page" source="assets/i_button.svg" scaling="stretch" class="gwd-image-1ooi"></gwd-image>
  916. <gwd-image id="a_button_u_page" source="assets/a_button.svg" scaling="stretch" class="gwd-image-ji0j"></gwd-image>
  917. </div>
  918. <div class="gwd-div-1mvw" id="div_sun">
  919. <span class="gwd-span-3gvv">Sun</span>
  920. <span class="gwd-span-1y8i">Short</span>
  921. </div>
  922. <div class="gwd-div-q7m1" id="div_unicorn">
  923. <span class="gwd-span-mrew">Unicorn</span>
  924. <span class="gwd-span-pl0m">Long</span>
  925. </div>
  926. <gwd-audio id="blop_sound_u" controls="" sources="assets/blop_sound.wav" class="gwd-audio-1fmv gwd-gen-9r0qgwdanimation" data-gwd-name="blop_sound_u"></gwd-audio>
  927. </div>
  928. </gwd-page>
  929. </gwd-pagedeck>
  930. <script type="text/javascript" id="gwd-init-code">
  931. (function() {
  932. document.body.style.opacity = "0";
  933. var pageDeck = document.getElementById('pagedeck');
  934. /**
  935. * Handles the DOMContentLoaded event. The DOMContentLoaded event is
  936. * fired when the document has been completely loaded and parsed.
  937. */
  938.  
  939. function handleDomContentLoaded(event) {}
  940.  
  941. /**
  942. * Handles the WebComponentsReady event. This event is fired when all
  943. * custom elements have been registered and upgraded.
  944. */
  945. function handleWebComponentsReady(event) {
  946. document.body.style.opacity = "";
  947. setTimeout(function() {
  948. pageDeck.goToPage(pageDeck.getDefaultPage().id);
  949. }, 0);
  950. }
  951.  
  952. window.addEventListener('DOMContentLoaded',
  953. handleDomContentLoaded, false);
  954. window.addEventListener('WebComponentsReady',
  955. handleWebComponentsReady, false);
  956. })();
  957. </script>
  958. </body>
  959.  
  960. </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!