sdk/src/not_paired.html

Rama main · réplica de lectura del repositorio original.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wispers Access – Open this from the app</title>
<style>
  body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
         background: #F5F5EF; color: #1B1B18; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
  main { max-width: 440px; padding: 48px 24px; }
  svg { display: block; margin-bottom: 36px; }
  h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: 30px; line-height: 1.2; margin: 0 0 12px; }
  p { font-size: 15px; line-height: 1.5; color: #5E5E57; margin: 0 0 20px; }
  ol { list-style: none; margin: 0 0 16px; padding: 16px 20px; background: #FFFFFF; border-radius: 16px;
       box-shadow: 0 1px 2px rgba(20,20,19,.06); counter-reset: step; }
  li { counter-increment: step; display: flex; align-items: center; gap: 12px; font-size: 14px; padding: 6px 0; }
  li::before { content: counter(step); flex: none; width: 22px; height: 22px; border-radius: 50%;
               background: #1B1B18; color: #F5F5EF; font-size: 12px; font-weight: 600;
               display: inline-flex; align-items: center; justify-content: center; }
  .note { font-size: 13px; }
</style>
</head>
<body>
<main>
  <svg width="140" role="img" aria-label="Wispers Access" viewBox="0 0 302 110" version="1.1" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g id="text" transform="matrix(1.15153,0,0,1.15153,-408.871,-444.208)">
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M426.918,359.206L417.126,332.582C416.87,331.814 416.518,331.227 416.07,330.822C415.622,330.417 415.035,330.086 414.31,329.83L413.222,329.51L413.222,328.294L428.518,328.294L428.518,329.51L427.494,329.766C425.872,330.193 425.339,331.217 425.894,332.838L431.718,350.246L437.094,335.974L436.134,333.094C435.835,332.198 435.526,331.494 435.206,330.982C434.886,330.47 434.427,330.107 433.83,329.894L432.742,329.51L432.742,328.294L445.926,328.294L445.926,329.51L445.03,329.83C444.347,330.086 443.931,330.438 443.782,330.886C443.632,331.334 443.707,331.985 444.006,332.838L449.702,349.862L455.462,332.902C455.974,331.238 455.59,330.235 454.31,329.894L453.03,329.51L453.03,328.294L461.606,328.294L461.606,329.51L460.198,329.894C459.472,330.107 458.918,330.427 458.534,330.854C458.15,331.281 457.83,331.878 457.574,332.646L448.358,359.206L445.03,359.206L438.054,338.79L430.502,359.206L426.918,359.206Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M463.846,359.014L463.846,357.798L464.806,357.542C465.659,357.286 466.235,356.902 466.534,356.39C466.832,355.878 467.003,355.195 467.046,354.342L467.046,338.886C467.046,337.755 467.024,336.593 466.982,335.398C466.982,334.545 466.822,333.873 466.502,333.382C466.182,332.891 465.595,332.561 464.742,332.39L463.846,332.198L463.846,331.046L475.046,327.334L475.814,328.038L475.622,337.126L475.622,354.406C475.622,355.259 475.782,355.942 476.102,356.454C476.422,356.966 476.987,357.35 477.798,357.606L478.502,357.798L478.502,359.014L463.846,359.014Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-26.9316,65.6711)">
            <path d="M461.728,341.973C460.32,341.973 459.125,341.525 458.144,340.629C457.163,339.733 456.672,338.603 456.672,337.237C456.672,335.829 457.163,334.688 458.144,333.813C459.125,332.939 460.32,332.501 461.728,332.501C463.136,332.501 464.331,332.939 465.312,333.813C466.293,334.688 466.784,335.829 466.784,337.237C466.784,338.603 466.293,339.733 465.312,340.629C464.331,341.525 463.136,341.973 461.728,341.973Z" style="fill:rgb(161,210,131);"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M492.39,359.91C490.342,359.91 488.496,359.686 486.854,359.238C485.211,358.79 483.643,358.161 482.15,357.35L482.15,349.798L483.878,349.798L485.798,353.446C486.608,355.025 487.536,356.198 488.582,356.966C489.627,357.734 490.96,358.118 492.582,358.118C494.587,358.118 496.187,357.681 497.382,356.806C498.576,355.931 499.174,354.747 499.174,353.254C499.174,351.889 498.726,350.779 497.83,349.926C496.934,349.073 495.334,348.283 493.03,347.558L490.214,346.662C487.696,345.894 485.702,344.731 484.23,343.174C482.758,341.617 482.022,339.665 482.022,337.318C482.022,335.483 482.512,333.809 483.494,332.294C484.475,330.779 485.904,329.574 487.782,328.678C489.659,327.782 491.942,327.334 494.63,327.334C496.379,327.334 497.99,327.537 499.462,327.942C500.934,328.347 502.374,328.913 503.782,329.638L503.398,336.486L501.734,336.486L499.75,332.838C499.067,331.473 498.374,330.523 497.67,329.99C496.966,329.457 495.888,329.19 494.438,329.19C492.902,329.19 491.547,329.585 490.374,330.374C489.2,331.163 488.614,332.262 488.614,333.67C488.614,334.993 489.104,336.07 490.086,336.902C491.067,337.734 492.646,338.513 494.822,339.238L497.574,340.07C500.688,341.051 502.907,342.353 504.23,343.974C505.552,345.595 506.214,347.537 506.214,349.798C506.214,352.827 505.008,355.27 502.598,357.126C500.187,358.982 496.784,359.91 492.39,359.91Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M508.518,373.798L508.518,372.582L509.35,372.326C510.203,372.113 510.8,371.761 511.142,371.27C511.483,370.779 511.654,370.086 511.654,369.19C511.654,367.441 511.664,365.787 511.686,364.23C511.707,362.673 511.718,361.169 511.718,359.718L511.718,338.694C511.718,337.734 511.696,336.657 511.654,335.462C511.654,334.566 511.504,333.873 511.206,333.382C510.907,332.891 510.331,332.561 509.478,332.39L508.518,332.198L508.518,331.046L518.822,327.334L519.59,327.974L520.166,330.342C523.11,328.337 526.438,327.334 530.15,327.334C533.776,327.334 536.688,328.699 538.886,331.43C541.083,334.161 542.182,338.193 542.182,343.526C542.182,348.689 540.976,352.71 538.566,355.59C536.155,358.47 532.88,359.91 528.742,359.91C527.078,359.91 525.51,359.761 524.038,359.462C522.566,359.163 521.254,358.715 520.102,358.118L520.102,360.038C520.102,361.318 520.112,362.705 520.134,364.198C520.155,365.691 520.166,367.313 520.166,369.062C520.166,370.769 520.912,371.835 522.406,372.262L523.622,372.582L523.622,373.798L508.518,373.798ZM525.734,357.35C527.995,357.35 529.776,356.337 531.078,354.31C532.379,352.283 533.03,348.774 533.03,343.782C533.03,338.833 532.411,335.366 531.174,333.382C529.936,331.398 528.187,330.406 525.926,330.406C525.115,330.406 524.24,330.534 523.302,330.79C522.363,331.046 521.36,331.473 520.294,332.07L520.294,356.262C522,356.987 523.814,357.35 525.734,357.35Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M561.446,327.334C564.134,327.334 566.438,327.889 568.358,328.998C570.278,330.107 571.76,331.633 572.806,333.574C573.851,335.515 574.374,337.745 574.374,340.262C574.374,340.817 574.352,341.339 574.31,341.83C574.267,342.321 574.182,342.779 574.054,343.206L554.79,343.206C554.832,347.601 555.654,350.758 557.254,352.678C558.854,354.598 561.19,355.558 564.262,355.558C566.395,355.558 568.123,355.206 569.446,354.502C570.768,353.798 571.984,352.806 573.094,351.526L574.118,352.486C572.838,354.833 571.099,356.657 568.902,357.958C566.704,359.259 564.091,359.91 561.062,359.91C558.032,359.91 555.366,359.27 553.062,357.99C550.758,356.71 548.955,354.865 547.654,352.454C546.352,350.043 545.702,347.153 545.702,343.782C545.702,340.283 546.459,337.318 547.974,334.886C549.488,332.454 551.451,330.587 553.862,329.286C556.272,327.985 558.8,327.334 561.446,327.334ZM561.126,329.19C559.888,329.19 558.811,329.542 557.894,330.246C556.976,330.95 556.251,332.187 555.718,333.958C555.184,335.729 554.875,338.214 554.79,341.414L566.246,341.414C566.715,337.105 566.544,333.99 565.734,332.07C564.923,330.15 563.387,329.19 561.126,329.19Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M577.638,359.014L577.638,357.798L578.598,357.478C579.451,357.265 580.038,356.902 580.358,356.39C580.678,355.878 580.838,355.195 580.838,354.342L580.838,335.59C580.795,334.651 580.624,333.937 580.326,333.446C580.027,332.955 579.451,332.625 578.598,332.454L577.638,332.198L577.638,331.046L588.07,327.334L588.838,328.038L589.414,333.67L589.414,334.118C590.054,332.923 590.864,331.814 591.846,330.79C592.827,329.766 593.894,328.934 595.046,328.294C596.198,327.654 597.35,327.334 598.502,327.334C600.123,327.334 601.339,327.761 602.15,328.614C602.96,329.467 603.366,330.555 603.366,331.878C603.366,333.329 602.96,334.427 602.15,335.174C601.339,335.921 600.358,336.294 599.206,336.294C597.499,336.294 596.027,335.526 594.79,333.99L594.662,333.862C594.235,333.35 593.755,333.062 593.222,332.998C592.688,332.934 592.166,333.201 591.654,333.798C591.227,334.225 590.832,334.726 590.47,335.302C590.107,335.878 589.776,336.55 589.478,337.318L589.478,354.086C589.478,354.897 589.648,355.569 589.99,356.102C590.331,356.635 590.907,357.009 591.718,357.222L593.638,357.798L593.638,359.014L577.638,359.014Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(1,0,0,1,-36.4094,83.8304)">
            <path d="M615.91,359.91C613.862,359.91 612.016,359.686 610.374,359.238C608.731,358.79 607.163,358.161 605.67,357.35L605.67,349.798L607.398,349.798L609.318,353.446C610.128,355.025 611.056,356.198 612.102,356.966C613.147,357.734 614.48,358.118 616.102,358.118C618.107,358.118 619.707,357.681 620.902,356.806C622.096,355.931 622.694,354.747 622.694,353.254C622.694,351.889 622.246,350.779 621.35,349.926C620.454,349.073 618.854,348.283 616.55,347.558L613.734,346.662C611.216,345.894 609.222,344.731 607.75,343.174C606.278,341.617 605.542,339.665 605.542,337.318C605.542,335.483 606.032,333.809 607.014,332.294C607.995,330.779 609.424,329.574 611.302,328.678C613.179,327.782 615.462,327.334 618.15,327.334C619.899,327.334 621.51,327.537 622.982,327.942C624.454,328.347 625.894,328.913 627.302,329.638L626.918,336.486L625.254,336.486L623.27,332.838C622.587,331.473 621.894,330.523 621.19,329.99C620.486,329.457 619.408,329.19 617.958,329.19C616.422,329.19 615.067,329.585 613.894,330.374C612.72,331.163 612.134,332.262 612.134,333.67C612.134,334.993 612.624,336.07 613.606,336.902C614.587,337.734 616.166,338.513 618.342,339.238L621.094,340.07C624.208,341.051 626.427,342.353 627.75,343.974C629.072,345.595 629.734,347.537 629.734,349.798C629.734,352.827 628.528,355.27 626.118,357.126C623.707,358.982 620.304,359.91 615.91,359.91Z" style="fill:rgb(40,54,54);fill-rule:nonzero;"/>
        </g>
    </g>
    <g transform="matrix(1.59507,0,0,1.59507,-156.877,-229.773)">
        <g transform="matrix(16.7182,0,0,16.7182,198.388,203.915)">
            <path d="M0.054,-0L0.357,-0.705L0.407,-0.705L0.71,-0L0.654,-0L0.567,-0.204L0.601,-0.19L0.165,-0.19L0.197,-0.204L0.11,-0L0.054,-0ZM0.38,-0.633L0.207,-0.228L0.182,-0.24L0.584,-0.24L0.556,-0.228L0.384,-0.633L0.38,-0.633Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(16.7182,0,0,16.7182,211.077,203.915)">
            <path d="M0.321,0.008C0.271,0.008 0.228,-0.002 0.191,-0.023C0.154,-0.044 0.125,-0.073 0.105,-0.111C0.084,-0.149 0.074,-0.194 0.074,-0.246C0.074,-0.299 0.084,-0.344 0.105,-0.383C0.126,-0.421 0.155,-0.45 0.192,-0.471C0.229,-0.492 0.272,-0.502 0.322,-0.502C0.355,-0.502 0.387,-0.496 0.417,-0.484C0.446,-0.471 0.471,-0.454 0.491,-0.433L0.467,-0.393C0.447,-0.412 0.424,-0.427 0.399,-0.438C0.373,-0.448 0.348,-0.453 0.323,-0.453C0.264,-0.453 0.216,-0.435 0.181,-0.398C0.145,-0.361 0.127,-0.31 0.127,-0.245C0.127,-0.181 0.145,-0.131 0.181,-0.095C0.216,-0.059 0.263,-0.041 0.322,-0.041C0.347,-0.041 0.372,-0.046 0.397,-0.056C0.422,-0.066 0.444,-0.08 0.463,-0.097L0.487,-0.058C0.468,-0.037 0.445,-0.021 0.416,-0.01C0.387,0.002 0.355,0.008 0.321,0.008Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(16.7182,0,0,16.7182,219.637,203.915)">
            <path d="M0.321,0.008C0.271,0.008 0.228,-0.002 0.191,-0.023C0.154,-0.044 0.125,-0.073 0.105,-0.111C0.084,-0.149 0.074,-0.194 0.074,-0.246C0.074,-0.299 0.084,-0.344 0.105,-0.383C0.126,-0.421 0.155,-0.45 0.192,-0.471C0.229,-0.492 0.272,-0.502 0.322,-0.502C0.355,-0.502 0.387,-0.496 0.417,-0.484C0.446,-0.471 0.471,-0.454 0.491,-0.433L0.467,-0.393C0.447,-0.412 0.424,-0.427 0.399,-0.438C0.373,-0.448 0.348,-0.453 0.323,-0.453C0.264,-0.453 0.216,-0.435 0.181,-0.398C0.145,-0.361 0.127,-0.31 0.127,-0.245C0.127,-0.181 0.145,-0.131 0.181,-0.095C0.216,-0.059 0.263,-0.041 0.322,-0.041C0.347,-0.041 0.372,-0.046 0.397,-0.056C0.422,-0.066 0.444,-0.08 0.463,-0.097L0.487,-0.058C0.468,-0.037 0.445,-0.021 0.416,-0.01C0.387,0.002 0.355,0.008 0.321,0.008Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(16.7182,0,0,16.7182,228.197,203.915)">
            <path d="M0.33,0.008C0.279,0.008 0.235,-0.002 0.196,-0.022C0.157,-0.041 0.127,-0.07 0.106,-0.109C0.085,-0.147 0.074,-0.193 0.074,-0.248C0.074,-0.297 0.083,-0.341 0.102,-0.379C0.121,-0.417 0.148,-0.447 0.183,-0.469C0.218,-0.491 0.261,-0.502 0.311,-0.502C0.362,-0.502 0.404,-0.491 0.437,-0.47C0.47,-0.448 0.494,-0.418 0.51,-0.38C0.525,-0.342 0.533,-0.298 0.533,-0.248L0.533,-0.234L0.108,-0.234L0.108,-0.281L0.509,-0.281L0.484,-0.256C0.484,-0.317 0.469,-0.366 0.439,-0.401C0.408,-0.436 0.365,-0.454 0.31,-0.454C0.275,-0.454 0.244,-0.446 0.217,-0.43C0.189,-0.414 0.167,-0.391 0.151,-0.362C0.135,-0.333 0.127,-0.297 0.127,-0.256L0.127,-0.248C0.127,-0.204 0.135,-0.167 0.153,-0.136C0.169,-0.105 0.193,-0.082 0.224,-0.066C0.254,-0.049 0.289,-0.041 0.328,-0.041C0.355,-0.041 0.384,-0.045 0.415,-0.052C0.445,-0.059 0.473,-0.074 0.5,-0.097L0.525,-0.057C0.5,-0.034 0.469,-0.017 0.434,-0.007C0.398,0.003 0.363,0.008 0.33,0.008Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(16.7182,0,0,16.7182,238.345,203.915)">
            <path d="M0.284,0.008C0.258,0.008 0.232,0.005 0.206,-0C0.179,-0.005 0.155,-0.013 0.132,-0.023C0.109,-0.033 0.09,-0.045 0.075,-0.059L0.099,-0.1C0.116,-0.085 0.135,-0.074 0.157,-0.065C0.178,-0.056 0.199,-0.05 0.222,-0.047C0.245,-0.043 0.266,-0.041 0.287,-0.041C0.332,-0.041 0.369,-0.049 0.397,-0.065C0.424,-0.08 0.438,-0.101 0.438,-0.127C0.438,-0.15 0.43,-0.169 0.415,-0.182C0.399,-0.195 0.373,-0.205 0.336,-0.212L0.232,-0.231C0.186,-0.24 0.151,-0.254 0.127,-0.275C0.103,-0.296 0.091,-0.325 0.091,-0.364C0.091,-0.392 0.099,-0.416 0.115,-0.437C0.131,-0.458 0.154,-0.474 0.183,-0.485C0.212,-0.496 0.245,-0.502 0.283,-0.502C0.306,-0.502 0.33,-0.5 0.356,-0.495C0.381,-0.49 0.405,-0.482 0.428,-0.473C0.451,-0.463 0.468,-0.451 0.481,-0.436L0.457,-0.396C0.442,-0.41 0.425,-0.421 0.405,-0.43C0.385,-0.438 0.364,-0.444 0.343,-0.448C0.322,-0.451 0.301,-0.453 0.282,-0.453C0.241,-0.453 0.207,-0.445 0.182,-0.429C0.156,-0.413 0.143,-0.392 0.143,-0.365C0.143,-0.342 0.15,-0.324 0.165,-0.311C0.18,-0.298 0.204,-0.288 0.238,-0.281L0.34,-0.262C0.39,-0.253 0.428,-0.238 0.453,-0.217C0.478,-0.196 0.49,-0.166 0.49,-0.129C0.49,-0.102 0.482,-0.078 0.465,-0.057C0.448,-0.036 0.424,-0.02 0.393,-0.009C0.362,0.002 0.325,0.008 0.284,0.008Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(16.7182,0,0,16.7182,247.79,203.915)">
            <path d="M0.284,0.008C0.258,0.008 0.232,0.005 0.206,-0C0.179,-0.005 0.155,-0.013 0.132,-0.023C0.109,-0.033 0.09,-0.045 0.075,-0.059L0.099,-0.1C0.116,-0.085 0.135,-0.074 0.157,-0.065C0.178,-0.056 0.199,-0.05 0.222,-0.047C0.245,-0.043 0.266,-0.041 0.287,-0.041C0.332,-0.041 0.369,-0.049 0.397,-0.065C0.424,-0.08 0.438,-0.101 0.438,-0.127C0.438,-0.15 0.43,-0.169 0.415,-0.182C0.399,-0.195 0.373,-0.205 0.336,-0.212L0.232,-0.231C0.186,-0.24 0.151,-0.254 0.127,-0.275C0.103,-0.296 0.091,-0.325 0.091,-0.364C0.091,-0.392 0.099,-0.416 0.115,-0.437C0.131,-0.458 0.154,-0.474 0.183,-0.485C0.212,-0.496 0.245,-0.502 0.283,-0.502C0.306,-0.502 0.33,-0.5 0.356,-0.495C0.381,-0.49 0.405,-0.482 0.428,-0.473C0.451,-0.463 0.468,-0.451 0.481,-0.436L0.457,-0.396C0.442,-0.41 0.425,-0.421 0.405,-0.43C0.385,-0.438 0.364,-0.444 0.343,-0.448C0.322,-0.451 0.301,-0.453 0.282,-0.453C0.241,-0.453 0.207,-0.445 0.182,-0.429C0.156,-0.413 0.143,-0.392 0.143,-0.365C0.143,-0.342 0.15,-0.324 0.165,-0.311C0.18,-0.298 0.204,-0.288 0.238,-0.281L0.34,-0.262C0.39,-0.253 0.428,-0.238 0.453,-0.217C0.478,-0.196 0.49,-0.166 0.49,-0.129C0.49,-0.102 0.482,-0.078 0.465,-0.057C0.448,-0.036 0.424,-0.02 0.393,-0.009C0.362,0.002 0.325,0.008 0.284,0.008Z" style="fill:rgb(40,53,53);fill-rule:nonzero;"/>
        </g>
    </g>
</svg>
  <h1>Open this from the app</h1>
  <p>This browser isn't connected to Wispers Access on this computer, or the link you used has expired.</p>
  <ol>
    <li>Open Wispers Access and pick the share</li>
    <li>Click “Open in browser” next to the app</li>
  </ol>
  <p class="note">Links from the app work once and only for a short time.</p>
</main>
</body>
</html>