CINXE.COM
IPredator is moving to Njalla
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <style> body { background-color: #1F353F; color: #1F353F; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; display: flex; align-items: center; flex-direction: column; min-height: 95vh; justify-content: center; } .top { width: 100%; margin-top: 48px; margin-bottom: 48px; display: flex; gap: 32px; justify-content: center; } .top svg { margin-top: auto; margin-bottom: auto; } .info, .login, .signup { background-color: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .info { max-width: 1300px; width: 90%; min-height: 477px; } .signup { max-width: 1126px; width: 78%; margin-top: -176px; min-height: 346px; margin-bottom: 48px; } .login { display: none; max-width: 1126px; width: 78%; margin-top: -176px; min-height: 346px; margin-bottom: 48px; } a, a:hover, a:focus, a:active, a.active { color: #4bb390; } @media(max-width:768px) { .info { width: 100%; } .login, .signup{ width: calc(100% - 16px); min-height: 346px; } } .info .title { font-weight: 300; font-size: 32px; line-height: 42px; text-align: center; letter-spacing: -1.23077px; margin-top: 48px; margin-left: 8px; margin-right: 8px; } .info .byline { font-size: 18px; color: rgba(1, 3, 38, 0.8); text-align: center; mix-blend-mode: normal; opacity: 0.8; margin-top: 18px; margin-bottom: 18px; } .info .more { text-align: center; } .info .more a { color: #4bb390; } .info .padding { height: 220px; } .info .more .text { color: #72748A; font-size: 20px; mix-blend-mode: normal; opacity: 0.8; display: none; width: 60%; text-align: left; margin: auto; margin-top: 32px; } @media(max-width:768px) { .info .more .text { width: 80%; } } .login, .signup{ text-align: center; } .login .title { margin-top: 48px; font-size: 18px; line-height: 30px; color: rgba(1, 4, 34, 0.8); mix-blend-mode: normal; opacity: 0.8; } .login .byline { font-size: 14px; line-height: 30px; color: rgba(1, 5, 31, 0.8); mix-blend-mode: normal; opacity: 0.8; margin-top: 8px; margin-bottom: 18px; } .login input { border: 1px solid #D9D9D9; padding: 22px; font-size: 18px; line-height: 18px; color: rgba(1, 5, 31, 0.8); margin: 8px; } .login input[type="submit"] { font-family: Roboto; font-weight: 500; color: #FFFFFF; text-align: center; background-color: #4bb390; } .login input:focus { border: 1px solid #0CD5A8; } .login .form form { margin-bottom: 0; } .login .form a { color: rgba(1, 5, 31, 0.8); opacity: 0.4; font-size: 14px; line-height: 30px; text-decoration: underline; } .btn { font-family: Roboto; border: 1px solid #D9D9D9; padding: 16px; font-size: 18px; line-height: 18px; color: rgba(1, 5, 31, 0.8); margin: 8px; font-weight: 500; color: #FFFFFF; text-align: center; background-color: #4bb390; cursor: pointer; } a.btn { text-decoration: none; } a.btn, a.btn:hover, a.btn:focus, a.btn:active { color: #FFFFFF; } .signup h2 { font-weight: 300; font-size: 32px; } .signup p { font-size: 18px; color: rgba(1, 3, 38, 0.8); text-align: center; mix-blend-mode: normal; opacity: 0.8; margin-top: 18px; margin-bottom: 18px; } @media(max-width:768px) { .login .form { margin-bottom: 16px; } .login .form input { max-width: 90%; } } </style> <link href="/static/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <script src="/static/vendor/jquery/jquery.min.js"></script> <title>IPredator is moving to Njalla</title> </head> <body> <div class="top"> <svg width="43" height="27" viewBox="0 0 43 27" fill="none" xmlns="http://www.w3.org/2000/svg" alt="IPredator"> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.1814 9.09108C35.1817 9.06075 35.1818 9.0304 35.1818 9C35.1818 4.02944 31.0981 0 26.0606 0C22.3852 0 19.2175 2.14497 17.7732 5.23545C16.5851 3.99111 14.8997 3.21429 13.0303 3.21429C9.52438 3.21429 6.66523 5.9467 6.52087 9.37103C2.75023 10.4756 0 13.9209 0 18C0 22.9706 4.08371 27 9.12121 27H33.8788C38.9163 27 43 22.9706 43 18C43 13.4658 39.6018 9.71475 35.1814 9.09108ZM10.5792 20.7135C11.6339 20.9089 18.65 21.3598 18.65 20.4559C18.65 18.8451 13.9353 15 10.3794 15C8.90977 15 6 15.682 6 17.728C6 19.7739 9.52441 20.5181 10.5792 20.7135ZM32.4208 20.7135C31.3661 20.9089 24.35 21.3598 24.35 20.4559C24.35 18.8451 29.0647 15 32.6206 15C34.0902 15 37 15.682 37 17.728C37 19.7739 33.4756 20.5181 32.4208 20.7135Z" fill="white"/> </svg> <svg width="61" height="44" viewBox="0 0 61 44" fill="none" xmlns="http://www.w3.org/2000/svg" alt="is moving to"> <path fill-rule="evenodd" clip-rule="evenodd" d="M53 36C54.104 36 55 36.896 55 38C55 39.104 54.104 40 53 40C51.896 40 51 39.104 51 38C51 36.896 51.896 36 53 36" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M26 36C27.104 36 28 36.896 28 38C28 39.104 27.104 40 26 40C24.896 40 24 39.104 24 38C24 36.896 24.896 36 26 36" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 36C17.104 36 18 36.896 18 38C18 39.104 17.104 40 16 40C14.896 40 14 39.104 14 38C14 36.896 14.896 36 16 36" fill="white"/> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="1" width="58" height="43"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.0004H61V43.9884H3V1.0004Z" fill="white"/> </mask> <g mask="url(#mask0)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M59 26.4102V37.0002H58.91C58.338 33.7362 55.229 31.5542 51.965 32.1252C49.476 32.5612 47.526 34.5112 47.09 37.0002H44V12.0002H47V24.0002H56.59L59 26.4102ZM53 42.0002C50.791 42.0002 49 40.2092 49 38.0002C49 35.7912 50.791 34.0002 53 34.0002C55.209 34.0002 57 35.7912 57 38.0002C57 40.2092 55.209 42.0002 53 42.0002V42.0002ZM41 37.0002H31.91C31.351 33.7332 28.25 31.5392 24.983 32.0982C23.355 32.3772 21.915 33.3142 21 34.6902C19.165 31.9312 15.44 31.1812 12.681 33.0162C11.306 33.9312 10.369 35.3722 10.09 37.0002H9V30.0002H42V37.0002H41ZM26 42.0002C23.791 42.0002 22 40.2092 22 38.0002C22 35.7912 23.791 34.0002 26 34.0002C28.209 34.0002 30 35.7912 30 38.0002C30 40.2092 28.209 42.0002 26 42.0002V42.0002ZM16 42.0002C13.791 42.0002 12 40.2092 12 38.0002C12 35.7912 13.791 34.0002 16 34.0002C18.209 34.0002 20 35.7912 20 38.0002C20 40.2092 18.209 42.0002 16 42.0002V42.0002ZM9 22.0002H12V20.0002H9V16.0002H13V14.0002H9V11.0002H14V9.00021H9V3.00021H42V28.0002H9V22.0002ZM56 15.0002V22.0002H49V12.0002H53C54.657 12.0002 56 13.3432 56 15.0002V15.0002ZM58 15.0002C58 12.2392 55.762 10.0002 53 10.0002H44V1.00021H7V9.00021H5V11.0002H7V14.0002H4V16.0002H7V20.0002H3V22.0002H7V39.0002H10.09C10.649 42.2662 13.75 44.4612 17.017 43.9012C18.645 43.6232 20.085 42.6852 21 41.3092C22.835 44.0692 26.56 44.8182 29.319 42.9832C30.694 42.0692 31.631 40.6282 31.91 39.0002H47.09C47.662 42.2642 50.771 44.4462 54.035 43.8752C56.524 43.4382 58.474 41.4892 58.91 39.0002H61V25.5902L58 22.5902V15.0002Z" fill="white"/> </g> <mask id="mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="61" height="43"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 43.9884H61V1.0004H0V43.9884Z" fill="white"/> </mask> <g mask="url(#mask1)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15 11.0004H18V9.0004H15V11.0004Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.0004H3V14.0004H0V16.0004Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 22.0004H16V20.0004H13V22.0004Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 16.0004H21V14.0004H18V16.0004Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M31.29 10.71L34.59 14H22V16H34.59L31.29 19.29L32.71 20.71L38.41 15L32.71 9.29001L31.29 10.71Z" fill="white"/> </g> </svg> <svg width="172px" height="37px" viewBox="634 20 172 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" alt="Njalla"> <defs> <polygon id="path-1" points="23.515002 0.27770551 0.0615009823 0.27770551 0.0615009823 26.3252123 23.515002 26.3252123 23.515002 0.27770551"></polygon> <polygon id="path-3" points="0 35.3568202 171.860778 35.3568202 171.860778 0.27770551 0 0.27770551"></polygon> </defs> <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(634.000000, 20.000000)"> <polygon id="Fill-1" fill="#F4F4F4" points="148.406973 34.9833767 152.328505 34.9833767 156.532199 25.5547769 160.282407 17.2212087 167.876089 34.9833767 171.860812 34.9833767 160.34526 8.93535501"></polygon> <polygon id="Fill-2" fill="#F4F4F4" points="100.791763 10.469944 100.791763 31.5017597 107.885327 31.5017597 107.885327 34.978056 97.1510405 34.978056 97.1510405 10.469944"></polygon> <polygon id="Fill-3" fill="#F4F4F4" points="127.140102 10.469944 127.140102 31.5017597 134.233666 31.5017597 134.233666 34.978056 123.499379 34.978056 123.499379 10.469944"></polygon> <g id="Group-13" transform="translate(0.000000, 0.065565)"> <path d="M45.5462083,10.4043794 L45.5462083,26.2613984 C45.5462083,28.1559061 45.41611,29.5684625 45.1555756,30.4997543 C44.8953792,31.558056 44.4527073,32.4519313 43.8275599,33.1820668 C42.6086916,34.6320397 40.9937839,35.3566829 38.9838507,35.3566829 C37.4625462,35.3566829 36.0405894,34.9547136 34.7176424,34.1504318 L36.4991434,30.9916603 C37.3848251,31.5947859 38.212723,31.8965203 38.9838507,31.8965203 C40.0668762,31.8965203 40.817053,31.4787606 41.2337053,30.6425547 C41.6713084,29.806692 41.8899411,28.346421 41.8899411,26.2613984 L41.8899411,10.4043794 L45.5462083,10.4043794 Z" id="Fill-4" fill="#F4F4F4"></path> <polygon id="Fill-6" fill="#F4F4F4" points="17.5941132 10.3738627 17.5941132 27.3925077 1.58054145 10.3738627 0.000101375246 10.3738627 0.000101375246 34.8661843 3.64048644 34.8661843 3.64048644 17.709888 19.8250444 34.8661843 21.2348361 34.8661843 21.2348361 10.3738627"></polygon> <g id="Group-10" transform="translate(58.459725, 0.000000)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-9"></g> <polygon id="Fill-8" fill="#19D6AC" mask="url(#mask-2)" points="3.9830334 26.3252123 0.0615009823 26.3252123 11.9994499 0.277533875 23.515002 26.3252123 19.5306169 26.3252123 11.9365972 8.56338753 8.186389 16.8966125"></polygon> </g> <mask id="mask-4" fill="white"> <use xlink:href="#path-3"></use> </mask> <g id="Clip-12"></g> <polygon id="Fill-11" fill="#F4F4F4" mask="url(#mask-4)" points="68.4279528 34.9122855 72.0686758 34.9122855 72.0686758 24.1298284 68.4279528 24.1298284"></polygon> </g> </g> </svg> </div> <div class="info"> <div class="title"> Hej! IPredator is now part of Njalla! Same core team, now with more privacy services such as VPS and domain names, and a much better infrastructure! </div> <div class="byline"> It was obviously going to happen! :-) <br> If you want to know details about the switch, <br> go to the more detailed <a href="https://njal.la/blog/ipredator/">blog post about it</a>! </div> <div class="more"> <a class="wtf" href="#more">WTF?</a> <script> document.querySelector('a.wtf').onclick = event => { event.preventDefault() event.stopPropagation() var text = document.querySelector('.more .text') text.style.display = text.style.display == 'block' ? 'none' : 'block' } </script> <div class="text"> As you might know, the core team behind IPredator VPN also created Njalla! And now during Corona-season, we moved in together so we can hang out! <br> <br> Now we don't need to run two different house holds, clean dishes and do laundry at two different locations. We simplified things, cut out the crap and made everything better for everyone! </div> </div> <div class="padding"> </div> </div> <div class="signup"> <h2>Protect your life online, from anywhere and any device.</h2> <p> The only one that should have access to your communication is you. </p> <a class="btn btn-default btn-lg" href="/signup/">Sign Up</a> <p> €5 per month </p> <button id="migrate" class="btn btn-default btn-lg">Migrate IPredator Account</button> <script> $('#migrate').on({ click: function() { $('.signup').hide() $('.login').show() } }) </script> </div> <div class="login"> <div class="title"> Migrate your IPredator account to Njalla </div> <div class="byline"> </div> <div class="form"> <form method="post" action=""> <input type="hidden" name="csrfmiddlewaretoken" value="oJRRbd2tgJBKiYHPy3eg7owQuzO8D5iWwe4gdoYFhSS2ceusfRw1B28idNFu4X0T"> <input type="text" placeholder="Username or Email" name="user" autocomplete="off"> <input type="submit" value="Migrate to Njalla"> </form> </div> </div> </body> </html>