Untitled
user_1711000765
plain_text
4 years ago
22 kB
7
Indexable
function jsonData() {
let myData = {
"videos": [
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
},
{
"link": "httbs://example.com",
"title": "video1",
"img": "https://www.google.com/url?sa=i&url=https%3A%2F%2Ftwitter.com%2Fimg&psig=AOvVaw0B4-4qasjx5D2kzUzvOne-&ust=1634831229159000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLDr4Yer2fMCFQAAAAAdAAAAABAD",
"category": "Lorem Ipsum is simply dummy text"
}
]
}
let videos = ``;
for ( let i = 0; i < myData.videos.length; i++ ) {
videos += `
<div class="item-video">
<div class="card">
<div class="play-icon">
<svg width="69" height="69" viewBox="0 0 69 69" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="34.5" cy="34.5001" r="32" fill="white" stroke="white" stroke-width="5" />
<path d="M45.4796 30.6678C48.8401 32.6112 48.8401 37.389 45.4796 39.3324L31.7047 47.2985C28.2965 49.2695 24 46.8536 24 42.9663V27.034C24 23.1466 28.2965 20.7307 31.7047 22.7017L45.4796 30.6678Z"
fill="#10109B" />
</svg>
</div>
<div class="img-card">
<a href="${ myData.videos[ i ].link }">
<p>Cancel an order and issue a refund</p>
<span class="timer">2:55</span>
</a>
</div>
<div class="card-body">
<h5 class="card-title">${ myData.videos[ i ].title }</h5>
<p class="card-text">${ myData.videos[ i ].category }</p>
</div>
<div class="logo-card">
<svg width="59" height="18" viewBox="0 0 59 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M21.0255 9.45758C21.381 9.81202 21.8203 9.98933 22.3432 9.98933C22.8658 9.98933 23.3025 9.81309 23.6527 9.46176C24.0031 9.109 24.1785 8.67057 24.1785 8.1446C24.1785 7.61845 24.0031 7.1802 23.6527 6.82967C23.3025 6.47905 22.8658 6.3037 22.3432 6.3037C21.8203 6.3037 21.381 6.48039 21.0255 6.83385C20.6695 7.18696 20.4918 7.62379 20.4918 8.1446C20.4918 8.66541 20.6695 9.10278 21.0255 9.45758ZM22.3432 11.1709C21.8997 11.1709 21.4838 11.0932 21.0951 10.9389C20.7066 10.7834 20.373 10.5721 20.0956 10.3048C19.8176 10.0377 19.5986 9.71718 19.4383 9.34201C19.2785 8.96719 19.1987 8.56791 19.1987 8.1446C19.1987 7.7213 19.2785 7.32148 19.4383 6.94693C19.5986 6.57185 19.8176 6.25157 20.0956 5.98413C20.373 5.71696 20.7066 5.50576 21.0951 5.35096C21.4838 5.19562 21.8997 5.11795 22.3432 5.11795C22.7838 5.11795 23.1978 5.19509 23.585 5.34882C23.9724 5.50211 24.3033 5.71385 24.5787 5.98209C24.8537 6.2505 25.0703 6.5714 25.2293 6.94515C25.3877 7.31837 25.4674 7.71872 25.4674 8.1446C25.4674 8.57049 25.3877 8.9703 25.2293 9.34414C25.0703 9.71771 24.8537 10.0388 24.5787 10.3069C24.3033 10.5754 23.9724 10.7866 23.585 10.941C23.1978 11.0938 22.7838 11.1709 22.3432 11.1709Z"
fill="#10109B" />
<path d="M28.308 11.1709C27.9714 11.1709 27.6534 11.1094 27.3553 10.9874C27.057 10.8642 26.8013 10.6974 26.5878 10.4871C26.3743 10.2767 26.2062 10.0242 26.0829 9.73026C25.9596 9.43676 25.8979 9.12466 25.8979 8.79575C25.8979 8.46675 25.9596 8.15661 26.0829 7.86551C26.2062 7.57379 26.3743 7.32406 26.5878 7.11721C26.8013 6.90948 27.0577 6.74551 27.3575 6.62505C27.6568 6.50521 27.9769 6.44525 28.3162 6.44525C28.9018 6.44525 29.4046 6.61313 29.8248 6.94907C30.2451 7.285 30.5111 7.72913 30.6233 8.28259H29.4041C29.3057 8.06097 29.1588 7.88918 28.9647 7.76614C28.7706 7.64345 28.5516 7.58215 28.308 7.58215C27.9769 7.58215 27.6994 7.69888 27.4767 7.93224C27.2535 8.16542 27.1422 8.45483 27.1422 8.79993C27.1422 9.14503 27.2543 9.43747 27.4785 9.67599C27.7029 9.91442 27.9798 10.0336 28.308 10.0336C28.5572 10.0336 28.7762 9.96896 28.9647 9.83969C29.1535 9.71042 29.3001 9.5259 29.4041 9.28578H30.6397C30.533 9.84912 30.2654 10.3044 29.8372 10.651C29.4089 10.9984 28.8991 11.1709 28.308 11.1709Z"
fill="#10109B" />
<path d="M33.3779 11.1709C33.0415 11.1709 32.7236 11.1094 32.4254 10.9874C32.1271 10.8642 31.8711 10.6974 31.6575 10.4871C31.4442 10.2767 31.2756 10.0242 31.1524 9.73026C31.0294 9.43676 30.9678 9.12466 30.9678 8.79575C30.9678 8.46675 31.0294 8.15661 31.1524 7.86551C31.2756 7.57379 31.4442 7.32406 31.6575 7.11721C31.8711 6.90948 32.1279 6.74551 32.4274 6.62505C32.7269 6.50521 33.0468 6.44525 33.386 6.44525C33.9716 6.44525 34.4744 6.61313 34.8947 6.94907C35.3146 7.285 35.5811 7.72913 35.6934 8.28259H34.474C34.3756 8.06097 34.2287 7.88918 34.0345 7.76614C33.8404 7.64345 33.6214 7.58215 33.3779 7.58215C33.0468 7.58215 32.7696 7.69888 32.5466 7.93224C32.3233 8.16542 32.2121 8.45483 32.2121 8.79993C32.2121 9.14503 32.3242 9.43747 32.5484 9.67599C32.773 9.91442 33.0494 10.0336 33.3779 10.0336C33.6267 10.0336 33.8461 9.96896 34.0345 9.83969C34.2234 9.71042 34.3699 9.5259 34.474 9.28578H35.7096C35.6029 9.84912 35.3353 10.3044 34.9069 10.651C34.4787 10.9984 33.969 11.1709 33.3779 11.1709Z"
fill="#10109B" />
<path d="M37.6328 9.67599C37.8666 9.90899 38.1614 10.0258 38.5173 10.0258C38.8732 10.0258 39.1679 9.91006 39.4019 9.67804C39.636 9.4461 39.7531 9.15331 39.7531 8.79984C39.7531 8.44647 39.636 8.15395 39.4019 7.92201C39.1679 7.68998 38.8732 7.57379 38.5173 7.57379C38.1614 7.57379 37.8666 7.69052 37.6328 7.92405C37.3986 8.15759 37.2815 8.44958 37.2815 8.79984C37.2815 9.1502 37.3986 9.44299 37.6328 9.67599ZM40.0403 6.56251H40.96V11.0374H39.9954L39.8885 10.6367C39.4752 10.9931 38.9854 11.1709 38.4189 11.1709C37.9699 11.1709 37.5635 11.0687 37.1992 10.8637C36.8353 10.6583 36.5511 10.3746 36.3458 10.0117C36.1406 9.64885 36.0376 9.24503 36.0376 8.79984C36.0376 8.35786 36.1406 7.95635 36.3458 7.59621C36.5511 7.23652 36.8353 6.95449 37.1992 6.75067C37.5635 6.54712 37.9699 6.44525 38.4189 6.44525C38.9962 6.44525 39.4929 6.6271 39.9092 6.9915L40.0403 6.56251Z"
fill="#10109B" />
<path d="M43.5629 11.1709C42.9932 11.1709 42.5342 11.0249 42.1853 10.7318C41.8362 10.4391 41.6604 10.0529 41.6577 9.57279H42.8522C42.8548 9.76407 42.9255 9.91113 43.0642 10.0138C43.2022 10.1162 43.3848 10.1673 43.6121 10.1673C43.7925 10.1673 43.9454 10.1285 44.0697 10.0503C44.194 9.97207 44.2566 9.86104 44.2566 9.71825C44.2566 9.64574 44.2352 9.5824 44.1926 9.52848C44.1503 9.47448 44.0839 9.42946 43.994 9.39298C43.9033 9.3566 43.8144 9.32795 43.7271 9.30767C43.6393 9.28783 43.5243 9.26541 43.3822 9.24147C43.2536 9.2195 43.1456 9.19975 43.0579 9.18249C42.97 9.16478 42.8638 9.13818 42.7395 9.10331C42.615 9.06835 42.5103 9.02982 42.4254 8.9881C42.3403 8.94637 42.2509 8.89059 42.1566 8.82022C42.0621 8.74984 41.9868 8.67271 41.9307 8.58775C41.8747 8.50278 41.8281 8.39958 41.7912 8.27841C41.7542 8.15661 41.7357 8.02316 41.7357 7.8777C41.7357 7.45386 41.9043 7.10938 42.2407 6.84373C42.5775 6.57816 43.0181 6.44525 43.5629 6.44525C44.1101 6.44525 44.5495 6.58208 44.8808 6.85574C45.2118 7.12967 45.3789 7.49034 45.3816 7.9382H44.2154C44.2127 7.76302 44.1516 7.63064 44.0328 7.5415C43.9137 7.4528 43.7461 7.40849 43.5298 7.40849C43.3409 7.40849 43.1926 7.44764 43.0847 7.5253C42.9763 7.60351 42.9223 7.70724 42.9223 7.83704C42.9223 7.88589 42.931 7.92966 42.9488 7.96871C42.9665 8.00786 42.9982 8.0414 43.0435 8.06951C43.0886 8.09798 43.131 8.12218 43.1706 8.14247C43.2103 8.16284 43.2706 8.18312 43.3513 8.20296C43.4319 8.22334 43.4975 8.23846 43.5483 8.24789C43.5991 8.25759 43.6763 8.27165 43.78 8.29042C44.221 8.3688 44.5384 8.44958 44.7327 8.53303C45.2229 8.74878 45.4678 9.12626 45.4678 9.66558C45.4678 10.1217 45.2934 10.4867 44.9462 10.7605C44.5987 11.0343 44.1374 11.1709 43.5629 11.1709Z"
fill="#10109B" />
<path d="M46.1821 6.57057H47.4094V11.0458H46.1821V6.57057Z" fill="#10109B" />
<path d="M47.5163 5.48023C47.5163 5.87417 47.1927 6.19214 46.7939 6.19214C46.3948 6.19214 46.0713 5.87417 46.0713 5.48023C46.0713 5.08726 46.3948 4.76849 46.7939 4.76849C47.1927 4.76849 47.5163 5.08726 47.5163 5.48023Z"
fill="#10109B" />
<path d="M49.6834 9.69206C49.9109 9.9199 50.2009 10.0335 50.5541 10.0335C50.9071 10.0335 51.1974 9.9199 51.4244 9.69206C51.6514 9.46421 51.7649 9.16938 51.7649 8.80764C51.7649 8.44634 51.6514 8.15178 51.4244 7.92393C51.1974 7.69564 50.9071 7.58203 50.5541 7.58203C50.2009 7.58203 49.9109 7.69564 49.6834 7.92393C49.4564 8.15178 49.343 8.44634 49.343 8.80764C49.343 9.16938 49.4564 9.46421 49.6834 9.69206ZM50.5541 11.1708C50.0913 11.1708 49.6728 11.0686 49.2978 10.8636C48.9229 10.6581 48.6293 10.3751 48.4171 10.0137C48.2049 9.65193 48.0991 9.25069 48.0991 8.80764C48.0991 8.36067 48.2049 7.95632 48.4171 7.59609C48.6293 7.2364 48.9229 6.95446 49.2978 6.75055C49.6728 6.54699 50.0913 6.44513 50.5541 6.44513C51.0137 6.44513 51.4311 6.54699 51.8062 6.75055C52.1812 6.95446 52.4757 7.23693 52.689 7.59796C52.9022 7.95979 53.0091 8.36325 53.0091 8.80764C53.0091 9.25069 52.9022 9.65193 52.689 10.0137C52.4757 10.3751 52.1812 10.6581 51.8062 10.8636C51.4311 11.0686 51.0137 11.1708 50.5541 11.1708Z"
fill="#10109B" />
<path d="M56.285 6.46546C56.7997 6.46546 57.2089 6.63459 57.5126 6.9732C57.8164 7.31198 57.9683 7.76554 57.9683 8.33466V11.0457H56.7408V8.52869C56.7408 7.8602 56.4763 7.52524 55.9484 7.52524C55.6337 7.52524 55.3852 7.62977 55.2031 7.83902C55.0213 8.04809 54.9303 8.33359 54.9303 8.69506V11.0457H53.7026V6.57053H54.5442L54.7825 7.12489C54.9577 6.92 55.1758 6.75843 55.4374 6.64117C55.6984 6.52409 55.9813 6.46546 56.285 6.46546Z"
fill="#10109B" />
<path d="M12.9284 8.22127C13.2378 7.48489 13.3461 6.70323 13.2726 5.94239C12.8782 6.03803 12.5039 6.23509 12.1956 6.53873C11.7459 6.98214 11.5211 7.5631 11.5211 8.14378C11.5211 8.91824 11.2215 9.69296 10.6218 10.2837C10.0281 10.8691 9.25134 11.1635 8.47314 11.1692C10.4243 11.1602 12.181 9.9991 12.9284 8.22127Z"
fill="#10109B" />
<path d="M13.2725 5.94313C13.3461 6.70397 13.2378 7.48563 12.9284 8.22201C12.181 9.99984 10.4243 11.1609 8.47319 11.17C7.68272 11.1756 6.89053 10.8835 6.28612 10.2916C8.67018 12.6334 12.5289 12.6311 14.9097 10.2848L15.453 9.74966C16.3523 8.86329 16.3523 7.42603 15.453 6.53956C15.0038 6.09704 14.4157 5.87702 13.8273 5.87702C13.641 5.87702 13.4545 5.89909 13.2725 5.94313ZM6.28612 10.2916C6.28359 10.2892 6.28125 10.2869 6.27881 10.2845C6.28125 10.2869 6.28368 10.2892 6.28612 10.2916Z"
fill="url(#paint0_linear)" />
<path d="M3.97188 8.06692C3.66223 8.80338 3.55407 9.58496 3.62765 10.3461C4.02198 10.2504 4.39627 10.0535 4.70439 9.74972C5.15397 9.3064 5.37904 8.72572 5.37904 8.14458C5.37877 7.37031 5.67858 6.59558 6.2782 6.00475C6.87792 5.41348 7.66397 5.11802 8.45002 5.1182C6.48954 5.1182 4.72209 6.28206 3.97188 8.06692Z"
fill="#10109B" />
<path d="M1.99035 6.00449L1.44732 6.53962C0.548158 7.42609 0.548158 8.86335 1.44732 9.74973C2.03873 10.3323 2.87101 10.5293 3.6278 10.3461C3.55423 9.58496 3.66247 8.80338 3.97212 8.06692C4.72224 6.28206 6.4897 5.11829 8.45026 5.11829C9.23604 5.11855 10.0218 5.41401 10.6214 6.00475C9.42968 4.8303 7.8677 4.24303 6.30571 4.24303C4.74382 4.24294 3.18201 4.83012 1.99035 6.00449Z"
fill="url(#paint1_linear)" />
<path d="M6.82145 1.24337L1.99023 6.00416C4.37357 3.65544 8.23791 3.65544 10.6213 6.00443C11.2201 6.59455 11.52 7.36767 11.5207 8.14124C11.5211 7.07488 12.2666 6.1869 13.2722 5.94313C13.1672 4.8604 12.6911 3.81816 11.8774 3.01603L10.0786 1.24337C9.62882 0.800136 9.03939 0.578517 8.44988 0.578517C7.86045 0.578517 7.27103 0.800136 6.82145 1.24337Z"
fill="url(#paint2_linear)" />
<path d="M3.62793 10.346C3.73292 11.4288 4.20878 12.4704 5.02263 13.2723L6.82132 15.0451C7.72094 15.9314 9.17929 15.9314 10.0785 15.0451L14.9097 10.2843C12.5264 12.633 8.66218 12.633 6.27867 10.2839C5.67985 9.69379 5.37986 8.92076 5.37923 8.1471C5.37887 9.21355 4.63326 10.1023 3.62793 10.346Z"
fill="url(#paint3_linear)" />
<path d="M51.1534 14.1191C51.6501 14.1191 51.8985 14.4071 51.8985 14.9829V16.458H51.3729V14.9787C51.3729 14.8245 51.3398 14.7148 51.2737 14.6497C51.2089 14.5832 51.109 14.55 50.9739 14.55C50.8726 14.55 50.7832 14.5733 50.7058 14.62C50.6299 14.6667 50.5686 14.7318 50.5222 14.8153V16.458H49.9966V13.198H50.5222V14.412C50.601 14.3186 50.6939 14.2465 50.8008 14.1955C50.9092 14.1446 51.0267 14.1191 51.1534 14.1191Z"
fill="#D13BC7" />
<path d="M54.3429 15.4753H52.8547C52.8646 15.5928 52.8948 15.6968 52.9455 15.7873C52.9962 15.8779 53.0644 15.9486 53.1503 15.9996C53.2375 16.0505 53.3388 16.076 53.4542 16.076C53.6906 16.076 53.8806 15.9826 54.0242 15.7958L54.3049 16.0696C54.2219 16.1927 54.1065 16.2953 53.9587 16.3773C53.811 16.4594 53.6322 16.5004 53.4226 16.5004C53.2002 16.5004 53.006 16.4523 52.84 16.3561C52.6739 16.2585 52.5465 16.1255 52.4579 15.9571C52.3692 15.7887 52.3249 15.5998 52.3249 15.3904V15.3034C52.3249 15.0671 52.3699 14.8598 52.46 14.6816C52.5501 14.5019 52.6739 14.3632 52.8315 14.2656C52.9891 14.1679 53.1664 14.1191 53.3635 14.1191C53.5788 14.1191 53.7596 14.1665 53.906 14.2613C54.0523 14.3561 54.1614 14.4891 54.2331 14.6603C54.3063 14.8301 54.3429 15.0275 54.3429 15.2525V15.4753ZM53.8236 15.053C53.8166 14.9044 53.7765 14.7827 53.7033 14.6879C53.6301 14.5917 53.5161 14.5436 53.3613 14.5436C53.2234 14.5436 53.1123 14.5917 53.0278 14.6879C52.9434 14.7841 52.8892 14.9193 52.8653 15.0933H53.8236V15.053Z"
fill="#D13BC7" />
<path d="M54.7672 16.458V13.198H55.2928V16.458H54.7672Z" fill="#D13BC7" />
<path d="M56.9583 14.1191C57.1483 14.1191 57.3101 14.1672 57.4438 14.2634C57.5789 14.3597 57.6809 14.4955 57.7499 14.6709C57.8189 14.8464 57.8533 15.0516 57.8533 15.2864V15.331C57.8533 15.556 57.8182 15.7569 57.7478 15.9338C57.6788 16.1106 57.5775 16.2493 57.4438 16.3498C57.3101 16.4502 57.1504 16.5004 56.9646 16.5004C56.7198 16.5004 56.5214 16.4177 56.3694 16.2521V17.3409H55.8438V14.1616H56.3272L56.3483 14.3929C56.5017 14.2104 56.705 14.1191 56.9583 14.1191ZM57.3277 15.2864C57.3277 15.0685 57.2848 14.8917 57.199 14.7558C57.1145 14.6186 56.9858 14.55 56.8127 14.55C56.6072 14.55 56.4594 14.6356 56.3694 14.8068V15.8149C56.4608 15.9889 56.61 16.076 56.8169 16.076C56.9886 16.076 57.1166 16.0066 57.2011 15.868C57.2855 15.7293 57.3277 15.5503 57.3277 15.331V15.2864Z"
fill="#D13BC7" />
<defs>
<linearGradient id="paint0_linear" x1="8.43673" y1="12.411" x2="14.829"
y2="5.92453" gradientUnits="userSpaceOnUse">
<stop stop-color="#4B00C8" />
<stop offset="1" stop-color="#E164AF" />
</linearGradient>
<linearGradient id="paint1_linear" x1="1.97648" y1="10.2711" x2="8.36866"
y2="3.7847" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B4FF" />
<stop offset="1" stop-color="#1E32C8" />
</linearGradient>
<linearGradient id="paint2_linear" x1="11.0697" y1="8.58585" x2="5.30568"
y2="2.73694" gradientUnits="userSpaceOnUse">
<stop stop-color="#1E32C8" />
<stop offset="1" stop-color="#00B4FF" />
</linearGradient>
<linearGradient id="paint3_linear" x1="11.6799" y1="13.4673" x2="5.91595"
y2="7.61838" gradientUnits="userSpaceOnUse">
<stop stop-color="#E164AF" />
<stop offset="1" stop-color="#4B00C8" />
</linearGradient>
</defs>
</svg>
</div>
</div>
</div>
`
}
document.querySelector( ".videos .row" ).innerHTML = videos;
}
Editor is loading...