It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://dreambeast.net/?feed=rss2

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <!-- Global site tag (gtag.js) - Google Analytics -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-151348805-1"></script>
  6. <script>
  7.  window.dataLayer = window.dataLayer || [];
  8.  function gtag(){dataLayer.push(arguments);}
  9.  gtag('js', new Date());
  10.  
  11.  gtag('config', 'UA-151348805-1');
  12. </script>
  13.  
  14.  
  15. <meta charset="UTF-8">
  16. <title>CROSSING</title>
  17. <meta name="description" content="CROSSING: a platform merging cultures and industries through innate compassion and the mystique of the unknown. Ongoing collaborations in art, design, and experience engender a serene and intuitive creative response to evolving human desire. Every product represents a materialized analogue for personal actualization.">
  18. <meta name="keywords" content="Crossing, platform, culture, art, design, experience, objects, product, lifestyle">
  19. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  20.  
  21. <link href="font.css" rel="stylesheet">
  22. <style>
  23. html, body {
  24. margin: 0;
  25. padding: 0;
  26. font-family: 'Favorit';
  27. overflow: hidden;
  28. color: #FFF;
  29. position: relative;
  30. -webkit-font-smoothing : antialiased;
  31. background-color: black;
  32. }
  33. h1 {
  34. all: initial;
  35. font-size: 3vw;
  36. line-height: 1;
  37. font-family: Favorit;
  38. color: #FFF;
  39. pointer-events: all;
  40. }
  41. .content {
  42. position: relative;
  43. width: 90%;
  44. height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  45.  height: calc(var(--vh, 1vh) * 100);
  46. /*max-width: 1728px;*/
  47. margin: 0 auto;
  48. display: flex;
  49. align-items: center;
  50. font-size: 3vw;
  51. line-height: 1;
  52. z-index: 10;
  53. pointer-events: none;
  54. }
  55.  
  56. .col-header {
  57. width: calc((100% / 9) * 2);
  58. position: absolute;
  59. opacity: 1;
  60. transition: opacity 0.5s 0.6s;
  61. }
  62. html.about-open .col-header {
  63. opacity: 0;
  64. transition: opacity 0.5s;
  65. }
  66. .col-content {
  67. width: calc((100% / 9) * 8);
  68. }
  69. .col-cta {
  70. width: calc((100% / 9) * 1);
  71. line-height: 0;
  72. text-align: right;
  73. }
  74. .cta {
  75. font-size: 16px;
  76. border: 1px solid #FFF;
  77. display: inline-block;
  78. border-radius: 50px;
  79. height: 2.291666667vw;
  80. line-height:  2.4vw;
  81. padding: 0 1vw;
  82. pointer-events: all;
  83. cursor: pointer;
  84. }
  85. .cta:hover {
  86. background-color: #FFF;
  87. color: #000;
  88. }
  89. canvas {
  90. position: absolute;
  91. top: 0;
  92. left: 0;
  93. display: block;
  94.    position: absolute;
  95. tranform: translate(-50%, -50%) scale(1.2);
  96. animation: fade-in 2s;
  97. transition: filter 1s;
  98. filter: blur(0);
  99. }
  100. html.about-open canvas {
  101. filter: blur(20px);
  102. }
  103. @keyframes fade-in {
  104. 0%{opacity: 0;}
  105. 100% {opacity: 1;}
  106. }
  107. .text {
  108. opacity: 0;
  109. transition: opacity 0.5s 0s;
  110. }
  111. html.about-open .text {
  112. opacity: 1;
  113. transition: opacity 0.5s 0.5s;
  114. }
  115. .newsletter {
  116. font-size: 16px;
  117. margin-top: 2.291666667vw;
  118. opacity: 0;
  119. transition: opacity 1s 0s;
  120. }
  121. html.about-open .newsletter {
  122. opacity: 1;
  123. transition: opacity 1s 0.7s;
  124. }
  125. input {
  126. all: initial;
  127. border: 1px solid #FFF;
  128. pointer-events: all;
  129. height: 2.291666667vw;
  130. line-height:  2.4vw;
  131. font-family: Favorit;
  132. color: #FFF;
  133. border-radius: 50px;
  134. font-size: 16px;
  135. font-weight: 100;
  136. -webkit-font-smoothing : antialiased;
  137. padding: 0 1vw;
  138. margin-left: 10px;
  139. }
  140. #crossing-validate {
  141.  
  142. pointer-events: all;
  143. height: 2.291666667vw;
  144. line-height:  2.4vw;
  145. border: 1px solid transparent;
  146. display: none;
  147. opacity: 0;
  148. font-size: 16px;
  149. font-weight: 100;
  150. transition: opacity 1s;
  151. }
  152. html.email-submited #crossing-validate  {
  153. opacity: 1;
  154. display: inline;
  155. }
  156. html.email-submited .form  {
  157. display: none;
  158. }
  159. ::placeholder {
  160.  color: rgba(255,255,255,0.5);
  161. }
  162.  
  163. input.submit {
  164. background-color: white;
  165. color: #000;
  166. opacity: 0.2;
  167. pointer-events: none;
  168. }
  169. input.submit.submitable {
  170. opacity: 1;
  171. pointer-events: all;
  172. }
  173. form {
  174. display: inline;
  175. }
  176. .copyright {
  177. position: absolute;
  178. bottom: 3vh;
  179. font-size: 12px;
  180. opacity: 0;
  181. transition: opacity 1s;
  182. }
  183. html.about-open .copyright {
  184. opacity: 1;
  185. transition: opacity 1s 0.9s;
  186. }
  187.  
  188. @media screen and (max-width: 1280px) {
  189.  input, .newsletter, .cta {
  190. font-size: 12px;
  191.  }
  192. }
  193. @media screen and (max-width: 728px) {
  194.  .content {
  195. flex-wrap: wrap;
  196.  font-size: 6.4vw;
  197.   align-items: flex-end;
  198.  align-content: flex-end;
  199. width: 100%;
  200.  padding: 0 24px;
  201.  bottom: 0;
  202.  box-sizing: border-box;
  203.  
  204.  }
  205. input, .newsletter, .cta {
  206. font-size: 16px;
  207. margin-top: 0;
  208.  }
  209.  input {
  210.  height: 10vw;
  211.  line-height: 10vw;
  212.  padding: 0 3.5vw;
  213.  margin-left: 0;
  214.   margin-left: -4px;
  215.  }
  216. #crossing-validate {
  217.  height: 10vw;
  218.  line-height: 10vw;
  219. }
  220. input.submit {
  221. margin-left: 10px;
  222. }
  223. h1 {
  224. font-size: 7vw;
  225. margin-bottom: 7vw;
  226. opacity: 0;
  227. animation: fade-in 1s 0.8s forwards;
  228. }
  229. .newsletter {
  230. opacity: 0;
  231. transition: none;
  232. animation: fade-in 1s 1.6s forwards;
  233. }
  234. .text {
  235. opacity: 0;
  236. margin-bottom: 7vw;
  237. transition: none;
  238. animation: fade-in 1s 1.2s forwards;
  239. }
  240. .copyright {
  241. opacity: 0;
  242. transition: none;
  243. animation: fade-in 1s 2s forwards;
  244. }
  245. .col {
  246. width: 100%;
  247. margin-bottom: 7vw;
  248. }
  249. .col-content {
  250. margin-bottom: 64px;
  251. }
  252. .col-cta {
  253. display: none;
  254.  
  255. }
  256. form {
  257. display: flex;
  258. box-sizing: border-box;
  259. margin-top: 3.5vw;
  260. }
  261. .col-header {
  262. opacity: 0;
  263. display: none;
  264. }
  265. .copyright {
  266. bottom: 24px;
  267. font-size: 9px;
  268. }
  269. }
  270. </style>
  271. </head>
  272.  
  273.  
  274. <body>
  275. <img src="img/water.jpg" class="slide-item__image" style="display: none;">
  276. <div id="landing-crossing">
  277. <div class="content">
  278. <div class="col col-header">
  279. <h1>CROSSING</h1>
  280. </div>
  281. <div class="col col-content">
  282. <div class="text">
  283. CROSSING: a platform merging cultures and industries through innate compassion and the mystique of the unknown. Ongoing collaborations in art, design, and experience engender a serene and intuitive creative response to evolving human desire. Every product represents a materialized analogue for personal actualization.
  284. </div>
  285. <div class="newsletter">
  286. <div class="form">
  287. Subscribe for updates
  288. <iframe name="secret-frame" width="0" height="0" border="0" style="display: none;"></iframe>
  289.  
  290. <form action="https://docs.google.com/forms/d/e/1FAIpQLSebPC0rSOs5fvffXl7iVuOGF9d3MmoS8P6wKG9g17qOBmh1ag/formResponse" target="secret-frame" method="POST" id="crossing-form" onsubmit="">
  291. <input name="emailAddress" id="email" type="email" placeholder="Your email here" required>
  292. <input id="crossing-submit" class="submit" type="submit" value="Go" >
  293. </form>
  294. </div>
  295. <div id="crossing-validate">Thank you very much.</div>
  296. </div>
  297. <div class="copyright">
  298. Copyright © Hao Wen Luo, Crossing Creatives Corp. 2019 | All Rights Reserved
  299. </div>
  300. </div>
  301. <div class="col col-cta">
  302. <div class="cta">
  303. About
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  309. <script>
  310. $(document).ready(function() {
  311.  let vh = window.innerHeight * 0.01;
  312.  document.documentElement.style.setProperty('--vh', `${vh}px`);
  313. window.addEventListener('resize', () => {
  314.  // We execute the same script as before
  315.  let vh = window.innerHeight * 0.01;
  316.  document.documentElement.style.setProperty('--vh', `${vh}px`);
  317. });
  318.    $('input#email').keydown(function(e) {
  319.        if (validateEmail($('#email').val())) {
  320.            $('#crossing-submit').addClass("submitable");
  321.        } else {
  322. $('#crossing-submit').removeClass("submitable");
  323. }
  324.    });
  325.    $('input#email').change(function(e) {
  326.        if (validateEmail($('#email').val())) {
  327.            $('#crossing-submit').addClass("submitable");
  328.        } else {
  329. $('#crossing-submit').removeClass("submitable");
  330. }
  331.    });
  332. });
  333.  
  334. var validateEmail = function(email) {
  335.    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  336.    return re.test(email);
  337. };
  338. $( "#crossing-submit" ).on( "click", function() {
  339.  $(this).parents('html').addClass('email-submited');
  340. });
  341.  
  342. $( ".cta" ).on( "click", function() {
  343.  $(this).parents('html').toggleClass('about-open');
  344.            $(this).text(function(i, v){
  345.               return v === 'Close' ? 'About' : 'Close'
  346.            });
  347.        });
  348. </script>
  349. <script src="js/demo.js"></script>
  350. <script src="js/pixi.min.js"></script>
  351. <script src="js/TweenMax.min.js"></script>
  352. <script src="js/main5.js"></script>
  353. <script src="js/imagesloaded.pkgd.min.js"></script>
  354. <script src="https://pixijs.download/dev/pixi.js.map"></script>
  355. <script>
  356.  
  357. imagesLoaded(document.body, () => document.body.classList.remove('loading'));
  358. var spriteImages = document.querySelectorAll( '.slide-item__image' );
  359. var spriteImagesSrc = [];
  360. var texts = [];
  361.  
  362. for ( var i = 0; i < spriteImages.length; i++ ) {
  363. var img = spriteImages[i];
  364. // Set the texts you want to display to each slide
  365. // in a sibling element of your image and edit accordingly
  366. if ( img.nextElementSibling ) {
  367. texts.push(img.nextElementSibling.innerHTML);
  368. } else {
  369. texts.push('');
  370. }
  371. spriteImagesSrc.push( img.getAttribute('src' ) );
  372. }
  373.      
  374. var initCanvasSlideshow = new CanvasSlideshow({
  375. sprites: spriteImagesSrc,
  376. displacementImage: 'img/clouds.jpg',
  377. autoPlay: true,
  378. autoPlaySpeed: [4, 3],
  379. displaceScale: [5000, 10000],
  380. interactive: true,
  381. interactionEvent: 'both', // 'click', 'hover', 'both'
  382. displaceAutoFit: false,
  383. dispatchPointerOver: true // restarts pointerover event after click
  384. });
  385. </script>
  386. </body>
  387. </html>
  388.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda