Inicialização

This commit is contained in:
Hugo Peixoto 2023-06-29 12:55:54 +01:00
commit da40ed2dbe
5 changed files with 709 additions and 0 deletions

36
img/hero.svg Normal file
View File

@ -0,0 +1,36 @@
<svg width="812" height="420" viewBox="0 0 812 420" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_344_69221)">
<path d="M196.716 13.6459C116.154 52.1574 48.0032 112.484 0 187.777C41.8135 257.593 100.788 315.556 171.317 356.155C241.846 396.754 321.587 418.641 402.959 419.735C484.332 420.829 564.632 401.094 636.227 362.405C707.823 323.717 768.334 267.361 812.009 198.694C762.816 116.69 690.137 51.3428 603.383 11.1136C604.072 12.0084 604.752 12.9032 605.432 13.8607C606.864 15.8352 608.268 17.8366 609.646 19.8649C611.025 21.8931 612.373 23.9363 613.691 25.9944C615.006 28.0614 616.295 30.1374 617.548 32.2581C618.8 34.3788 620.035 36.4727 621.234 38.6113C622.433 40.7499 623.588 42.9064 624.715 45.0718C625.843 47.2373 626.952 49.4296 628.026 51.6308C629.1 53.8321 630.129 56.0423 631.131 58.2793C632.133 60.5163 633.109 62.7534 634.048 65.0173C634.988 67.2811 635.891 69.554 636.733 71.8358C637.574 74.1175 638.442 76.4172 639.247 78.7348C640.052 81.0523 640.831 83.3699 641.565 85.6964C642.298 88.0229 643.005 90.3763 643.676 92.7297C644.347 95.083 644.983 97.4454 645.591 99.8166C646.2 102.188 646.755 104.577 647.291 106.975C647.828 109.373 648.32 111.762 648.777 114.134C649.233 116.505 649.672 118.948 650.065 121.364C650.459 123.78 650.808 126.196 651.13 128.621C651.452 131.046 651.748 133.48 652.025 135.913C652.302 138.347 652.49 140.79 652.669 143.224C652.848 145.658 652.991 148.11 653.099 150.553C653.206 152.995 653.287 155.447 653.322 157.89C653.358 160.333 653.367 162.785 653.322 165.237C653.227 172.574 652.809 179.9 652.07 187.213C651.33 194.527 650.274 201.793 648.902 209.011C647.524 216.223 645.839 223.382 643.846 230.486C641.854 237.591 639.554 244.559 636.947 251.389C634.346 258.25 631.447 264.994 628.25 271.621C625.052 278.249 621.574 284.712 617.816 291.012C614.058 297.317 610.031 303.453 605.736 309.418C601.441 315.384 596.895 321.146 592.099 326.706C587.327 332.26 582.298 337.602 577.013 342.732C571.727 347.862 566.248 352.751 560.575 357.398C554.896 361.997 549.02 366.385 542.947 370.561C536.874 374.737 530.631 378.596 524.219 382.14C517.812 385.719 511.25 389.021 504.533 392.045C497.816 395.07 491 397.787 484.086 400.197C477.154 402.583 470.124 404.695 462.995 406.532C455.867 408.37 448.681 409.861 441.439 411.006C434.191 412.2 426.901 413.062 419.57 413.593C412.238 414.123 404.901 414.344 397.557 414.255C390.22 414.159 382.894 413.742 375.581 413.002C368.267 412.262 361.004 411.206 353.792 409.834C346.58 408.456 339.421 406.774 332.361 404.779C325.301 402.783 318.322 400.475 311.449 397.88C304.577 395.285 297.839 392.367 291.227 389.173C284.614 385.979 278.144 382.507 271.836 378.748C265.527 374.99 259.38 370.964 253.421 366.668C247.461 362.373 241.699 357.828 236.133 353.031C230.567 348.235 225.225 343.188 220.107 337.936C214.988 332.683 210.094 327.198 205.45 321.507C200.805 315.816 196.412 309.928 192.287 303.861C188.162 297.794 184.287 291.495 180.708 285.088C177.129 278.681 173.818 272.122 170.811 265.402C167.805 258.682 165.076 251.882 162.651 244.947C160.226 238.012 158.123 230.979 156.315 223.865C154.508 216.751 153.022 209.548 151.841 202.309C150.66 195.07 149.801 187.759 149.264 180.439C148.727 173.12 148.495 165.773 148.602 158.436C148.709 151.098 149.112 143.752 149.855 136.45C150.597 129.149 151.644 121.874 153.022 114.662C154.4 107.449 156.083 100.3 158.078 93.186C160.073 86.0723 162.373 79.1374 164.977 72.2742C167.581 65.411 170.48 58.6551 173.675 52.0424C176.869 45.4298 180.35 38.9602 184.108 32.6518C187.866 26.3433 191.893 20.2049 196.188 14.2455L196.707 13.5833L196.716 13.6459Z" fill="white"/>
<path d="M394.282 346.938C490.087 346.938 567.751 269.273 567.751 173.469C567.751 77.6647 490.087 0 394.282 0C298.478 0 220.813 77.6647 220.813 173.469C220.813 269.273 298.478 346.938 394.282 346.938Z" fill="white"/>
<path d="M444.141 30.4506H339.788C328.051 30.4506 318.536 39.9653 318.536 51.7024V291.477C318.536 303.214 328.051 312.729 339.788 312.729H444.141C455.878 312.729 465.393 303.214 465.393 291.477V51.7024C465.393 39.9653 455.878 30.4506 444.141 30.4506Z" fill="#1C104C"/>
<path d="M459.362 58.4225H324.576V271.72H459.362V58.4225Z" fill="#7463BB"/>
<path d="M427.605 70.5651C394.157 70.5651 360.897 77.7237 331.547 94.7251C330.873 95.0992 330.361 95.7086 330.109 96.4367C329.856 97.1647 329.881 97.9603 330.178 98.6713C335.073 109.069 339.457 121.561 343.359 136.638C343.815 138.428 345.059 139.323 346.168 138.768C348.047 137.793 349.953 136.898 351.886 136.039L353.846 160.369L370.999 129.677C391.437 124.818 414.049 125.113 437.708 129.408C438.244 129.524 438.799 129.523 439.334 129.403C439.869 129.283 440.372 129.048 440.807 128.714C441.242 128.38 441.599 127.956 441.854 127.47C442.108 126.984 442.254 126.448 442.28 125.9C443.569 105.186 445.045 88.4435 446.629 74.6813C446.844 72.8469 444.75 71.1915 441.94 71.0215C437.162 70.7292 432.384 70.5771 427.605 70.5651Z" fill="#1C104C"/>
<path d="M412.832 102.501C394.814 102.041 376.857 104.768 359.787 110.554C359.639 110.599 359.501 110.673 359.382 110.772C359.262 110.871 359.164 110.993 359.093 111.131C359.023 111.269 358.98 111.42 358.969 111.574C358.957 111.729 358.977 111.884 359.027 112.031C359.465 113.203 359.921 114.375 360.324 115.547C360.438 115.836 360.659 116.069 360.941 116.199C361.222 116.329 361.543 116.345 361.836 116.245C378.248 110.78 395.497 108.256 412.787 108.792C412.946 108.8 413.106 108.777 413.256 108.723C413.407 108.67 413.545 108.587 413.663 108.479C413.781 108.372 413.877 108.242 413.945 108.098C414.012 107.953 414.051 107.797 414.058 107.637C414.058 106.331 414.102 105.024 414.12 103.718C414.106 103.387 413.964 103.075 413.723 102.848C413.483 102.621 413.163 102.496 412.832 102.501Z" fill="#B9AFDC"/>
<path d="M422.818 86.9044C399.407 86.5769 376.13 90.4907 354.114 98.4565C353.969 98.502 353.834 98.5762 353.718 98.6748C353.602 98.7734 353.507 98.8943 353.438 99.0304C353.37 99.1664 353.329 99.3149 353.319 99.4668C353.309 99.6188 353.33 99.7712 353.38 99.9151C353.819 101.096 354.275 102.268 354.687 103.494C354.797 103.779 355.014 104.009 355.291 104.136C355.569 104.263 355.885 104.277 356.172 104.174C377.297 96.7854 399.575 93.2397 421.95 93.705C422.107 93.7147 422.265 93.6928 422.414 93.6405C422.562 93.5883 422.699 93.5068 422.816 93.4009C422.933 93.295 423.027 93.1668 423.093 93.0239C423.16 92.8809 423.197 92.7262 423.203 92.5686C423.498 91.0832 423.784 89.5978 424.097 88.0946C424.079 87.7694 423.936 87.4639 423.697 87.2421C423.459 87.0203 423.144 86.8993 422.818 86.9044Z" fill="#B9AFDC"/>
<path d="M448.499 178.775C448.284 178.778 448.071 178.824 447.873 178.909C417.941 191.079 382.802 193.459 345.291 193.557C343.072 193.557 342.088 196 343.054 198.926C348.128 214.192 352.897 227.963 357.541 240.392C357.857 241.091 358.372 241.682 359.021 242.091C359.67 242.5 360.425 242.709 361.192 242.692C381.773 241.985 402.551 240.07 423.069 235.784L439.685 247.202L437.269 232.41L439.435 231.829C440.22 231.586 440.932 231.151 441.504 230.561C442.076 229.971 442.491 229.247 442.71 228.455C445.52 214.952 448.079 200.018 450.316 183.41C450.683 180.618 449.877 178.721 448.499 178.775Z" fill="#1C104C"/>
<path d="M432.321 212.662C415.627 218.872 397.886 221.783 380.082 221.234C379.971 221.224 379.859 221.237 379.753 221.272C379.647 221.307 379.549 221.362 379.466 221.436C379.382 221.51 379.314 221.6 379.266 221.7C379.218 221.801 379.191 221.91 379.187 222.022C379.634 223.59 380.109 225.159 380.61 226.728C380.626 226.955 380.727 227.166 380.893 227.321C381.059 227.475 381.278 227.561 381.505 227.56C398.664 227.758 415.719 224.87 431.856 219.033C432.303 218.872 433.645 218.648 433.413 217.368C433.413 215.964 433.413 214.559 433.341 213.154C433.265 212.958 433.117 212.799 432.928 212.708C432.739 212.616 432.522 212.6 432.321 212.662Z" fill="#B9AFDC"/>
<path d="M432.67 196.689C411.715 204.569 389.432 208.31 367.053 207.704C366.901 207.694 366.748 207.713 366.604 207.763C366.459 207.812 366.326 207.89 366.213 207.992C366.099 208.094 366.007 208.218 365.943 208.356C365.878 208.494 365.842 208.644 365.836 208.796C366.289 210.156 366.755 211.516 367.232 212.877C367.259 213.196 367.406 213.494 367.643 213.709C367.881 213.925 368.191 214.043 368.511 214.04C390.066 214.48 411.523 211.034 431.855 203.866C432.378 203.722 432.838 203.409 433.162 202.974C433.486 202.54 433.656 202.01 433.645 201.468C433.833 200.108 434.003 198.783 434.173 197.387C434.121 197.242 434.041 197.109 433.937 196.995C433.833 196.881 433.707 196.789 433.567 196.724C433.428 196.659 433.276 196.622 433.122 196.616C432.968 196.61 432.814 196.635 432.67 196.689Z" fill="#B9AFDC"/>
<path d="M514.59 332.18C550.754 332.18 580.071 302.863 580.071 266.7C580.071 230.536 550.754 201.219 514.59 201.219C478.426 201.219 449.11 230.536 449.11 266.7C449.11 302.863 478.426 332.18 514.59 332.18Z" fill="white" stroke="#3B2593" stroke-width="2"/>
<path d="M359.903 45.0718H396.537" stroke="white" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M413.395 43.488H409.771V46.2977H413.395V43.488Z" fill="white"/>
<path d="M395.786 305.051C402.986 305.051 408.823 299.214 408.823 292.014C408.823 284.814 402.986 278.977 395.786 278.977C388.585 278.977 382.748 284.814 382.748 292.014C382.748 299.214 388.585 305.051 395.786 305.051Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
<path d="M478.117 319.726C478.117 319.726 478.753 298.743 487.656 294.296C493.474 291.444 499.477 288.987 505.624 286.94L515.628 283.486C518.55 282.748 521.579 282.533 524.576 282.851C530.106 283.37 547.466 289.213 550.642 296.837C553.702 304.192 557.64 314.644 557.64 314.644C557.139 315.1 541 332 511.861 331.171C490.69 330.804 478.117 319.726 478.117 319.726Z" fill="#1FBD68"/>
<path d="M488.927 235.811C488.927 235.811 496.56 227.543 502.913 231.337C502.913 231.337 521.4 226.862 529.954 237.063C538.509 247.264 542.222 251.282 538.464 264.203C534.706 277.124 527.726 279.021 527.726 279.021C527.726 279.021 505.472 284.739 505.472 267.577C505.472 250.414 492.945 247.139 492.551 247.184C492.157 247.228 485.115 244.705 488.927 235.811Z" fill="#7463BB"/>
<path d="M519.789 271.406C519.601 268.149 518.519 263.783 525.158 262.932C525.158 262.932 535.493 262.932 532.907 255.183C529.722 245.618 522.339 252.973 522.339 252.973C522.339 252.973 507.539 247.416 505.812 237.081C505.812 237.081 482.091 238.764 486.395 266.324C486.395 266.324 488.184 281.178 496.569 282.851C499.497 283.499 502.47 283.924 505.463 284.122C506.107 284.122 507.476 291.352 507.476 291.352C517.812 291.352 527.431 284.757 527.431 284.757C521.06 281.58 520.022 275.505 519.789 271.406Z" fill="#CBC4E3"/>
<path d="M502.841 257.036C502.806 256.658 502.918 256.282 503.156 255.986C503.393 255.691 503.736 255.499 504.112 255.452C504.303 255.462 504.491 255.512 504.661 255.6C504.832 255.687 504.982 255.809 505.102 255.959C505.222 256.109 505.309 256.282 505.357 256.467C505.406 256.653 505.414 256.847 505.382 257.036C505.248 257.823 504.819 258.628 504.112 258.628C503.735 258.579 503.392 258.386 503.155 258.088C502.918 257.791 502.806 257.414 502.841 257.036Z" fill="#3B2593"/>
<path d="M490.716 257.036C490.681 256.658 490.794 256.282 491.031 255.986C491.268 255.691 491.611 255.499 491.987 255.452C492.175 255.472 492.357 255.529 492.522 255.619C492.688 255.71 492.834 255.832 492.952 255.98C493.07 256.127 493.158 256.296 493.21 256.477C493.263 256.658 493.279 256.848 493.258 257.036C493.258 257.823 492.694 258.628 491.987 258.628C491.61 258.579 491.267 258.386 491.03 258.088C490.793 257.791 490.681 257.414 490.716 257.036Z" fill="#3B2593"/>
<path d="M502.304 269.617C499.799 268.454 494.564 269.089 492.265 270.637C492.029 270.833 491.858 271.097 491.777 271.393C491.695 271.689 491.706 272.003 491.808 272.292C491.94 272.779 492.195 273.225 492.547 273.587C492.899 273.948 493.338 274.214 493.821 274.359C495.867 274.819 497.996 274.761 500.014 274.189C501.436 273.966 503.315 272.919 503.593 272.274C503.915 271.487 504.434 270.547 502.304 269.617Z" fill="#3B2593"/>
<path d="M263.442 224.498C301.598 224.498 332.529 193.567 332.529 155.411C332.529 117.256 301.598 86.325 263.442 86.325C225.287 86.325 194.356 117.256 194.356 155.411C194.356 193.567 225.287 224.498 263.442 224.498Z" fill="white" stroke="#3B2593" stroke-width="2"/>
<path d="M302.796 210.809C302.796 210.809 302.125 187.312 292.721 182.614C286.578 179.6 280.241 177.002 273.751 174.838L263.183 171.196C260.248 172.675 257.06 173.585 253.787 173.88C247.944 174.435 241.027 175.894 237.681 183.956C234.441 191.723 230.298 213.485 230.298 213.485C230.817 213.968 245.063 226.907 273.249 222.881C295.342 219.74 302.796 210.809 302.796 210.809Z" fill="#F1A75F"/>
<path d="M232.974 175.894C240.33 172.556 246.62 173.075 243.712 168.512C239.014 161.129 237.672 157.774 236.33 149.72C235.05 142.061 241.699 114.143 253.456 112.407C253.456 112.407 262.807 108.237 280.641 112.129C298.475 116.022 300.783 128.236 301.454 129.578C303.369 133.417 304.81 140.316 305.481 143.68C306.011 147.917 306.011 152.204 305.481 156.441C305.069 159.476 304.163 162.423 302.797 165.165C301.454 167.849 299.217 172.646 295.405 174.561C293.392 175.903 293.106 177.164 294.734 179.267C296.578 181.63 298.68 190.193 296.748 190.676C294.063 191.347 290.26 194.998 275.272 190.005C269.223 187.992 262.816 182.408 261.85 182.623C255.81 183.965 254.691 187.338 253.796 188.663C252.454 190.676 252.982 192.582 253.465 196.994C256.15 221.377 246.405 221.556 246.405 221.556C246.405 221.556 225.5 216.5 212.17 200.081C209.951 197.683 225.583 179.258 232.974 175.894Z" fill="#7463BB"/>
<path d="M269.223 156.432C267.21 147.698 267.21 144.137 267.881 138.974C269.894 123.529 279.299 123.529 281.983 122.867C281.983 122.867 304.631 126.044 300.076 155.152C300.076 155.152 298.287 166.069 290.484 170.614C287.88 172.136 282.744 169.97 280.068 170.614C279.019 170.859 278.041 171.343 277.209 172.027C276.377 172.711 275.714 173.578 275.272 174.561C275.272 174.561 272.811 167.16 271.908 164.494C271.281 162.624 269.223 156.432 269.223 156.432Z" fill="#BAB0DD"/>
<path d="M286.681 143.34C286.719 143.739 286.6 144.137 286.349 144.449C286.098 144.762 285.736 144.964 285.338 145.014C285.133 145.012 284.931 144.964 284.747 144.874C284.562 144.784 284.4 144.655 284.271 144.495C284.143 144.335 284.052 144.148 284.004 143.948C283.957 143.749 283.954 143.541 283.996 143.34C284.506 141.792 284.506 141.792 285.338 141.658C286.171 141.524 286.681 142.383 286.681 143.34Z" fill="#3B2593"/>
<path d="M299.441 143.34C299.479 143.739 299.36 144.137 299.109 144.449C298.859 144.762 298.496 144.964 298.098 145.014C297.899 144.996 297.704 144.938 297.527 144.844C297.35 144.749 297.194 144.62 297.068 144.464C296.941 144.308 296.848 144.128 296.793 143.935C296.738 143.742 296.722 143.54 296.747 143.34C296.882 141.792 297.356 141.658 298.098 141.658C298.497 141.71 298.859 141.914 299.11 142.228C299.36 142.542 299.479 142.941 299.441 143.34Z" fill="#3B2593"/>
<path d="M287.012 157.595C290.331 158.346 293.777 158.346 297.096 157.595C297.272 157.556 297.455 157.585 297.61 157.676C297.764 157.768 297.878 157.915 297.928 158.087C297.858 158.452 297.669 158.783 297.391 159.029C297.112 159.275 296.76 159.422 296.389 159.447C293.519 159.966 290.58 159.966 287.71 159.447C286.976 159.322 286.162 158.087 286.179 158.087C286.228 157.913 286.341 157.765 286.497 157.673C286.652 157.582 286.836 157.554 287.012 157.595Z" fill="#3B2593"/>
</g>
<defs>
<clipPath id="clip0_344_69221">
<rect width="812" height="419.776" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

644
index.html Normal file
View File

@ -0,0 +1,644 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<meta name="description" content="Privacy empowers. Surveillance weakens.">
<meta name="keywords" content="privacy, surveillance">
<meta name="apple-mobile-web-app-title" content="Stop Scanning Me">
<meta property="og:site_name" content="Stop Scanning Me">
<meta property="og:title" content="Stop Scanning Me">
<meta property="og:type" content="website">
<meta property="og:image" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<meta property="og:image:url" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="300">
<meta property="og:image:alt" content="Three cartoon-style people with speech bubbles, below the text: 'Join the movement! Stop Scanning Me'.">
<meta property="og:description" content="Privacy empowers. Surveillance weakens.">
<meta property="og:locale" content="en_IR">
<meta property="og:url" content="https://chatcontrol.pt">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="stopscanningme.eu">
<meta property="twitter:url" content="https://chatcontrol.pt">
<meta name="twitter:title" content="Stop Scanning Me">
<meta name="twitter:description" content="Privacy empowers. Surveillance weakens.">
<meta name="twitter:image" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<link href="/style.min.css" type="text/css" rel="stylesheet">
<link href="/style.css" type="text/css" rel="stylesheet">
<link rel="icon" href="../img/favicons/32.png" sizes="32x32">
<link rel="icon" href="../img/favicons/120.png" sizes="129x120">
<link rel="icon" href="../img/favicons/180.png" sizes="180x180">
<link rel="icon" href="../img/favicons/196.png" sizes="196x196">
<title>Chat Control</title>
</head>
<body class="bg-lavender-500 text-white">
<!--
<header class="bg-lavender-800 text-lavender-200 flex justify-center xl:fixed l:top-0 xl:w-full xl:z-20">
<div class="w-full xxl:w-[1920px] hidden xl:flex xl:justify-between xl:items-center xl:py-4 gap-2">
<a href="#" class="flex gap-2 items-center xl:flex-col xxl:flex-row flex-shrink-0">
<img src="../img/logo.svg" alt="" aria-hidden="true">
<p class="text-white font-extrabold">Stop Scanning Me</p>
</a>
<nav id="wideNav" class="flex items-center xl:w-auto justify-center gap-1 flex-wrap xl:flex-nowrap">
<a href="#" class="active">Home</a>
<a href="paper.html">Policymaker</a>
<a href="how-CSAR-affects-us.html">How it's affecting us</a>
<a href="organise-now.html">Organise now</a>
<a href="donate.html">Donate</a>
</nav>
<div class="flex gap-4 items-end justify-end xxl:items-center xl:flex-col xxl:flex-row flex-shrink-0">
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/" class="button">
Stay informed
</a>
</div>
</div>
<div class="flex flex-col xl:hidden py-6">
<input type="checkbox" id="show-burger-menu" class="burger-checkbox" aria-label="Menu"></input>
<div class="xs:w-[360px] s:w-[480px] m:w-[768px] l:w-[1024px] flex justify-between">
<a href="#" class="flex gap-2 items-center">
<img src="../img/logo.svg" alt="" aria-hidden="true">
<p class="text-white font-extrabold">Stop Scanning Me</p>
</a>
<label for="show-burger-menu" class="burger-button w-[50px] h-[50px]">
<svg class="ham hamRotate stroke-lavender-100" viewBox="0 0 100 100">
<path class="line top"
d="m 70,33 h -40 c 0,0 -8.5,-0.149796 -8.5,8.5 0,8.649796 8.5,8.5 8.5,8.5 h 20 v -20" />
<path class="line middle" d="m 70,50 h -40" />
<path class="line bottom"
d="m 30,67 h 40 c 0,0 8.5,0.149796 8.5,-8.5 0,-8.649796 -8.5,-8.5 -8.5,-8.5 h -20 v 20" />
</svg>
</label>
</div>
<div class="burger-menu">
<hr class="text-lavender-500 border-[1px]" />
<nav class="flex flex-col gap-8 pt-12">
<a href="#" class="active">Home</a>
<a href="paper.html">Policymaker</a>
<a href="how-CSAR-affects-us.html">How it's affecting us</a>
<a href="organise-now.html">Organise now</a>
<a href="donate.html">Donate</a>
</nav>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/" class="button">
Stay informed
</a>
<div class="flex flex-col gap-8 pt-14">
<div class="flex gap-[15px] socials-top">
<a class="mask-social-mastodon" rel="external" href="https://chaos.social/@StopScanningMe"
aria-label="Mastodon"></a>
<a class="mask-social-twitter" rel="external" href="https://twitter.com/edri"
aria-label="Twitter"></a>
<a class="mask-social-linkedin" rel="external" href="https://www.linkedin.com/company/european-digital-rights/"
aria-label="Linkedin"></a>
</div>
<nav class="flex gap-2">
<a href="legal.html" class="p-2">Privacy Policy</a>
</nav>
</div>
</div>
</div>
</header>
-->
<section id="intro" class="pt-8 xl:pt-8 flex justify-center mt-8">
<div class="responsive-width flex flex-col justify-center gap-8 l:gap-16">
<p class="hero text-center">Não me monitorizes as conversas</p>
<img src="../img/hero.svg" alt="" aria-hidden="true" class="l:basis-8/12">
<div id="intro" class="flex flex-col l:flex-row gap-4 l:gap-12">
<div class="l:basis-7/12">
<h1 class="h1 pb-4">A privacidade enfortece-nos, a vigilância enfraquece-nos</h1>
<p class="h3">Todos beneficiamos da liberdade e privacidade que temos para explorar a nossa identidade e construir comunidades. Todos precisamos de espaços seguros, especialmente em situações de fragilidade.</p>
</div>
<div class="l:basis-5/12">
<p>Em 2022, legisladores Europeus propuseram novas regras com o intuito de proteger crianças. Infelizmente, esta lei permite que as autoridades monitorizem as conversas legítimas de qualquer cidadão.</p>
<p>Esta legislação prejudica toda a gente, incluindo as crianças que tenta proteger. Tornar a internet menos segura não protege ninguém.</p>
<p>The EU must empower people to develop themselves, connect and organise for now and for future generations. If we work together, we can protect children whilst upholding confidentiality and security online.</p>
</div>
</div>
</div>
</section>
<section id="explainer-video" class="flex flex-col gap-[15px] items-center pt-16 l:pt-32">
<video controls src="/video/csar-explainer.mp4#t=0.001" preload="metadata" id="video">
<p>Your browser does not support video. You can download an explainer video here:
<a href="/video/csar-explainer.mp4" download>https://chatcontrol.pt/video/csar-explainer.mp4</a>
</p>
</video>
<!--
<div id="share-video">
<input type="checkbox" id="toggle-share-box" aria-hidden="true"></a>
<label for="toggle-share-box" class="open-share-box">
<div aria-hidden="true" class="icon mask-icon-share"></div>
Share NOW!
</label>
<div id="share-box">
<label for="toggle-share-box" class="close-share-box"
title="Close"></label>
<a rel="external" href="https://twitter.com/intent/tweet?text=Breaking%20%23encryption%20puts%20everyone%20in%20danger!%0D%0DIntrusive%20surveillance%20deprives%20survivors%20of%20safe%20space%20%26%20discourages%20them%20from%20seeking%20help.%0D%0DInstead%2C%20we%20need%20structural%20approaches%20to%20tackling%20the%20root%20of%20horrific%20crimes%20like%20CSA.%20%23StopScanningMe%0D%0D%20%E2%9E%A1%EF%B8%8Fhttps%3A%2F%2Fstopscanningme.eu%2Fvideo%2Fcsar%2Dexplainer.mp4">
<div aria-hidden="true" class="icon mask-icon-twitter"></div>
Share to Twitter
</a>
<div>
<h2 class="h4 pb-2 mt-8">Copy-paste and share on other social media:</h2>
<textarea rows="8" class="w-full p-2 caption">Breaking #encryption puts everyone in danger!
Intrusive surveillance deprives survivors of safe space & discourages from seeking help.
Instead, we need structural approaches to tackling the root of horrific crimes like CSA. #StopScanningMe
➡https://chatcontrol.pt/video/csar-explainer.mp4</textarea>
</div>
</div>
</div>
-->
<script>
const share = async (shareButton, title, text) => {
shareButton.checked = false;
if ('canShare' in navigator) { // Using the Web Share API.
const data = {
title,
text,
};
if (navigator.canShare(data)) {
try {
await navigator.share(data);
} catch (err) {
if (err.name !== 'AbortError') {
console.error(err.name, err.message);
}
shareButton.checked = true;
} finally {
return;
}
}
} else {
shareButton.checked = true;
}
};
const shareButton = document.getElementById("toggle-share-box");
shareButton.addEventListener('click', async () => {
if (!shareButton.checked) {
return;
}
const shareText = "Breaking #encryption puts everyone in danger!\nIntrusive surveillance deprives survivors of safe space & discourages from seeking help.\nInstead, we need structural approaches to tackling the root of horrific crimes like CSA. #StopScanningMe\n➡ https://stopscanningme.eu/video/csar-explainer.mp4";
await share(
shareButton,
"Stop Scanning Me",
shareText);
});
</script>
</section>
<section id="sign-petition-after-video" class="flex justify-center mt-12 l:mt-24">
<div class="responsive-width flex justify-center">
<a rel="external" href="https://civicrm.edri.org/stop-scanning-me"
class="button special larger w-full l:w-1/2 self-center text-center">Assina a petição
</a>
</div>
</section>
<div class="h-0 pt-32 l:pt-32 px-4 l:px-32 responsive-width mx-auto" aria-hidden="true">
<div class="flex flex-row gap-[10px] justify-center m:justify-around -mt-16 l:-mt-32">
<img src="../img/care-1.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[80px] z-10">
<img src="../img/care-2.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[100px] z-10">
<img src="../img/care-3.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[80px] z-10">
</div>
</div>
<section id="motivation" class="flex justify-center">
<div class="responsive-width bg-white text-lavender-800 shadow pt-16 px-4 pb-12 l:pt-24 l:px-32 l:pb-16">
<h1 class="pb-2 l:pb-6 pt-7 l:pt-6 text-center">Porque é que me devo preocupar?</h1>
<p class="mt-4 l:mt-6">
<strong>As tuas conversas privadas vão ser analisadas.</strong>
Não vais poder partilhar nada íntimo sem correr o risco de todas as tuas mensagens, fotos e vídeos acabarem nas mãos de uma instituição do governo.
</p>
<p class="mt-4 l:mt-6">
<strong>Sabe-se que a tecnologia a usar não é robusta.</strong>
E como consequência, qualquer um de nós pode ser acusado de ser um agressor sexual (de crianças) sem ter feito nada de errado.
</p>
<p class=" mt-4 l:mt-6">
<strong>Não podemos dar passos em falso.</strong>
Todos concordamos: o abuso sexual de menores é um acto horrível.
É por isso que não devemos desperdiçar os nossos recursos em metodologias que sabemos que são ineficazes e prejudiciais para aqueles que estamos a tentar proteger.
</p>
</div>
</section>
<!--
<section id="interlinking" class="flex justify-center">
<div
class="responsive-width flex flex-col xl:flex-row gap-6 xxl:gap-12 pt-12 xl:pb-12 px-0 xl:pt-16 xl:px-0 text-lavender-600 xl:justify-between">
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/law.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read the full letter signed by 133 NGOs</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/policy-recommendations.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html#policyExplainer"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read our alternatives</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/glasses-book.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html#paper"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read our legal analysis of the proposal</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
</div>
</section>
<section id="sign-petition" class="flex justify-center my-16 l:my-24">
<div class="responsive-width flex justify-center">
<a rel="external" href="https://civicrm.edri.org/stop-scanning-me"
class="button larger shadow w-full l:w-1/2 self-center py-12 text-center">Join 133 NGOs and sign the petition
</a>
</div>
</section>
-->
<!--
<section id="testimonials" class="pb-32 pt-16 l:pt-32 flex flex-col justify-center items-center">
<div class="responsive-width self-center flex flex-col justify-center">
<h1 class="pb-8 l:pb-12 text-center l:order-2">What do people say?</h1>
<img src="../img/testimonials.svg" alt="" aria-hidden="true"
class="self-end l:self-start -mb-6 -mt-6 l:-mb-10 z-10 w-[140px] l:w-[240px] l:order-1 animated">
</div>
<div class="w-full flex justify-center">
<div class="flex flex-nowrap gap-4 overflow-auto pb-6 text-lavender-600 m-0">
<div class="testimonial bg-orange">
<div>
<div class="mask-parallels">
<img alt="Photo of Emma Prest" src="../img/people/EmmaPrest.png" />
</div>
<p>We are trying to investigate the same governments that would have access to this scanning technology. Journalists are already under attack and being targeted. This legislation would just give more power to those in authority to abuse their position.</p>
</div>
<div>
<div>
<p>Emma Prest</p>
<p><a href="https://www.occrp.org/">Organized Crime and Corruption Reporting Project</a></p>
</div>
<a href="how-CSAR-affects-us.html#professionals" class="button">More information</a>
</div>
</div>
<div class="testimonial bg-lavender-200">
<div>
<div class="mask-fisheye">
<img alt="Photo of Charalampos Kyritsis"
src="../img/people/CharalamposKyritsis.png" />
</div>
<p>Scanning our phones and laptops is an easy scalable door for powerful people to access our private conversations. Today is for CSA material, tomorrow there will be another excuse. Who will say no to other uses when the technology is already there? It leads to breaking of the free flow of information and a chilling effect for freedom of speech.</p>
</div>
<div>
<div>
<p>Charalampos Kyritsis</p>
<p>Young activist, Greece</p>
</div>
<a href="how-CSAR-affects-us.html#youth" class="button">
More information
</a>
</div>
</div>
<div class="testimonial bg-pink">
<div>
<div class="mask-circle">
<img alt="A photo of an activist" src="../img/people/LdDH.png" />
</div>
<p>It would de facto allow authorities to have access to the content of encrypted exchanges. This would weaken the online security of people who work with sensitive information (journalists, lawyers, human rights defenders, etc.). What about apps and software such as Signal and Tor that don't collect metadata about their users?</p>
</div>
<div>
<div>
<p>Ligue des Droits Humains</p>
<p>NGO, Belgium</p>
</div>
<a href="how-CSAR-affects-us.html#organizations" class="button">
More information
</a>
</div>
</div>
<div class="testimonial bg-lavender-200">
<div>
<div class="mask-fisheye">
<img alt="Pixel art avatar of Aura" src="../img/people/Aura.png" />
</div>
<p>With this proposal young people and activists will be stripped of the opportunity to find a safe and encrypted space to exchange experiences and to discuss personal and political matters. We don't want to fear that our supposed-to-be private conversations can be turned against us.</p>
</div>
<div>
<div>
<p>Aura</p>
<p>Young activist, Germany</p>
</div>
<a href="how-CSAR-affects-us.html#youth" class="button">More information</a>
</div>
</div>
<div class="testimonial bg-orange">
<div>
<div class="mask-parallels">
<img alt="Photo of Geoff Hunter"
src="../img/people/GeoffHunter.png" />
</div>
<p>If our communications were intercepted, this would damage our stories and the safety of the people who are our sources. [...] People could get killed.</p>
</div>
<div>
<div>
<p>Geoff Hunter</p>
<p><a href="https://www.occrp.org/">Organized Crime and Corruption Reporting Project</a></p>
</div>
<a href="how-CSAR-affects-us.html#professionals" class="button">More information</a>
</div>
</div>
</div>
</div>
</section>
-->
<!--
<section id="quote" class="flex justify-center">
<div class="responsive-width l:pb-32 l:basis-8/12 pb-16">
<h2 class="text-white text-center">If we work together, we can protect children whilst upholding confidentiality and security online.</h2>
</div>
</section>
-->
<!--
<section id="subscribe" class="flex justify-center pb-8 l:pb-16">
<div class="responsive-width
bg-lavender-600 flex flex-col gap-2 l:gap-4 l:p-16 px-4 py-6 justify-center">
<div class="flex flex-col gap-8 l:gap-16">
<div>
<h2 class="pb-4">Stay updated!</h2>
<p class="quote">Get the latest news from the Stop Scanning Me campaign and find out how you can contribute to making the internet a safe place for all.</p>
</div>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/"
class="button w-full l:w-1/2 self-center">Subscribe today
</a>
</div>
</div>
</section>
-->
<!--
<div class="h-0 rtl" aria-hidden="true">
<img src="../img/news-media.svg" alt="" aria-hidden="true" class="news-float">
</div>
-->
<section id="informacoes" class="bg-lavender-800 text-white py-16 l:pt-32 l:pb-16 flex mt-8 l:mt-24 justify-center">
<div class="responsive-width">
<h1 class="text-center pb-6 l:pb-12">Informações</h1>
<div class="flex flex-col gap-12">
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">O impacto no desenvolvimento de jovens</h2>
<p>Uma grande parte de ser jovem é explorar e descobrir a nossa própria identidade: em que é que acreditamos, de que é que gostamos, e quem é que queremos ser. Na nossa sociedade, os espaços online são uma parte essencial deste processo, seja através de redes sociais, aplicações de troca de mensagens, ou videojogos.</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<h2 class="h3">O impacto no sigilo profissional</h2>
<p>Todos precisamos de privacidade, mas há certas profissões obrigadas ao sigilo profissional. Para jornalistas, advogado/as, e médico/as, a privacidade nas comunicações é essencial. </p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/UN.png" />
<h2 class="h3">O impacto na mudança social</h2>
<p>As mudanças sociais positivas têm sido largamente feitas por defensores dos direitos humanos: activistas, voluntário/as, ou profissionais que trabalhem com a sociedade civil. Para haver uma sociedade democrática, é preciso que consigam comunicar de forma segura e livre de monitorização.</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/European-Commission.png" />
<h2 class="h3">The European Commission's own Scrutiny Board: efficiency not demonstrated</h2>
<p>The Board points that the CSA proposal is not sufficiently clear on how measures for detecting new child sexual abuse material/grooming would respect the prohibition of general monitoring obligations and on whether they are even efficient.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="alternativas" class="flex justify-center bg-lavender-600 pt-24 l:pt-28 pb-16 l:pb-24 flowing-text">
<div class="responsive-width">
<h1 class="text-center pb-6 l:pb-12">Soluções alternativas</h1>
<div class="bg-white text-lavender-800 shadow px-4 py-12 l:px-10 l:py-14 xl:px-24">
<div class="flex flex-col gap-8 l:items-center">
<h1 class="h2 text-center">Em vez de implementar soluções de monitorização global, sugerimos um maior foco em mudanças estruturais que incidam sobre o crime horrível de abuso sexual de menores.</h1>
</div>
</div>
<div class="flex flex-col gap-12 mt-8 l:mt-8">
<div class="article-row">
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/edpb-edps.png" />
<h2 class="h3">1. Educação, consciencialização e capacitação das vítimas</h2>
<p>Aumentar a consciencialização da população jovem para a da existência de linhas de apoio, queixas institucionais (como a polícia e serviços de segurança social) e outros mecanismos de ajuda.</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/stock-2.png" />
<h2 class="h3">2. Mudanças sociais e estruturais</h2>
<p>Muitas organizações recomendam aumentar o investimento nos serviços de segurança social, como departamentos de protecção de menores, escolas, e medidas anti-pobreza.</p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/UN.png" />
<h2 class="h3">3. </h2>
<p>As mudanças sociais positivas têm sido largamente feitas por defensores dos direitos humanos: activistas, voluntário/as, ou profissionais que trabalhem com a sociedade civil. Para haver uma sociedade democrática, é preciso que consigam comunicar de forma segura e livre de monitorização.</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/European-Commission.png" />
<h2 class="h3">The European Commission's own Scrutiny Board: efficiency not demonstrated</h2>
<p>The Board points that the CSA proposal is not sufficiently clear on how measures for detecting new child sexual abuse material/grooming would respect the prohibition of general monitoring obligations and on whether they are even efficient.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section id="campaigns" class="flex justify-center bg-lavender-600 pt-24 l:pt-28 pb-16 l:pb-24 flowing-text">
<div class="responsive-width l:w-3/4 bg-white text-lavender-800 shadow px-4 py-12 l:px-10 l:py-14 xl:px-24">
<div class="flex flex-col gap-8 l:items-center">
<h1 class="h2 text-center">The Stop Scanning Me campaign is present in different countries.</h1>
<p class="h3 text-center">
<a rel="external" href="https://chat-kontrolle.eu/"
aria-label="Link to the German campaign site">
The German "Chatkontrolle STOPPEN!" campaign
</a>
</p>
<p class="h3 text-center">
<a rel="external" href="https://chatcontrol.dk/en/"
aria-label="Link to the Danish campaign site">
The Danish "Chat control" coalition
</a>
</p>
<p class="h3 text-center">
<a rel="external" href="https://chatcontrol.se/"
aria-label="Link to the Swedish campaign site">
The Swedish "Chat Control 2.0" campaign
</a>
</p>
</div>
</div>
</section>
-->
<!--
<section id="supporters" class="bg-white text-lavender-800 py-12 l:py-16 flex justify-center">
<div class="responsive-width">
<h1 class="text-center pb-16">Our Coalition</h1>
<div class="grid grid-cols-2 l:grid-cols-5 gap-x-4 gap-y-8 place-items-center">
<a rel="external" href="https://epicenter.works/">
<img alt="epicenter.works" src="../img/partners/Epicenterworks.jpg" />
</a>
<a rel="external" href="https://www.apti.ro/apti-english">
<img alt="Association for Technology and Internet (ApTI)" src="../img/partners/ApTI.png" />
</a>
<a rel="external" href="https://www.ccc.de/">
<img alt="Chaos Computer Club (CCC)" src="../img/partners/CCC.jpg" />
</a>
<a rel="external" href="https://www.internetsociety.org/">
<img alt="Internet Society" src="../img/partners/ISOC.jpg" />
</a>
<a rel="external" href="https://mnemonic.org/">
<img alt="Mnemonic" src="../img/partners/Mnemonic.png" />
</a>
<a rel="external" href="https://gong.hr/en/">
<img alt="Gongtest" src="../img/partners/Gongtest.png" />
</a>
<a rel="external" href="https://www.load-ev.de/">
<img alt="LOAD e.V." src="../img/partners/LOAD.png" />
</a>
<a rel="external" href="https://www.youthforum.org/">
<img alt="European Youth Forum (AEGEE-Europe)" src="../img/partners/EYF_blue.jpg" />
</a>
<a rel="external" href="https://www.bitsoffreedom.nl/">
<img alt="Bits of Freedom" src="../img/partners/Bits-of-Freedom.png" />
</a>
<a rel="external" href="https://digitalegesellschaft.de/">
<img alt="Digitale Gesellschaft" src="../img/partners/Digitale-Gesellschaft-DE.png" />
</a>
<a rel="external" href="https://edri.org/">
<img alt="European Digital Rights (EDRi)" src="../img/partners/EDRi20.png" />
</a>
<a rel="external" href="https://www.eff.org/">
<img alt="Electronic Frontier Foundation (EFF)" src="../img/partners/EFF.png" />
</a>
<a rel="external" href="https://digitalcourage.de/">
<img alt="Digitalcourage" src="../img/partners/Digitalcourage.png" />
</a>
<a rel="external" href="https://jaaklac.org/">
<img alt="JAAKLAC iniciativa" src="../img/partners/JAAKLAClogo.png" />
</a>
<a rel="external" href="https://berliner-wassertisch.net/">
<img alt="Berliner Wassertisch" src="../img/partners/Berliner_Wassertisch.png" />
</a>
<a rel="external" href="https://cdt.org/">
<img alt="CDT (Center for Democracy and Technology)" src="../img/partners/CDT.jpg" />
</a>
<a rel="external" href="https://gi.de/">
<img alt="German Informatics Society" src="../img/partners/German_Informatics_Society.png" />
</a>
<a rel="external" href="https://www.womenslinkworldwide.org/en">
<img alt="Women's Link Worldwide" src="../img/partners/WLW.png" />
</a>
<a rel="external" href="https://d-64.org/">
<img alt="D64" src="../img/partners/D64.png" />
</a>
<a rel="external" href="https://efn.no/">
<img alt="Elektronisk Forpost Norge (EFN)" src="../img/partners/EFN.svg" />
</a>
<a rel="external" href="https://www.eswalliance.org/">
<img alt="European Sex Workers' Rights Alliance (ESWA)" src="../img/partners/ESWA.svg" />
</a>
<a rel="external" href="https://www.dfri.se/?lang=en">
<img alt="Föreningen för Digitala Fri- och Rättigheter (DFRI)" src="../img/partners/DFRI.svg" />
</a>
<a rel="external" href="https://www.homodigitalis.gr/en">
<img alt="Homo Digitalis" src="../img/partners/homo-digitalis.png">
</a>
<a rel="external" href="https://www.laquadrature.net/">
<img alt="La Quadrature du Net" src="../img/partners/la-quadrature-du-net.png" />
</a>
</div>
</div>
</div>
</section>
-->
<!--
<section id="subscribe2" class="bg-white l:py-12 pt-[72px] pb-6 flex justify-center">
<div class="responsive-width
bg-lavender-100 flex flex-col gap-2 l:gap-4 l:p-16 px-4 py-6 justify-center">
<div class="flex flex-col gap-8 l:gap-16">
<div>
<h2 class="pb-4 text-lavender-800">Stay updated!</h2>
<p class="quote text-lavender-700">Get the latest news from the Stop Scanning Me campaign and find out how you can contribute to making the internet a safe place for all.</p>
</div>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/"
class="button w-full l:w-1/2 self-center">Subscribe today
</a>
</div>
</section>
-->
<footer class="bg-white text-lavender-600 flex justify-center py-4">
<div class="responsive-width
flex flex-col l:flex-row justify-between items-center gap-4">
<a href="#" class="flex gap-2 items-center">
<img src="../img/logo-dark.svg" alt="" aria-hidden="true">
<p class="text-lavender-800 font-extrabold">Stop Scanning Me</p>
</a>
<nav class="flex gap-2">
<a href="legal.html" class="p-2">Privacy Policy</a>
</nav>
<a href="https://creativecommons.org/licenses/by/4.0/" rel="external">CC BY 4.0</a>
<div class="flex items-center gap-[15px] socials-footer">
<a class="mask-social-mastodon" rel="external" href="https://chaos.social/@StopScanningMe"
aria-label="Mastodon"></a>
<a class="mask-social-twitter" rel="external" href="https://twitter.com/edri"
aria-label="Twitter"></a>
<a class="mask-social-linkedin" rel="external" href="https://www.linkedin.com/company/european-digital-rights/"
aria-label="Linkedin"></a>
</div>
</div>
</footer>
</body>
</html>

28
style.css Normal file
View File

@ -0,0 +1,28 @@
#alternativas .article-row{display:flex;flex-direction:column;gap:3rem;padding-bottom:1.5rem}
@media (min-width:1024px){
#alternativas .article-row{flex-direction:row;flex-wrap:nowrap;gap:1.5rem}
}
#alternativas .article-row>div{display:flex;flex-direction:column;place-content:space-between}
@media (min-width:1024px){
#alternativas .article-row>div{gap:1.5rem}
}
#alternativas .article-row>div>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
#alternativas .article-row>div>div>img{width:100%;padding-bottom:.5rem}
#alternativas .article-row>div>div>p{--tw-text-opacity:1;color:rgb(236 234 246/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a{font-size:1.125rem;line-height:120%;font-weight:600}@media (min-width:768px){
#alternativas .article-row>div>div>a{font-size:1.125rem;line-height:140%;font-weight:600}}
#alternativas .article-row>div>div>a{margin:4px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:0;--tw-bg-opacity:1;background-color:rgb(31 189 104/var(--tw-bg-opacity));padding:.75rem 1.5rem;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a .icon{margin-right:.5rem;height:1.25rem;width:1.25rem;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a.dark:focus,
.button#alternativas .article-row>div>div>a:focus{margin:0;border-width:4px;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-border-opacity:0.6}
#alternativas .article-row>div>div>a{margin:2px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a .icon{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:hover{margin:4px;border-width:0;--tw-bg-opacity:1;background-color:rgb(29 165 92/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a:hover .icon{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:active{--tw-bg-opacity:1;background-color:rgb(23 130 73/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a:active .icon{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:focus{margin:0;border-width:4px;border-color:rgb(31 189 104/var(--tw-border-opacity));--tw-border-opacity:0.6}
#alternativas .article-row>div>div>a.burger,
#alternativas .article-row>div>div>a.burger:active,
#alternativas .article-row>div>div>a.burger:focus,
#alternativas .article-row>div>div>a.burger:hover{border-width:0;--tw-bg-opacity:0;padding:0}

1
style.min.css vendored Normal file

File diff suppressed because one or more lines are too long

BIN
video/csar-explainer.mp4 Normal file

Binary file not shown.