-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
100 lines (85 loc) · 16.3 KB
/
index.html
File metadata and controls
100 lines (85 loc) · 16.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reeler — Ajusta tus Reels</title>
<link rel="stylesheet" href="assets/style.reel.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet">
<meta name="description" content="Prueba tus reels o stories antes de subirlos a Instagram." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://darriagada.com/reeler" />
<meta property="og:title" content="Reeler — Prueba tus reels y stories antes de subirlos" />
<meta property="og:description" content="Prueba tus reels o stories antes de subirlos a Instagram." />
<meta property="og:image" content="assets/cover.png" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://darriagada.com/reeler" />
<meta property="twitter:title" content="Reeler — Prueba tus reels y stories antes de subirlos" />
<meta property="twitter:description" content="Prueba tus reels o stories antes de subirlos a Instagram." />
<meta property="twitter:image" content="assets/cover.png" />
<link rel="icon" type="image/png" href="assets/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="shortcut icon" href="assets/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Reeler" />
<link rel="manifest" href="assets/site.webmanifest" />
</head>
<body>
<main class="root">
<div id="main-content">
<div>
<svg id="branding" viewBox="0 0 324 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="branding">
<path id="fill" d="M5.12872 44.2457C3.07681 29.8823 8.12109 18.5968 10.8997 14.7495C23.2967 14.7495 46.0387 13.7229 48.0907 14.7488C50.6555 16.0313 55.1441 28.8564 55.1441 35.9098C55.1441 41.5526 51.2968 60.0625 49.3731 68.6121L8.97613 69.8946C8.54863 67.3297 7.18063 58.6091 5.12872 44.2457Z"/>
<path id="mark" d="M100.972 18.3711C106.483 18.3712 110.566 19.8488 113.222 22.8047C115.927 25.7106 117.28 29.9947 117.28 35.6562C117.28 38.6624 116.679 41.3434 115.477 43.6982C114.274 46.003 112.695 47.8318 110.741 49.1846C108.837 50.4871 106.783 51.1386 104.579 51.1387C103.327 51.1387 101.999 50.9128 100.596 50.4619C103.301 53.969 106.006 57.0255 108.712 59.6309C111.468 62.2362 114.199 64.6412 116.904 66.8457C119.66 69.0001 122.415 71.2053 125.171 73.46C126.624 74.6123 127.451 75.8399 127.651 77.1426C127.852 78.4451 127.501 79.5474 126.6 80.4492C125.748 81.4011 124.42 81.8769 122.616 81.877C121.213 81.877 119.435 81.2506 117.28 79.998C115.126 78.7956 112.796 77.1674 110.291 75.1133C107.786 73.009 105.28 70.6792 102.775 68.124C100.32 65.5687 98.065 62.9631 96.0107 60.3076C94.0066 57.6522 92.3786 55.1217 91.126 52.7168C89.9235 50.3118 89.3223 48.2572 89.3223 46.5537C89.3223 44.9506 89.7479 43.7228 90.5996 42.8711C91.4513 41.9694 92.5537 41.5187 93.9062 41.5186C95.0085 41.5186 96.0112 41.6691 96.9131 41.9697C97.8649 42.2703 98.8669 42.4209 99.9189 42.4209C101.021 42.4209 102.174 42.1197 103.376 41.5186C104.629 40.9173 105.681 39.9909 106.533 38.7383C107.385 37.4356 107.811 35.7815 107.811 33.7773C107.81 31.5731 107.184 30.0953 105.932 29.3438C104.729 28.5923 103.101 28.2159 101.047 28.2158C98.191 28.2158 95.6104 29.2185 93.3057 31.2227C91.0009 33.2268 88.9965 36.0573 87.293 39.7148C85.5895 43.3724 84.2114 47.6814 83.1592 52.6416C82.1571 57.6018 81.4806 63.013 81.1299 68.875C80.9295 72.6829 80.4286 75.2885 79.627 76.6914C78.8253 78.0441 77.6228 78.7207 76.0195 78.7207C74.1658 78.7206 72.7876 77.994 71.8857 76.541C70.984 75.0379 70.5332 72.3317 70.5332 68.4238C70.5332 63.4138 70.984 58.4789 71.8857 53.6191C72.8377 48.7591 74.1656 44.1992 75.8691 39.9404C77.6228 35.6816 79.7275 31.9488 82.1826 28.7422C84.6878 25.4855 87.5184 22.9551 90.6748 21.1514C93.8313 19.2975 97.264 18.3711 100.972 18.3711ZM218.836 0.00195312C219.888 0.00200392 220.739 0.327423 221.391 0.978516C222.092 1.62986 222.443 2.68274 222.443 4.13574C222.443 4.83739 222.092 6.36536 221.391 8.71973C220.689 11.0745 219.763 13.9805 218.61 17.4375C217.508 20.8445 216.306 24.5273 215.003 28.4854C213.75 32.4435 212.548 36.4273 211.396 40.4355C210.293 44.4438 209.391 48.2269 208.689 51.7842C207.988 55.2912 207.638 58.2726 207.638 60.7275C207.638 61.7292 207.913 62.5307 208.464 63.1318C209.065 63.733 209.842 64.0342 210.794 64.0342C212.848 64.0342 214.953 63.6578 217.107 62.9062C219.312 62.1547 221.466 61.2031 223.57 60.0508C225.725 58.8984 227.754 57.6709 229.658 56.3682C231.562 55.0655 233.265 53.8379 234.769 52.6855C236.322 51.4831 237.574 50.5315 238.526 49.8301C239.096 49.3975 239.583 49.0641 239.986 48.8281C240.261 47.43 240.609 46.0848 241.034 44.793C242.287 41.0853 243.891 37.9035 245.845 35.248C247.799 32.5927 249.878 30.563 252.082 29.1602C254.337 27.7072 256.442 26.9814 258.396 26.9814C262.554 26.9815 265.71 27.9834 267.864 29.9873C270.019 31.9413 271.097 34.4717 271.097 37.5781C271.097 40.8348 269.243 44.0669 265.535 47.2734C261.878 50.4299 256.19 53.2354 248.475 55.6904V55.916C248.475 57.5694 248.675 58.8974 249.076 59.8994C249.477 60.8511 250.354 61.3271 251.706 61.3271C253.71 61.3271 255.94 60.7259 258.396 59.5234C260.901 58.2709 263.48 56.6919 266.136 54.7881C268.841 52.8341 271.472 50.7804 274.027 48.626C276.583 46.4716 278.937 44.442 281.092 42.5381C283.296 40.5842 285.15 39.0062 286.653 37.8037C288.207 36.5511 289.234 35.9248 289.735 35.9248C290.787 35.9249 291.664 36.3255 292.365 37.127C293.117 37.9286 293.493 39.1311 293.493 40.7344C293.493 41.6361 293.443 42.7134 293.343 43.9658C295.547 40.1582 298.102 37.0263 301.008 34.5713C303.914 32.0661 306.77 30.2132 309.576 29.0107C312.432 27.7582 314.862 27.1318 316.866 27.1318C319.121 27.1319 320.649 27.5826 321.45 28.4844C322.252 29.336 322.653 30.2376 322.653 31.1895C322.653 31.7404 322.528 32.2918 322.277 32.8428C322.077 33.3438 321.526 33.8958 320.624 34.4971C319.772 35.0983 318.344 35.799 316.34 36.6006C313.684 37.6026 311.154 38.78 308.749 40.1328C306.394 41.4855 304.215 43.3396 302.211 45.6943C300.257 47.999 298.478 51.1058 296.875 55.0137C295.322 58.8716 294.019 63.8321 292.967 69.8945C292.616 71.5978 292.065 72.7502 291.313 73.3516C290.562 74.0029 289.685 74.3291 288.683 74.3291H288.156C287.705 74.3791 287.229 74.329 286.729 74.1787C286.278 74.0785 285.827 73.6526 285.376 72.9014C284.975 72.2 284.649 70.9722 284.398 69.2188C284.148 67.4652 284.023 64.9597 284.023 61.7031C284.023 59.7491 284.099 57.6945 284.249 55.54C284.449 53.3356 284.699 51.0559 285 48.7012C282.445 51.2063 279.715 53.7368 276.809 56.292C273.903 58.8472 270.896 61.202 267.79 63.3564C264.734 65.4608 261.727 67.1641 258.771 68.4668C255.865 69.7694 253.159 70.4209 250.654 70.4209C247.297 70.4209 244.541 69.3439 242.387 67.1895C240.282 64.9849 239.23 61.6024 239.23 57.043C239.23 56.9572 239.232 56.8716 239.232 56.7861C239.005 57.0395 238.771 57.302 238.526 57.5703C236.973 59.2738 235.169 61.0776 233.115 62.9814C231.111 64.8353 228.956 66.5897 226.651 68.2432C224.397 69.8964 222.142 71.2487 219.888 72.3008C217.633 73.3529 215.504 73.8788 213.5 73.8789C208.991 73.8789 205.433 72.5018 202.827 69.7461C200.272 66.9403 198.995 62.9565 198.995 57.7959C198.995 57.5717 198.997 57.3445 199.002 57.1143C198.472 57.6087 197.926 58.112 197.361 58.6211C194.856 60.8757 192.201 63.0057 189.396 65.0098C186.59 67.0139 183.808 68.6419 181.053 69.8945C178.297 71.1471 175.742 71.7734 173.387 71.7734C168.777 71.7733 164.845 69.7689 161.588 65.7607C158.181 67.6145 154.598 69.0679 150.841 70.1201C147.133 71.2224 143.476 71.7734 139.868 71.7734C133.505 71.7734 128.82 70.3201 125.813 67.4141C122.808 64.5081 121.305 60.5501 121.305 55.54C121.305 50.8804 121.906 46.5965 123.108 42.6885C124.311 38.7303 125.889 35.3227 127.843 32.4668C129.797 29.5609 131.902 27.3064 134.156 25.7031C136.461 24.0999 138.69 23.2979 140.845 23.2979C145.103 23.2979 148.285 24.5256 150.39 26.9805C152.494 29.4355 153.546 32.4677 153.546 36.0752C153.546 38.3798 152.769 40.7097 151.216 43.0645C149.663 45.4191 147.158 47.699 143.701 49.9033C140.294 52.1079 135.784 54.1876 130.173 56.1416C130.473 58.7966 131.425 60.7002 133.028 61.8525C134.682 62.9548 137.313 63.5068 140.92 63.5068C144.177 63.5068 147.233 63.1806 150.089 62.5293C152.995 61.8278 155.701 60.9014 158.206 59.749C157.505 58.0456 156.979 56.2166 156.628 54.2627C156.277 52.2586 156.102 50.1287 156.102 47.874C156.102 43.3146 156.828 39.5065 158.281 36.4502C159.734 33.3941 161.563 31.1144 163.768 29.6113C165.972 28.0582 168.227 27.2812 170.531 27.2812C172.636 27.2813 174.565 27.6827 176.318 28.4844C178.122 29.286 179.549 30.5137 180.602 32.167C181.704 33.7702 182.256 35.8491 182.256 38.4043C182.256 42.4627 181.028 46.4213 178.573 50.2793C176.168 54.1372 173.011 57.6192 169.104 60.7256C170.556 62.1284 172.285 62.8301 174.289 62.8301C176.093 62.8301 178.097 62.3543 180.302 61.4023C182.506 60.4504 184.736 59.1977 186.99 57.6445C189.295 56.0413 191.524 54.3378 193.679 52.5342C195.833 50.6803 197.737 48.9008 199.391 47.1973C199.771 46.7219 200.142 46.3574 200.502 46.1025C201.194 42.8517 202.043 39.4592 203.053 35.9258C204.305 31.667 205.633 27.4584 207.036 23.2998C208.489 19.1412 209.917 15.2829 211.32 11.7256C212.723 8.16841 213.951 5.18711 215.003 2.78223C215.905 0.928588 217.183 0.00195312 218.836 0.00195312ZM171.283 35.248C169.93 35.248 168.777 35.774 167.825 36.8262C166.873 37.8783 166.147 39.2565 165.646 40.96C165.196 42.6134 164.97 44.4171 164.97 46.3711C164.97 49.5273 165.27 52.2579 165.871 54.5625C168.476 52.2077 170.481 49.5778 171.884 46.6719C173.337 43.7158 174.063 40.6594 174.063 37.5029C174.063 37.1522 173.813 36.7006 173.312 36.1494C172.861 35.5486 172.185 35.2481 171.283 35.248ZM257.944 35.248C256.592 35.248 255.364 35.9747 254.262 37.4277C253.159 38.8306 252.207 40.5841 251.405 42.6885C250.604 44.7928 249.953 46.8976 249.452 49.002C250.755 48.3507 252.132 47.5987 253.585 46.7471C255.088 45.8452 256.491 44.9178 257.794 43.9658C259.096 42.9639 260.149 41.987 260.95 41.0352C261.802 40.0832 262.229 39.1809 262.229 38.3291C262.228 36.9265 261.827 36.075 261.025 35.7744C260.274 35.4237 259.247 35.2481 257.944 35.248ZM141.221 31.3398C140.219 31.3398 139.167 31.866 138.064 32.918C137.012 33.92 135.984 35.273 134.982 36.9766C134.03 38.68 133.154 40.5591 132.353 42.6133C131.601 44.6675 131.025 46.7472 130.624 48.8516C133.179 47.599 135.559 46.1958 137.764 44.6426C140.018 43.0894 141.822 41.5105 143.175 39.9072C144.577 38.3041 145.279 36.8012 145.279 35.3984C145.279 34.0959 145.003 33.094 144.452 32.3926C143.901 31.6911 142.824 31.3399 141.221 31.3398Z"/>
<path id="outlines" d="M14.0547 10.3359C25.4278 9.87772 37.3366 8.02436 49.6465 13.043C51.3364 13.9385 53.2216 15.3099 54.2021 17.6035C58.4515 31.5249 56.0626 44.6095 53.6787 57.5791C53.0022 60.76 52.2039 63.9246 51.252 67.0342C50.6025 69.7071 48.6851 70.6563 47.2109 71.6719C45.6503 72.625 44.0204 73.3505 42.4258 73.9717C33.5397 77.2113 24.4628 78.3567 14.876 77.3398C13.2097 77.1275 11.5139 76.815 9.66602 76.2285C8.74984 75.9302 7.76534 75.5655 6.67188 74.959C5.58185 74.2535 4.03721 73.6248 2.83301 70.7686C1.14477 64.4806 1.43406 59.6367 1.09375 54.3047C0.768714 46.7602 0.920644 39.246 1.82715 31.6689C2.30538 27.8759 2.94174 24.095 4.19824 20.2344C4.84929 18.3039 5.61523 16.3665 6.9707 14.4131C8.21221 12.5649 10.7809 10.2517 14.0547 10.3359ZM9.3623 27.2207C9.08129 28.9204 8.87555 30.6614 8.71387 32.4092C8.09237 39.4654 8.18456 46.704 8.77148 53.8076C9.15321 58.1084 10.0253 62.8807 11.292 66.2646C11.5508 66.3438 11.9711 66.465 12.418 66.5615C13.5026 66.8023 14.8184 66.9937 16.1455 67.1592C24.0338 68.0169 32.7591 68.3328 41.0732 67.9893C43.9489 67.8389 47.6214 67.3925 48.7822 66.3398C49.5622 63.2741 50.1875 60.1525 50.6895 57.0205C51.9842 47.9761 52.9439 38.1955 51.8848 29.3174C51.7108 29.3176 51.5369 29.3194 51.3633 29.3193C44.6834 29.3182 38.0504 29.1766 31.4209 28.8369C24.076 28.4622 16.7327 27.9292 9.3623 27.2207ZM25.1074 34.8604C27.4303 32.7878 37.0491 45.0583 38.2793 48.042C39.3712 50.6906 38.279 51.9443 37.0488 52.7529C33.2015 55.2818 24.2247 61.7305 22.3018 59.166C21.0182 54.6776 22.3011 37.3657 25.1074 34.8604ZM46.2627 17.2461C45.849 18.3695 45.4019 19.4866 44.9258 20.5781C44.3048 22.0039 43.6459 23.3923 42.9814 24.7656C45.8058 25.15 48.6203 25.6278 51.4199 26.2012C51.0057 23.9092 50.4368 21.6939 49.6787 19.5869C49.3533 18.8905 48.504 18.1744 47.3281 17.6201C46.9768 17.4885 46.6214 17.3639 46.2627 17.2461ZM33.9824 15.4316C33.9784 15.6297 33.9457 15.8279 33.8799 16.0186C33.825 16.1776 33.7689 16.3358 33.7129 16.4941C33.2272 17.8713 32.6849 19.2431 32.1025 20.5781C31.6466 21.625 31.1694 22.6515 30.6855 23.667C31.0179 23.6819 31.3503 23.6979 31.6826 23.7148C34.1637 23.8419 36.6431 24.0351 39.1162 24.2979C39.1259 24.0327 39.1893 23.7696 39.3076 23.5264C39.3795 23.3785 39.4482 23.2363 39.5195 23.0889C40.1733 21.7377 40.8123 20.3913 41.3994 19.043C41.7991 18.1263 42.1717 17.2063 42.5215 16.2754C39.8059 15.7364 36.9386 15.4903 33.9824 15.4316ZM14.2598 16.5918L14.0596 16.5957C13.3076 16.256 11.2922 19.057 10.4805 22.2188C10.3049 22.8158 10.143 23.4232 9.99609 24.04C11.6168 23.9101 13.2388 23.8037 14.8613 23.7207C14.8849 23.6548 14.9124 23.5899 14.9434 23.5264C15.0153 23.3785 15.0829 23.2363 15.1543 23.0889C15.8081 21.7377 16.447 20.3913 17.0342 19.043C17.4371 18.1189 17.8128 17.1915 18.165 16.2529C16.8578 16.3676 15.5544 16.4843 14.2598 16.5918ZM29.9971 15.4541C27.4849 15.5259 24.9311 15.6938 22.3721 15.8975C22.361 15.9378 22.3516 15.9788 22.3379 16.0186C22.283 16.1776 22.2278 16.3359 22.1719 16.4941C21.6862 17.8713 21.1439 19.2431 20.5615 20.5781C20.1222 21.5868 19.6629 22.5764 19.1973 23.5557C21.6249 23.4947 24.0532 23.487 26.4805 23.5332C26.4816 23.5309 26.4832 23.5287 26.4844 23.5264C26.5563 23.3785 26.6239 23.2363 26.6953 23.0889C27.3491 21.7377 27.988 20.3913 28.5752 19.043C29.0919 17.8579 29.5628 16.6671 29.9971 15.4541Z"/>
</g>
</svg>
<p>Prueba y ajusta tus reels o stories animadas antes de subir. Formatos de vídeo <strong>9:16</strong></p>
<div class="drop-container" id="dropcontainer">
<p>Arrastra un vídeo aquí o</p>
<input type="file" id="video-upload" accept="video/*">
<label id="file-input-label" for="video-upload">
Sube un vídeo
</label>
<span class="file-name"></span>
</div>
<div class="toggle-container">
<label for="storie-toggle" class="switch">
<input type="checkbox" id="storie-toggle">
<span class="slider round"></span>
</label>
<p>Modo Storie</p>
</div>
<div class="toggle-container">
<label for="darkmode" class="switch theme-switch">
<input type="checkbox" id="darkmode">
<span class="slider round"></span>
</label>
<p>Modo Oscuro</p>
</div>
<aside class="info" id="tinyFAQ">
<ul>
<li>Tus vídeos <strong>no se suben</strong> a ninguna parte.</li>
<li>Las dimensiones pueden variar ligeramente según dispositivo. Usa esta herramienta <strong>como referencia</strong>.</li>
<li>Este sitio no está afiliado con Meta.</li>
</ul>
</aside>
<p class="copy">© 2025 <a href="https://darriagada.com/?ref=reeler" target="_blank">@darriagada</a> · <a href="https://github.com/darriagada/reeler?ref=reeler" target="_blank">Código</a></p>
</div>
<div id="video-wrapper">
<div class="ui-overlayTop"><img id="top" src="assets/reel_top.png" alt="Overlay" /></div>
<div class="ui-overlayBottom"><img id="bottom" src="assets/reel_bottom.png" alt="Overlay" /></div>
<video id="video-player" loop autoplay playsinline muted>
<source src="assets/test.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<img id="image-player" style="display: none;" alt="Image">
</div>
</div>
</main>
<script src="js/main.reel.js"></script>
</body>
</html>