fine tuning

master
km0 2 years ago
parent 1d32f0ed45
commit ed58245d84

@ -0,0 +1,16 @@
- tips icon ✅
- tips highlight ✅
- link style ✅
- footer logo ✅
- footer sentence ✅
- reduce general fontsize ✅
- read more about ✅
- change picture ✅
- style filtered page (max-width)
- highlight fitltered page ✅
- fix small typo in filtered page ✅
- style popup button
- style popup link

@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="readmore.js" defer></script>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link
@ -25,66 +26,73 @@
</header> </header>
<main class="about"> <main class="about">
<p> <div class="accordion">
<div class="contents">
<p class="excerpt">
U control is a Chrome extension that is all about regaining control. <br /> U control is a Chrome extension that is all about regaining control. <br />
For my graduation I researched the topic of privacy policy's. During my research I For my graduation I researched the topic of privacy policy's. During my
found out that a large proportion do not read these terms and thus have no idea what research I found out that a large proportion do not read these terms and
they are agreeing to. This document which should be for the user only makes it thus have no idea what they are agreeing to. This document which should be
unattractive for the consumer to read it. This is due to the long texts, unappealing for the user only makes it unattractive for the consumer to read it. This is
design and legal terms. due to the long texts, unappealing design and legal terms.
</p> </p>
<p> <p>
By agreeing to this condition you lose some control over your personal data. I want By agreeing to this condition you lose some control over your personal data.
to give this piece of control and awareness back to the user with my tool. The tool I want to give this piece of control and awareness back to the user with my
was created by and for the user because I listened to the user's needs for a change. tool. The tool was created by and for the user because I listened to the
The tool helps you while reading because it simplifies the texts of conditions and user's needs for a change. The tool helps you while reading because it
the legal meaning. simplifies the texts of conditions and the legal meaning.
</p> </p>
<p> <p>
With this tool, I'm not saying that you shouldn't use these big platforms like With this tool, I'm not saying that you shouldn't use these big platforms
Instagram and Facebook because of their long and difficult terms. I only want to like Instagram and Facebook because of their long and difficult terms. I
inform you as user about the dangers and then give tips on how he/she can turn off only want to inform you as user about the dangers and then give tips on how
certain functions so that less data is collected from you, for example. So we don't he/she can turn off certain functions so that less data is collected from
have to be completely against privacy terms, we just need a fair transparent start. you, for example. So we don't have to be completely against privacy terms,
we just need a fair transparent start.
</p> </p>
</div>
<button id="read-more">Read more</button>
</div>
<div class="big-card"> <div class="big-card">
<h2 class="quote">“A fresh start for the people.”</h2> <h2 class="quote">“A fresh start for the people.”</h2>
<img src="images/test.jpg" alt="" /> <img src="images/cover.jpg" alt="User testing Ucontrol" />
</div> </div>
</main> </main>
<footer> <footer>
<div class="outro">Go directly to privacy policies</div>
<a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank"> <a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank">
<img src="images/facebook.png" alt="Facebook" /> <img src="images/blue/Facebook_blue-02.svg" alt="Facebook" />
</a> </a>
<a class="logo" href="https://help.instagram.com/581066165581870" target="__blank"> <a class="logo" href="https://help.instagram.com/581066165581870" target="__blank">
<img src="images/Instagram.png" alt="Instagram" /> <img src="images/blue/instagram_blue-02.svg" alt="Instagram" />
</a> </a>
<a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank"> <a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank">
<img src="images/TikTok.png" alt="TikTok" /> <img src="images/blue/TikTok-02.svg" alt="TikTok" />
</a> </a>
<a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank"> <a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank">
<img src="images/Snapchat.png" alt="Snapchat" /> <img src="images/blue/snapchat_blue-02.svg" alt="Snapchat" />
</a> </a>
<a class="logo" href="https://telegram.org/privacy" target="__blank"> <a class="logo" href="https://telegram.org/privacy" target="__blank">
<img src="images/Telegram.png" alt="Telegram" /> <img src="images/blue/Telegram_blue-02.svg" alt="Telegram" />
</a> </a>
<a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank"> <a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank">
<img src="./images/WeChat.png" alt="WeChat" /> <img src="./images/blue/WeChat-02.svg" alt="WeChat" />
</a> </a>
<a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank"> <a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank">
<img src="images/Whatsapp.png" alt="Whatsapp" /> <img src="images/blue/Whatsapp_blue-02.svg" alt="Whatsapp" />
</a> </a>
<a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank"> <a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank">
<img src="images/Youtube.png" alt="Youtube" /> <img src="images/blue/youtube_blue-02.svg" alt="Youtube" />
</a> </a>
</footer> </footer>
</body> </body>

@ -147,36 +147,37 @@
</main> </main>
<footer> <footer>
<div class="outro">Go directly to privacy policies</div>
<a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank"> <a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank">
<img src="images/facebook.png" alt="Facebook" /> <img src="images/blue/Facebook_blue-02.svg" alt="Facebook" />
</a> </a>
<a class="logo" href="https://help.instagram.com/581066165581870" target="__blank"> <a class="logo" href="https://help.instagram.com/581066165581870" target="__blank">
<img src="images/Instagram.png" alt="Instagram" /> <img src="images/blue/instagram_blue-02.svg" alt="Instagram" />
</a> </a>
<a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank"> <a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank">
<img src="images/TikTok.png" alt="TikTok" /> <img src="images/blue/TikTok-02.svg" alt="TikTok" />
</a> </a>
<a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank"> <a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank">
<img src="images/Snapchat.png" alt="Snapchat" /> <img src="images/blue/snapchat_blue-02.svg" alt="Snapchat" />
</a> </a>
<a class="logo" href="https://telegram.org/privacy" target="__blank"> <a class="logo" href="https://telegram.org/privacy" target="__blank">
<img src="images/Telegram.png" alt="Telegram" /> <img src="images/blue/Telegram_blue-02.svg" alt="Telegram" />
</a> </a>
<a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank"> <a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank">
<img src="./images/WeChat.png" alt="WeChat" /> <img src="./images/blue/WeChat-02.svg" alt="WeChat" />
</a> </a>
<a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank"> <a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank">
<img src="images/Whatsapp.png" alt="Whatsapp" /> <img src="images/blue/Whatsapp_blue-02.svg" alt="Whatsapp" />
</a> </a>
<a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank"> <a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank">
<img src="images/Youtube.png" alt="Youtube" /> <img src="images/blue/youtube_blue-02.svg" alt="Youtube" />
</a> </a>
</footer> </footer>
</body> </body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><ellipse class="cls-1" cx="516.5" cy="474.99" rx="400.2" ry="394.48"/><path class="cls-2" d="M444.5,553.87l-53.23-.14c-.22-3.22-.57-5.93-.57-8.65,0-29.58.28-59.16.05-88.74-.06-7.2,1.8-9.55,7.22-9.4,12.4.36,24.81-.05,37.21.38,7,.25,9.84-3.11,9.75-12.24-.23-25.12,0-50.26,0-75.38,0-38.8,9.69-71.69,34.76-95.5,15.24-14.48,32.47-22.09,51.24-22.85,35-1.42,69.94-2,104.92-2.91a33.85,33.85,0,0,1,5.82.83l-.27,109.66c-9.73,0-19.07-.16-28.41-.05-11.41.13-22.85-.26-34.2.92-11.54,1.2-19.67,10-20.55,24.46-1.38,22.44-1,45.07-1.16,67.62-.05,6.5,4.15,5.07,7.17,5.09,23.32.15,46.64.18,70,.29,2.42,0,4.84.29,8.24.51-3.54,35.57-7,70.44-10.58,106.15l-75.26-.19-.8,315.76-112.12-.28Z"/></svg>

After

Width:  |  Height:  |  Size: 835 B

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><circle class="cls-1" cx="516.5" cy="475" r="391.91"/><path class="cls-2" d="M516,577.83c-2.21,2.1-4.39,4.14-6.54,6.22-13.15,12.7-26.21,25.51-39.48,38.09-5.93,5.63-12.63,10.1-21.47,11,0-2.59-.15-5,0-7.31q2.67-34.95,5.44-69.9c.58-7.38,1.13-14.77,2-22.12a7.65,7.65,0,0,1,2.52-4.2q43-39.42,86.1-78.72,46.28-42.27,92.52-84.57a30.14,30.14,0,0,0,3.86-4c2-2.62,1.14-4.49-2.16-5.12-3.78-.71-7.06.58-10.17,2.55q-30.83,19.46-61.65,38.89Q485.29,450,403.65,501.48a7.05,7.05,0,0,1-6.44.94q-49.23-15.09-98.5-30.05a30.88,30.88,0,0,1-3.25-1.21c-9.56-4.11-11.32-12.6-3.28-19.28A57.64,57.64,0,0,1,308.1,443q175.64-68,351.37-135.65c9.82-3.79,19.69-7.42,29.47-11.3,18.71-7.42,29.27,7.95,27.81,22-.76,7.33-2.45,14.58-4,21.81q-11.84,56-23.82,111.93-12.12,57-24.19,114c-5,23.29-9.87,46.59-15,69.83a43.38,43.38,0,0,1-4.5,11.57c-4,7.11-10.32,10.14-18.17,8-5.47-1.48-11.14-3.65-15.67-7-31-22.64-61.8-45.66-92.65-68.55C517.92,579.11,517,578.56,516,577.83Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}</style></defs><g id="Ewwcbj.tif"><path class="cls-1" d="M549.87,80.52l30.31.08c2.31.16,4.62.46,6.93.44,7.79-.06,15.58-.23,23.37-.36l33.83.08c3.73,1.58,4.49,5,5,8.88,5.74,42,21.16,79.09,47.27,110.56,31.75,38.28,71.4,60.43,118.13,67.55,5.07.77,9.27,2.57,10.92,8.47l0,23.12a43,43,0,0,0-.45,4.52q-.14,31.51-.17,63c0,2.4.28,4.81.43,7.21l0,20c-1.44,6.27-5.83,7.58-10.84,7.41-8.09-.27-16.19-.52-24.25-1.26a175.58,175.58,0,0,1-70.64-21.91c-27.89-15.7-50.38-38.24-69.06-65.55l-3.49-5-.75.32V313c-.26,104.91-.39,209.82-.95,314.73a271.07,271.07,0,0,1-3.66,44c-11.32,66.17-42.39,118.64-93.45,156.5a206.69,206.69,0,0,1-89.42,38.29c-7.16,1.22-14.39,2-21.59,3L414,869.42c-1.14-.22-2.27-.49-3.42-.64-7.1-1-14.27-1.48-21.29-2.88-44-8.72-82.44-29.81-114.8-63.56-35.21-36.7-57-81.36-64.41-134.09-1.18-8.35-1.82-16.78-2.7-25.18l.06-27c.2-1.36.5-2.72.59-4.1,2.19-33.09,10-64.52,24.2-93.83,28.41-58.47,72-97,129.41-117.44a186.68,186.68,0,0,1,70.11-10.52c7.55.28,8.77,1.73,8.74,9.86q-.2,50.1-.38,100.19c0,7.85-.31,7.95-7.32,7.73-6.79-.22-13.69-.77-20.37.2-79.83,11.61-125,106.68-81.61,185.29,24.72,44.77,63.51,62.76,110.56,57.24,54.54-6.4,101.59-57.32,101.67-123.91q.3-240.45,1.51-480.9c.06-18.24.19-36.47.2-54.71C544.73,86.54,545.46,82.52,549.87,80.52Z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M413.41,651.43c-2.65.34-5.31,1.17-7.87.92-24.32-2.36-48.66-4.64-72.92-7.51-10.11-1.2-20.11-3.58-30.08-5.76-5.25-1.15-10.28-3.37-15.54-4.45a12.67,12.67,0,0,0-7.87,1c-20.43,10.77-40.7,21.87-61.07,32.76-12.06,6.45-24.23,12.7-37.22,19.5.13-2.21,0-3.38.29-4.41,3.84-12.55,7.59-25.13,11.7-37.58,3.27-9.88,7-19.61,10.52-29.4,1.76-4.9,4-9.7,5-14.74a8.13,8.13,0,0,0-2.7-6.8,314.74,314.74,0,0,1-59.5-53.39c-13.53-15.64-25.64-32.39-34.28-51.28-6.05-13.22-12.68-26.43-16.53-40.34-7.91-28.52-12.06-57.66-8.09-87.45,2.46-18.47,5.82-36.73,12.25-54.24a260.39,260.39,0,0,1,41.88-73.54C163.63,207,190.5,184.67,221,166.93c16.45-9.59,34.32-16.86,51.87-24.43,21.13-9.11,43.55-13.66,66.11-18,31.18-6,62.5-5.65,93.8-3.56,16.77,1.11,33.46,4.56,50,7.92,13,2.64,26.21,5.57,38.47,10.49,18.3,7.33,36.09,16,53.64,25.07,19.19,9.86,36.38,22.86,52.49,37.16a276.38,276.38,0,0,1,53,63.74,269,269,0,0,1,25.09,55.57,146,146,0,0,1,4.3,15.65c.85,4-2.35,4.33-5.19,4.32-6.28,0-12.56-.29-18.84-.27a285.22,285.22,0,0,0-66.5,7.63c-13.57,3.26-27.66,5.34-40.51,10.46-20,8-39.91,16.87-58.56,27.62-27.5,15.85-50.85,37.18-70.39,62.25A244.08,244.08,0,0,0,420,498.87a181.41,181.41,0,0,0-15.38,57.77c-1.68,17.91-.24,36.26,1.34,54.29C407.07,624.15,410.67,637.15,413.41,651.43ZM291.32,335.58c23.19,1.3,45.38-20.34,44.9-45.17-.43-22.08-23.62-44.5-45.71-43.22-24.65,1.43-42.15,18.28-42.84,45.6C247.09,315.56,268,337.32,291.32,335.58Zm216.19.06c25.51,0,46.1-21.15,45.22-44.63-1-25.73-21-44.45-46.32-43.54-23.72.85-41.48,17.67-42.26,45.13C463.45,317.47,488,338,507.51,335.64Z"/><path class="cls-1" d="M693.09,358.09c9.25.92,27.42,1.31,44.94,4.86,18.89,3.83,37.31,10.19,55.68,16.19,24.42,8,46.32,20.94,66.66,36.4,26.59,20.21,48.55,44.73,64,74.38,17.6,33.67,25.41,69.63,22.07,107.73a196.39,196.39,0,0,1-31.08,90.19c-17.15,26.63-39.83,48.23-65.4,66.77-4,2.9-4.46,5.62-2.85,10.1,4.23,11.75,7.9,23.7,11.81,35.56,2.48,7.52,5.18,15,7.37,22.57.68,2.34,0,5.08-.07,7.63a51,51,0,0,1-6-2.28Q833.2,814,806.2,799.58c-3.11-1.65-6.33-3.11-9.32-5-7.31-4.5-14.78-5.89-23.3-3.5-10.64,3-21.49,5.27-32.32,7.57-4.47,1-9.14.94-13.65,1.76a239.83,239.83,0,0,1-61.89,3.35,360.22,360.22,0,0,1-44.5-6.75,336.46,336.46,0,0,1-39.87-10.75,270.15,270.15,0,0,1-94.43-57.43,224.94,224.94,0,0,1-44.75-59.83c-16.86-32.8-24.44-67.64-21.13-104.13,1.51-16.62,7-33,11.62-49.21,5.4-18.81,15.57-35.37,26.94-51.14C476,441.8,496.27,423,519.37,407.12c18.66-12.83,39-22.57,60-30.55,12.6-4.78,26-7.45,39.15-10.74C640.13,360.43,662.12,358.17,693.09,358.09ZM603.35,473.92c-19.83,0-35,15.75-35,36.22,0,19,16.12,34.94,35.34,34.74,18.55-.19,35.37-15.37,35.9-35.18C640,493.06,621,472.22,603.35,473.92Zm172.9,71c22.82-1.08,35.94-14.7,36.32-35,.31-17.06-16.36-36-35.41-36.23-20.61-.3-36.43,19.28-36.18,34.61C741.29,527.52,754.23,543.67,776.25,544.92Z"/><path class="cls-2" d="M291.32,335.58c-23.34,1.74-44.23-20-43.65-42.79.69-27.32,18.19-44.17,42.84-45.6,22.09-1.28,45.28,21.14,45.71,43.22C336.7,315.24,314.51,336.88,291.32,335.58Z"/><path class="cls-2" d="M507.51,335.64c-19.5,2.32-44.06-18.17-43.36-43,.78-27.46,18.54-44.28,42.26-45.13,25.34-.91,45.35,17.81,46.32,43.54C553.61,314.49,533,335.62,507.51,335.64Z"/><path class="cls-2" d="M603.35,473.92c17.6-1.7,36.68,19.14,36.24,35.78-.53,19.81-17.35,35-35.9,35.18-19.22.2-35.32-15.74-35.34-34.74C568.33,489.67,583.52,474,603.35,473.92Z"/><path class="cls-2" d="M776.25,544.92c-22-1.25-35-17.4-35.27-36.62-.25-15.33,15.57-34.91,36.18-34.61,19.05.27,35.72,19.17,35.41,36.23C812.19,530.22,799.07,543.84,776.25,544.92Z"/></svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}</style></defs><g id="vqW9MQ.tif"><path class="cls-1" d="M508.44,77.36h30.25a7.22,7.22,0,0,0,1.39.34A369.26,369.26,0,0,1,590.84,83a390.67,390.67,0,0,1,277.9,200.4,385.35,385.35,0,0,1-85.87,471A391.32,391.32,0,0,1,512.21,852a394.93,394.93,0,0,1-74.43-9.2,389.92,389.92,0,0,1-101-37.8,4.4,4.4,0,0,0-3.79-.38q-56.32,18-112.68,35.83L118.94,872.64a16.59,16.59,0,0,1,.39-1.86q12.3-36.36,24.63-72.72,22.2-65.44,44.44-130.88a4.85,4.85,0,0,0-.48-4.53,384.12,384.12,0,0,1-54.48-211.49,390,390,0,0,1,8.22-67.08,379.53,379.53,0,0,1,34.88-97,390.38,390.38,0,0,1,322-209C501.86,77.94,505.15,77.62,508.44,77.36ZM403.62,275.41v-.13c-2.76,0-5.53,0-8.29,0-10.27,0-19.43,3-27.09,10-2.87,2.63-5.61,5.42-8.31,8.24-26.19,27.24-35,59.88-29.67,96.75,2.54,17.42,8.8,33.69,16.46,49.45,5.94,12.22,13.46,23.48,20.69,34.93,21.08,33.4,45.19,64.29,73.79,91.6,27.74,26.5,58.57,48.37,94.16,63.22,20.41,8.51,40.78,17.12,62,23.59,9.44,2.89,19,5.49,28.91,5.83S646,657,655.67,655c15.36-3.12,28.85-10.77,41.55-19.82,12.29-8.77,20.81-20,24.55-34.88,2.58-10.22,5-20.38,4.45-31a9.2,9.2,0,0,0-4.24-7.68c-2.19-1.44-4.39-2.88-6.7-4.11-19.72-10.48-39.42-21-59.22-31.32-6.58-3.44-13.32-6.66-20.21-9.43-8.13-3.28-12.88-1.37-18.5,5.22-10.94,12.85-22.18,25.44-33.38,38.08-4.79,5.41-10.66,6.41-17.18,3.51-3.94-1.76-7.76-3.8-11.69-5.61a256.87,256.87,0,0,1-75.7-53.16c-19.37-19.63-35.11-42-48.28-66.14-3.66-6.72-2.71-11.78,2.67-17.37,5.71-5.93,11.26-12,17-17.88,5.25-5.36,8.95-11.72,12.15-18.37a21.61,21.61,0,0,0,1.63-7.17c.38-4-1.62-7.54-3-11.18-8.13-21.63-16.18-43.29-24.3-64.92-2.38-6.37-4.4-12.9-8.37-18.56-3.18-4.53-7.23-7.63-13-7.78C411.84,275.33,407.73,275.41,403.62,275.41Z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}</style></defs><g id="IslXn1.tif"><path class="cls-1" d="M652.71,871.25H380.29c-18.34-2-36.72-3.74-55-6C224,852.51,148.84,782.92,129.42,682.79c-4.57-23.57-6.19-47.7-9.17-71.58V338.79c2-18.31,3.74-36.64,6-54.91C139,182.52,208.52,107.38,308.61,88c23.6-4.58,47.77-6.21,71.68-9.2H652.71c18.34,2,36.71,3.76,55,6C809.07,97.49,884.07,167,903.57,267.21c4.59,23.57,6.2,47.71,9.18,71.58V611.21c-2,18.31-3.74,36.64-6,54.91C894,767.52,824.44,842.69,724.4,862.06,700.79,866.63,676.62,868.26,652.71,871.25ZM516.35,143.73v.08c-54.64,0-109.37-1.91-163.91.42-97.06,4.15-163.44,68.14-166.3,165.08q-4.87,165.33,0,330.92c2.74,97,68.84,162.65,165.87,165.26q164.58,4.43,329.38,0c97-2.67,162.9-68.5,165.61-165.53,3.06-109.72,2.1-219.62.12-329.39-.93-51.19-20.19-96.6-62-129.71-31.14-24.66-67.61-35.61-106.35-36.71C624.65,142.57,570.48,143.73,516.35,143.73Z"/><path class="cls-1" d="M319.83,475.52c-.52-108.17,88.07-197,196.55-197.17S713.45,367,713.17,475.27c-.28,108-87.48,195.47-195.77,196.41C409.49,672.63,320.35,584.13,319.83,475.52Zm331.38-1.95c-.55-74-61.68-133.8-136.14-133.27-73.24.52-133.9,61.78-133.25,134.58.68,75,61,135.47,134.56,134.81C592,609,651.77,548.71,651.21,473.57Z"/><path class="cls-1" d="M725,220.63c25.85.19,45.81,20.23,45.92,46.12C771,293.14,750.1,314.11,724,313.8c-25.1-.29-46.11-21.39-46.29-46.49C677.53,241.18,698.52,220.44,725,220.63Z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}</style></defs><g id="R476jW.tif"><path class="cls-1" d="M280.06,343.83c-3.21-79.94,11.45-153.41,76.53-207.78C406,94.8,463.66,78.45,527.27,80.12c118.14,3.1,243.88,94.48,226.9,261.8,11.46,0,23.16-1.14,34.56.2,49.31,5.76,76,59.09,51.64,102.48-8.14,14.51-20.06,25.41-33.67,34.58-10.44,7-21.06,13.81-31.57,20.74-10.12,6.68-11.24,10.58-5.82,21.61a193.22,193.22,0,0,0,60.75,71.73c15.08,11,31.67,19.91,47.65,29.65,6,3.64,12.43,6.52,18.15,10.49,25.06,17.38,30.21,48.16,10.78,71.71a95.26,95.26,0,0,1-28.27,23c-15,7.88-31.31,13.28-47.33,19-7.92,2.81-13.72,6.62-16.64,14.89-9,25.59-28.32,38-54.4,40.7-14.74,1.53-29.59,2-44.39,3.09-23.56,1.66-45.48,8.14-65.52,21.12-26.89,17.42-55,32.14-87,38.33-53,10.25-103.56,4.27-151.37-21.45-7.14-3.85-14.41-7.61-21-12.31-27.56-19.71-58.82-26.18-91.93-27.14A222.7,222.7,0,0,1,263,800.84c-21-4.08-36-16.59-43.46-36.73-3.6-9.8-9.87-14.21-19.31-17.56-17.32-6.16-34.9-12.47-50.72-21.59-10.7-6.16-20.43-16-27.31-26.38-13.92-21-8.29-47.66,12-62.75,8.68-6.45,18.63-11.27,28.24-16.39,36.66-19.51,68.41-44.61,91.19-79.89a175.86,175.86,0,0,0,10.93-19.81c4.42-9.28,3.12-13.36-5.37-19.07C246.43,492.09,233.29,484,220.82,475c-17.23-12.43-30.62-28-35.25-49.46-10.23-47.39,27.47-89.2,75.88-84.33C267.27,341.83,273.05,342.84,280.06,343.83Zm45.12,10.32c.47,9.47,1.29,24.29,1.93,39.12.45,10.32-3.22,13.34-13.23,10.2-9.32-2.92-18.28-7-27.61-9.9-9.58-2.95-19.31-6-29.19-7.25-10.54-1.3-20.21,2.14-25.36,12.57s-3.52,20.46,4.15,28.83A106.28,106.28,0,0,0,253.59,443c17.46,12.13,35.32,23.69,52.91,35.64,9.21,6.26,13,14.69,10.63,26.09-5.08,24.6-16.32,46.34-30.54,66.63-28.66,40.9-67.18,69.95-111.34,92.29-5.06,2.56-8.83,7.66-13.2,11.58,4.34,4.41,7.9,10.68,13.16,12.87,18.25,7.6,36.87,14.5,55.78,20.29,16.85,5.15,29,13.14,28.86,32.71a20.63,20.63,0,0,0,.74,3.26c1.25,7.65,5.92,12,13.38,12.95a208,208,0,0,0,22.55,1.91c43.72.84,84.92,9.93,121.14,36,4.29,3.09,9.13,5.44,13.78,8,41.45,23.09,85.37,26.87,130.9,16.06,24-5.71,44.95-18.4,65.49-31.51a166.08,166.08,0,0,1,73.81-25.63c15.58-1.55,31.25-2.28,46.89-3.25,19-1.18,22.73-4.18,25.28-23,1.64-12,7.39-20.27,19.05-24.09,5.31-1.74,10.7-3.24,15.95-5.13,16-5.78,32.23-11,47.75-17.92,5.74-2.54,9.74-9,14.53-13.7-4.9-4.14-9.23-9.37-14.79-12.23-38-19.6-72.13-44.07-99.15-77.56-19.52-24.19-35-50.52-41.21-81.56-2.05-10.31,1.21-18.32,9.54-24.13,13.77-9.61,27.83-18.79,41.66-28.3,8.52-5.86,17.6-11.23,25-18.31,5.17-4.95,10-12,11.39-18.84,3.8-18.43-12.21-32.11-32.54-27.28-16.51,3.93-32.39,10.47-48.59,15.75-13.65,4.44-16.42,2.05-16.28-11.94.33-34.13,1.86-68.35,0-102.36-3.06-54.8-27.83-99-73.85-129.15-61.87-40.55-128.62-44.9-196.62-18.41-52.5,20.45-88.26,58.33-103.09,113.72C324.25,285.36,324.54,317.12,325.18,354.15Z"/></g></svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><rect class="cls-1" x="124.09" y="203.2" width="774.36" height="565.08" rx="46.9"/><path class="cls-1" d="M384.1,157.61H648.9c3.29.36,6.58,1,9.88,1.06,34.56.85,69.14,1.33,103.69,2.5,24.5.82,49.47-.1,73.36,4.41,54.1,10.19,86.54,45.81,99,97.9,6,25.17,5.48,51.95,7.33,78,1.56,21.9,2.29,43.86,3.39,65.8V549.77c-.43,4.12-1,8.23-1.25,12.36-1.76,36.26-3.19,72.53-5.24,108.77A132.43,132.43,0,0,1,915.72,739c-22.11,32.39-52,53.43-91.91,55.31-64.71,3.06-129.49,6-194.25,6.1-117.56.17-235.12-1.62-352.68-3-25.39-.3-51-.42-76.08-3.95-50.72-7.15-91.93-46.78-102.82-99.56-5.09-24.68-5.27-50.41-7.1-75.71-1.57-21.65-2.31-43.36-3.42-65V407.32c.4-2.71,1-5.41,1.15-8.13,1.69-35.14,3-70.31,5.12-105.42a176.5,176.5,0,0,1,5.74-36.24c13-46.92,54.24-94.13,121.47-94.85,51.1-.55,102.18-2.58,153.26-4C377.51,158.58,380.8,158,384.1,157.61ZM509.51,749c96.67-2.35,187.12-4.51,277.56-6.81,12.83-.33,25.84-.14,38.42-2.25,31.64-5.31,57.26-35.85,59.68-71,2.28-33.14,3.87-66.34,5.14-99.54,3.54-92.74,1.31-185.4-4.78-278-2.77-42-32.14-73.34-70.58-74.69-46.88-1.66-93.78-3.08-140.68-4C523.46,209.86,372.69,211,222,217c-6.66.27-13.47.68-19.9,2.28-28.76,7.2-51.69,35.44-54.19,68.4-2.54,33.4-4,66.9-5.24,100.38a2606.39,2606.39,0,0,0,4.91,280.48,81.51,81.51,0,0,0,15.77,42.63c12.35,17,28.37,29,50.07,29.61C314.13,743.79,414.9,746.38,509.51,749Z"/><path class="cls-2" d="M434.53,643.14v-329L677.38,478.67Z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 KiB

@ -0,0 +1,3 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.6767 38.1628C21.4928 38.1628 21.3093 38.1449 21.1285 38.1094C19.7694 37.84 18.6953 36.5766 18.5165 35.0366L18.2542 32.7756C17.9873 30.4755 17.7115 28.0974 17.4378 25.7587C17.3994 25.4278 17.3534 25.0852 17.3113 24.7548C17.2522 24.3 17.1915 23.8344 17.1426 23.363C15.2302 22.9589 13.3026 22.5436 11.4324 22.1386L9.14636 21.6443C7.98796 21.3947 6.78949 21.1366 5.60916 20.8658C4.32593 20.5713 3.41169 19.6392 3.10132 18.3067C2.80613 17.0402 3.16289 15.8118 4.08092 14.9367C4.41988 14.6221 4.81282 14.3803 5.23806 14.2247C15.0096 10.5355 24.7492 6.86473 34.1864 3.31473C35.3043 2.89405 36.2957 2.89405 37.215 3.32102C38.6766 3.99941 39.294 5.47921 38.8676 7.27957L38.8212 7.47488L38.7369 7.65446C38.6576 7.81834 38.5682 8.00286 38.4729 8.20266C38.2309 8.7055 37.9568 9.27569 37.6717 9.8571C33.639 18.0243 29.6645 26.0851 24.9335 35.6746C24.8196 35.9054 24.699 36.137 24.575 36.3633C23.9648 37.4759 22.8267 38.1628 21.6767 38.1628Z" stroke="#0047FF" stroke-width="3"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M516.25,853Q376,853,235.76,853c-23.24,0-45.72-3.35-66.8-14.14-73.48-37.63-99.1-122-58.31-194.16,29.83-52.8,60.29-105.25,90.46-157.85q88.44-154.18,177-308.32C408.59,125.56,454.78,97.14,516,97c61.66-.14,108.16,28.38,138.83,81.71q133.45,232,266.38,464.35c33.36,58.27,25.82,122.11-21.09,170.11C872.66,841.26,837.9,853,798.84,853Q657.54,852.87,516.25,853Zm.19-71.08c93.86,0,187.76-1.3,281.59.49,53.64,1,91.27-53.88,61.35-105.4C769.07,521.43,680.17,365.05,590.63,209.05c-31.61-55.08-116.9-55-148.54.08Q365,343.35,288.13,477.68q-57.48,100.26-115,200.49c-13.74,24-15.63,48-.36,72.14,13.94,22,34.29,31.64,60,31.61Q374.59,781.79,516.44,781.89Z"/><path class="cls-2" d="M516.44,781.88q-141.86,0-283.69,0c-25.67,0-46-9.6-60-31.61-15.27-24.12-13.38-48.18.36-72.14q57.47-100.26,115-200.49,77-134.26,154-268.55C473.73,154,559,154,590.63,209.05c89.54,156,178.44,312.38,268.75,467.93,29.92,51.52-7.71,106.43-61.35,105.4C704.2,780.59,610.3,781.89,516.44,781.88Zm35.49-345.26c0-30.32.05-60.64,0-91,0-21.68-14.7-37.23-35.08-37.46-20.86-.24-36,15.43-36,37.61q-.08,90.45,0,180.89c0,21.62,14.75,37.25,35.08,37.51,20.74.27,35.92-15.54,36-37.66C552,496.57,551.93,466.6,551.93,436.62Zm0,241.49c0-2.79.05-5.58,0-8.37-.35-16.11-11.19-30.51-25.77-34.27-16.67-4.29-33.77,2-40.66,17.62-7.71,17.44-8.28,35.84,1.82,53,5.69,9.69,15,14.07,26,15.23C532.13,723.34,554.89,708.87,551.93,678.11Z"/><path class="cls-1" d="M551.93,436.62c0,30,.05,59.95,0,89.93,0,22.12-15.23,37.93-36,37.66-20.33-.26-35.06-15.89-35.08-37.51q-.09-90.45,0-180.89c0-22.18,15.12-37.85,36-37.61,20.38.23,35,15.78,35.08,37.46C552,376,551.93,406.3,551.93,436.62Z"/><path class="cls-1" d="M551.93,678.11c3,30.76-19.8,45.23-38.58,43.26-11-1.16-20.35-5.54-26-15.23-10.1-17.21-9.53-35.61-1.82-53,6.89-15.59,24-21.91,40.66-17.62,14.58,3.76,25.42,18.16,25.77,34.27C552,672.53,551.93,675.32,551.93,678.11Z"/></svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><g id="Build-Icons_Stable" data-name="Build-Icons/Stable"><g id="Logo"><path id="Head" class="cls-1" d="M814.45,278.93l17.7-43.38s-22.26-24-49.66-51.37-85-11.41-85-11.41L631.8,98.56H401.2L335,173.34s-57.65-16-85.05,11.41-49.66,51.37-49.66,51.37L218,279.5l-22.26,63.93s66.21,250,73.63,280.83c15.41,59.93,25.68,83.34,69.06,114.16S460,821.76,473.12,829.75c12.56,8,29.11,21.69,43.38,21.69s30.25-13.7,43.38-21.69c12.56-8,91.33-61.08,134.71-91.33s53.65-53.65,69.06-114.16c8-30.82,73.63-280.83,73.63-280.83l-22.83-64.5Z"/><path id="Face" class="cls-2" d="M679.18,220.71s84.47,102.17,84.47,124.43S752.81,372.54,742,384,684.31,445,678.6,451.31c-6.27,6.28-18.26,16-11.41,33.68,7.42,17.12,18.26,39.38,6.28,62.22-12,22.26-32.54,37.67-45.67,34.81-13.12-2.28-44.52-18.83-55.93-26.25s-47.38-37.1-47.38-48.52,37.67-32,44.52-36.53,38.25-22.83,38.82-29.68.57-9.13-9.14-26.83c-9.13-17.69-26.25-41.1-23.4-56.51s29.68-23.4,49.09-30.82,56.51-21.12,61.07-23.4,3.43-4-10.84-5.71c-14.27-1.14-53.66-6.85-71.92-1.71s-48.52,12.55-51.37,16.55c-2.28,4-4.57,4-2.28,18.27,2.28,13.69,16,81.05,17.12,93s4,20-9.13,22.84c-12.56,2.85-34.25,8-41.67,8s-29.11-5.14-41.67-8-10.27-10.85-9.13-22.84,14.27-78.77,17.12-93c2.28-13.7.57-14.27-2.28-18.27-2.28-4-33.11-11.42-51.37-16.55s-57.65,0-71.92,1.71c-14.27,1.14-15.41,3.42-10.85,5.71s41.67,16,61.08,23.4,46.23,15.41,49.09,30.82-13.7,38.82-23.41,56.51c-9.13,17.7-9.7,19.41-9.13,26.83.57,6.85,32,25.11,38.81,29.68s44.53,25.11,44.53,36.53-36,41.1-47.38,48.52-42.24,23.4-55.94,26.25c-13.13,2.29-33.67-12.55-45.66-34.81s-1.14-44.53,6.28-62.22c7.42-17.12-5.14-26.83-11.42-33.68C345.83,445,299.6,395.37,288.75,384s-21.11-17.12-21.11-38.82,84.47-124.43,84.47-124.43,71.35,13.7,81.05,13.7,30.26-8,49.66-14.27,32-6.28,32-6.28,12.56,0,32,6.28,40,14.27,49.66,14.27,82.77-13.7,82.77-13.7Zm-63.36,391c5.13,3.43,2.28,9.71-2.86,12.56-4.56,3.43-69.06,53.09-74.77,58.79-6.28,5.71-15.41,14.27-21.69,14.27s-15.41-9.13-21.69-14.27c-6.28-5.7-70.21-55.36-74.77-58.79s-8-9.7-2.86-12.56c5.14-3.42,21.69-11.41,43.95-23.4,22.83-12,50.8-21.69,55.37-21.69s32.54,9.71,55.37,21.69C594.13,600.29,610.68,608.85,615.82,611.7Z"/><g id="Top-Head"><path id="path-3" class="cls-1" d="M697.44,173.34,631.8,98.56H401.2L335,173.34s-57.65-16-85.05,11.41c0,0,77.06-6.85,103.31,36,0,0,71.35,13.7,81.06,13.7s30.25-8,49.65-14.27,32-6.28,32-6.28,12.56,0,32,6.28,40,14.27,49.66,14.27,81.05-13.7,81.05-13.7c26.26-42.81,103.32-36,103.32-36-26.83-27.4-84.48-11.41-84.48-11.41"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:none;stroke:#1834e9;stroke-miterlimit:10;stroke-width:10.34px;}</style></defs><path class="cls-1" d="M676.47,358.61c6.17-.33,9.12-.63,12.08-.64,56.31-.06,112.62.13,168.93-.31,5.81,0,10.24,1,13.54,3.59a20.43,20.43,0,0,1,6.15,10.39c37.4,148.05-25.71,268.81-25.71,268.81C797.38,743.91,695.33,823.13,582.61,842.08A324.82,324.82,0,0,1,528,846.56c4.37-9.26,6.63-15,9.67-20.3,47.59-82.94,94.89-166,143.07-248.65,39.79-68.2,42.16-136.18,2.16-204.95C680.65,368.86,679.18,364.63,676.47,358.61Z"/><path class="cls-1" d="M339,392.86,239.92,224c80.34-87.1,179.9-130.26,297.37-122.6,130.46,8.51,261.07,89.1,295.17,177.47H764.69c-75.61,0-151.22.64-226.82-.05C451.51,278,384.73,311,342.6,388.42,342,389.52,341,390.41,339,392.86Z"/><path class="cls-1" d="M189.32,296.76c19,32.46,36.77,62.72,54.51,93Q295.59,478,347.35,566.27c39.19,67.05,97.92,100.05,175.19,101,3,0,6,.3,10.84.57-3.13,6.58-5.45,12.34-8.47,17.7Q486.63,753.36,448.11,821C438.55,837.82,436,839,417,833.09,264.75,785.42,174.5,682.23,147.55,525.72c-13-75.57,1.16-148.71,35.06-217.7C184.09,305,186,302.23,189.32,296.76Z"/><path class="cls-1" d="M404.23,472.55c.21-62.49,50.57-112.12,113.63-112s112.37,49.83,112.2,113.19C629.9,536.55,579,586.3,515.2,586,453.85,585.72,404,534.78,404.23,472.55Z"/><ellipse class="cls-2" cx="517.98" cy="475" rx="372.25" ry="374.84"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M463,643H577.85c.16-.39,2.23-5,3.86-9.66,22.57-65.16,78.17-101.52,151.49-99,59.18,2,113.24,47.8,129.57,109.71,20,75.82-24.95,154.53-100.81,176.52S604.9,801,582.33,726.06c-6.25-20.74-15.65-32.9-36.48-37.31-27.07-5.72-53-3.84-76.23,11.86-4.66,3.15-6.14,11.75-8,18.15-21.81,73.09-84.09,114.18-161.48,106.3C236.67,818.6,179.63,760.15,175,696.85c-5.82-78.8,38-141.26,111.92-159.66,69.54-17.3,144.26,21.74,169.89,88.8C459.42,632.91,461.86,639.91,463,643ZM221.76,679.15c-.32,55.61,43.41,99.53,99.05,99.5A98.14,98.14,0,0,0,419,680.59c.31-54.81-42.28-98.53-96.78-99.33C266.42,580.43,222.08,623.64,221.76,679.15Zm400.44,0c-.32,55.61,43.4,99.53,99,99.5a98.14,98.14,0,0,0,98.21-98.06c.31-54.81-42.29-98.53-96.79-99.33C666.86,580.43,622.52,623.64,622.2,679.15Z"/><path class="cls-1" d="M948.5,492.12H84.5c7.28-4.74,11.6-8.18,16.43-10.61,60.19-30.2,120.33-60.52,180.85-90.05a71.7,71.7,0,0,1,30.18-7q204.62-.68,409.25-.11c8,0,16.89,1.14,24,4.61,64.53,31.67,128.76,64,193,96.13C940.58,486.23,942.64,488.06,948.5,492.12Z"/><path class="cls-1" d="M367.41,123.59C411.22,135.78,451.73,148,492.76,158a91.54,91.54,0,0,0,41.55.28c42.44-10.18,84.36-22.58,128.15-34.58C681.9,186.81,700.7,247.9,720,310.49H319C335.11,248.33,350.88,187.41,367.41,123.59Z"/><path class="cls-2" d="M217.26,678.18c.32-55.51,44.66-98.72,100.46-97.9,54.5.81,97.1,44.53,96.79,99.34a98.12,98.12,0,0,1-98.21,98C260.66,777.71,216.94,733.79,217.26,678.18Z"/><path class="cls-2" d="M617.7,678.18c.32-55.51,44.66-98.72,100.46-97.9,54.5.81,97.09,44.53,96.78,99.34a98.12,98.12,0,0,1-98.2,98C661.1,777.71,617.37,733.79,617.7,678.18Z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1,.cls-3{fill:#1834e9;}.cls-1{stroke:#1834e9;stroke-miterlimit:10;stroke-width:24.93px;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M516.29,109.5q148.79,0,297.57,0c47.21,0,68,20.79,68,67.9q.14,214.65,0,429.31c0,46.89-21.24,67.89-68.24,68-56,.09-112,.39-167.95-.25-13.05-.14-20.91,3.74-27.8,15.25-27.17,45.42-55.36,90.23-83.32,135.17-12.89,20.71-23.12,20.88-35.83.5C471.06,781,443,736.8,416.4,691.76c-8-13.51-17.15-17.57-32.19-17.35-56,.81-112,.43-167.95.27-43.15-.12-65.06-22-65.1-65.52q-.24-216.48,0-433c.05-45.69,21.33-66.57,67.55-66.65Q367.51,109.31,516.29,109.5ZM516.1,797c5.64-8.49,9.07-13.34,12.2-18.38,24-38.77,48.44-77.33,71.8-116.5,7.81-13.09,17.29-18.1,32.54-17.92,61.44.72,122.89.38,184.33.24,25.92-.05,35.55-9.22,35.58-34.86q.24-217.33,0-434.69c0-26.64-9.67-36-36.72-36.05q-299.33-.15-598.65,0c-27.17,0-36.69,9.28-36.72,36q-.19,217.35,0,434.69c0,25.81,9.47,34.88,35.43,35,56,.13,112,1.68,167.88-.64,28-1.16,44.37,7.29,57.91,32.14C463.7,716.39,489.72,754.6,516.1,797Z"/><path class="cls-2" d="M516.1,797c-26.38-42.44-52.4-80.65-74.4-121-13.54-24.85-29.95-33.3-57.91-32.14-55.87,2.32-111.91.77-167.88.64-26-.07-35.4-9.14-35.43-35q-.22-217.35,0-434.69c0-26.69,9.55-36,36.72-36q299.33-.15,598.65,0c27,0,36.7,9.41,36.72,36.05q.21,217.35,0,434.69c0,25.64-9.66,34.81-35.58,34.86-61.44.14-122.89.48-184.33-.24-15.25-.18-24.73,4.83-32.54,17.92-23.36,39.17-47.76,77.73-71.8,116.5C525.17,783.7,521.74,788.55,516.1,797Zm1-301q129.51,0,259,0c5.47,0,11.81,1.41,16.17-.86,5.16-2.68,11.67-8.48,11.93-13.23s-5.63-11.26-10.5-14.31c-4.08-2.56-10.59-1.57-16-1.57q-260.83-.09-521.67,0c-4.25,0-9.53-1.35-12.54.64-5.87,3.88-10.47,9.67-15.59,14.67,5.2,4.86,9.82,10.74,15.83,14.19,3.69,2.11,9.51.52,14.38.52ZM516,317.37h78.52q95,0,189.91,0c10.67,0,20.5-1.9,20.35-15.08-.13-12-9.57-14.09-19.39-14.41-2.43-.08-4.87-.08-7.31-.08q-262,0-524.08.07c-5.43,0-11.81-.63-16,1.9-4.43,2.67-9.44,8.88-9.3,13.38s5.45,10.7,10,12.86c5.08,2.4,11.91,1.32,18,1.32Q386.36,317.4,516,317.37Zm.44,59.95q-129.66,0-259.32,0c-5.47,0-11.78-1.4-16.2.82-5.18,2.6-11.81,8.28-12.1,13s5.55,11.77,10.47,14.15c5.55,2.7,13.07,1.66,19.74,1.67q257.49.09,515,0c4.87,0,10.8,1.55,14.37-.65,6.3-3.88,11.16-10.11,16.62-15.35-5.49-4.52-10.47-10-16.65-13.19-3.88-2-9.55-.47-14.42-.47Zm-1.77,207.93c87,0,174.06.13,261.09-.16,11.94,0,29.37,4.09,28.65-15.54-.67-18.06-17.36-13.43-28.67-13.44q-259.28-.33-518.54-.13c-5.48,0-11.75-1.35-16.21.85-5.18,2.56-12.66,8.87-12.15,12.6.75,5.49,6.82,11.77,12.25,14.64,4.84,2.56,11.89,1.15,18,1.15Q386.89,585.28,514.69,585.25Z"/><path class="cls-3" d="M520.83,371.17q-129.65,0-259.3,0c-6.07,0-12.9,1.07-18-1.32-4.59-2.17-9.91-8.32-10.05-12.86s4.87-10.71,9.3-13.38c4.21-2.53,10.6-1.9,16-1.9q262-.12,524.09-.07c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.18-9.69,15.08-20.35,15.08q-95-.07-189.92,0Z"/><path class="cls-3" d="M520.83,500.65q-129.65,0-259.3,0c-6.07,0-12.9,1.07-18-1.32-4.59-2.17-9.91-8.32-10.05-12.86s4.87-10.71,9.3-13.38c4.21-2.53,10.6-1.9,16-1.9q262-.12,524.09-.07c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.18-9.69,15.08-20.35,15.08q-95-.07-189.92,0Z"/><path class="cls-3" d="M520.83,435.91q-129.65,0-259.3,0c-6.07,0-12.9,1.08-18-1.32-4.59-2.16-9.91-8.31-10.05-12.85s4.87-10.71,9.3-13.38c4.21-2.54,10.6-1.91,16-1.91q262-.12,524.09-.06c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.17-9.69,15.08-20.35,15.07q-95-.06-189.92,0Z"/><path class="cls-3" d="M520.83,565.38q-129.65,0-259.3,0c-6.07,0-12.9,1.08-18-1.31-4.59-2.17-9.91-8.32-10.05-12.86s4.87-10.71,9.3-13.38c4.21-2.54,10.6-1.91,16-1.91q262-.12,524.09-.06c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.17-9.69,15.08-20.35,15.07q-95-.06-189.92,0Z"/><path class="cls-3" d="M520.83,306.44q-129.65,0-259.3,0c-6.07,0-12.9,1.08-18-1.32-4.59-2.16-9.91-8.31-10.05-12.85s4.87-10.72,9.3-13.38c4.21-2.54,10.6-1.91,16-1.91q262-.12,524.09-.06c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.17-9.69,15.08-20.35,15.07q-95-.06-189.92,0Z"/><path class="cls-3" d="M520.83,241.7q-129.65,0-259.3,0c-6.07,0-12.9,1.07-18-1.32-4.59-2.17-9.91-8.32-10.05-12.86s4.87-10.71,9.3-13.38c4.21-2.53,10.6-1.9,16-1.9q262-.12,524.09-.07c2.43,0,4.87,0,7.3.08,9.82.32,19.26,2.38,19.4,14.41.14,13.17-9.69,15.08-20.35,15.08q-95-.08-189.92,0Q560.09,241.72,520.83,241.7Z"/></svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}.cls-2{fill:#fff;}.cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:30.56px;}</style></defs><path class="cls-1" d="M705.7,745.75l-11.81,0q-242.14.84-484.28,1.65c-42.33.12-73.62-24.7-81.42-64.09A73,73,0,0,1,127,669.48q-.69-174.11-1.24-348.21A80.66,80.66,0,0,1,186,242.77c7.33-1.91,11.69-.09,16.68,4.89q68.33,68.28,137.15,136c5.6,5.5,5.52,9.65,2.73,16.4-48.12,116.61,18.67,241.77,142.06,266,39,7.66,76.8,2,112.86-14.14,8-3.58,12.56-2.5,18.54,3.58,26.71,27.2,54,53.86,81,80.75C699.38,738.58,701.48,741.1,705.7,745.75Z"/><path d="M551,592.07C463.89,611.26,389.16,540.18,408.17,448Z"/><g id="LA3CLq"><path class="cls-1" d="M741.37,239.94c-5.79-17.19-2.86-25.36,14.51-24.83,19.44.59,39-.85,58.34.54,1.87.14,2.52,2.43,2.52,2.43,1.77,2.66,1.5,5.82,1.16,7.65a21.24,21.24,0,0,1-.36,4.15,24.71,24.71,0,0,1-3.79,9.27C807.61,248.32,778.37,248.84,741.37,239.94Z"/><path class="cls-1" d="M824.36,240c5.67-17.23,2.68-25.38-14.69-24.73-19.43.72-39-.58-58.33,1-1.87.15-2.5,2.44-2.5,2.44-1.75,2.67-1.46,5.83-1.11,7.66a21.56,21.56,0,0,0,.39,4.15,24.73,24.73,0,0,0,3.85,9.24C758.18,248.86,787.43,249.17,824.36,240Z"/></g><path class="cls-1" d="M313.92,237.19c6.24-9.25,12.75-16.53,16.56-25,9-20,16.87-40.6,24.86-61.08,5.26-13.47,15-20.18,29.16-20.24q134.07-.6,268.15-.93c12.66,0,21.41,5.91,26.82,17.61,8.88,19.19,19,37.83,27.43,57.19C717.37,228.73,735.79,239,761,239c20.76,0,41.52-.38,62.27-.12,47.66.6,80.33,33.7,80.48,81.1q.56,170.25,1.19,340.52c.18,48.07-23.81,76.32-72.17,83.38,2.85,3.27,5.05,6.12,7.57,8.64,18.89,18.86,38,37.51,56.73,56.49,12.94,13.09,13.39,26.95,1.83,37.92-10.18,9.66-23.82,8.53-36-3.39-73.85-72.28-147.33-145-221.53-216.87C571.58,559,500.2,492.86,431,424.57,336.25,331.11,242.9,236.23,149,142c-13.6-13.65-15.24-26.69-4.89-37.67,10.53-11.18,25.77-10.1,39,3.06C225.85,149.66,268.48,192.06,313.92,237.19Zm87.59,82.37c17.94,17.7,34.26,34.29,51.31,50.09,2.52,2.34,9.82,2.94,12.65,1,33.16-22.56,105.46-8.72,135.83,24.41,39.09,42.63,39.44,102,17.86,143.91,14.56,14.07,29.52,28.41,44.32,42.9,6.07,5.94,10.06,5.1,15-2C723.23,515,723,425.5,676.59,361.83c-46-63-108.88-89.16-185.85-80.28C458.39,285.28,429.19,298.61,401.51,319.56Zm427.85,27.77c-.42-14.78-13.36-26.92-28.26-26.51-15.43.42-27.84,13.7-27.09,29a27.38,27.38,0,0,0,28.69,25.84C817.41,374.92,829.77,361.78,829.36,347.33Z"/><path class="cls-2" d="M401.51,319.56c27.68-20.95,56.88-34.28,89.23-38,77-8.88,139.86,17.24,185.85,80.28C723,425.5,723.23,515,678.44,579.89c-4.9,7.1-8.89,7.94-15,2-14.8-14.49-29.76-28.83-44.32-42.9,21.58-41.87,21.23-101.28-17.86-143.91-30.37-33.13-102.67-47-135.83-24.41-2.83,1.92-10.13,1.32-12.65-1C435.77,353.85,419.45,337.26,401.51,319.56Z"/><circle class="cls-1" cx="520.16" cy="471.32" r="152.82"/><path class="cls-3" d="M269.91,288.82q160.08,150.92,322,309.6,103.88,101.85,204.47,203"/></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1,.cls-3{fill:#1834e9;}.cls-1{stroke:#1834e9;stroke-miterlimit:10;stroke-width:25.08px;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M516.29,107.37q149.65,0,299.3,0c47.49.06,68.4,20.91,68.43,68.3q.13,215.91,0,431.8c0,47.17-21.35,68.29-68.63,68.37-56.31.09-112.62.39-168.93-.25-13.13-.14-21,3.76-28,15.34-27.32,45.68-55.68,90.75-83.8,135.95-13,20.84-23.26,21-36,.51-27.85-44.65-56.07-89.1-82.83-134.39-8-13.59-17.25-17.68-32.38-17.46-56.3.82-112.62.44-168.93.27-43.4-.12-65.43-22.13-65.48-65.9q-.22-217.74,0-435.48c.06-46,21.46-67,68-67Q366.65,107.18,516.29,107.37Zm-.19,691.54c5.67-8.53,9.12-13.42,12.27-18.49,24.18-39,48.72-77.77,72.22-117.17,7.85-13.17,17.39-18.2,32.72-18,61.8.72,123.61.37,185.41.24,26.07-.06,35.75-9.27,35.78-35.07q.25-218.59,0-437.21c0-26.8-9.74-36.25-36.94-36.27q-301.07-.13-602.13,0c-27.33,0-36.91,9.34-36.93,36.19q-.21,218.59,0,437.21c0,26,9.52,35.09,35.63,35.15,56.29.14,112.66,1.69,168.86-.64,28.12-1.16,44.63,7.34,58.24,32.33C463.4,717.8,489.57,756.23,516.1,798.91Z"/><path class="cls-2" d="M516.1,798.91c-26.53-42.68-52.7-81.11-74.84-121.75-13.61-25-30.12-33.49-58.24-32.33-56.2,2.33-112.57.78-168.86.64-26.11-.06-35.6-9.19-35.63-35.15q-.22-218.61,0-437.21c0-26.85,9.6-36.17,36.93-36.19q301.07-.13,602.13,0c27.2,0,36.91,9.47,36.94,36.27q.21,218.61,0,437.21c0,25.8-9.71,35-35.78,35.07-61.8.13-123.61.48-185.41-.24-15.33-.18-24.87,4.85-32.72,18-23.5,39.4-48,78.18-72.22,117.17C525.22,785.49,521.77,790.38,516.1,798.91Zm1-302.78q130.26,0,260.52,0c5.5,0,11.88,1.42,16.27-.86,5.18-2.69,11.73-8.53,12-13.31s-5.66-11.33-10.56-14.39C791.2,465,784.65,466,779.18,466q-262.35-.11-524.71,0c-4.27,0-9.58-1.36-12.61.64-5.9,3.9-10.53,9.73-15.68,14.76,5.23,4.88,9.88,10.8,15.93,14.27,3.7,2.12,9.56.52,14.45.52Zm-.62-119.38q-130.43,0-260.83,0c-5.5,0-11.85-1.41-16.3.82-5.2,2.62-11.87,8.33-12.16,13.05s5.58,11.84,10.53,14.24c5.58,2.71,13.15,1.67,19.85,1.67q259,.09,518,0c4.89,0,10.86,1.56,14.45-.65,6.33-3.91,11.22-10.17,16.72-15.44-5.52-4.54-10.53-10.08-16.75-13.27-3.9-2-9.61-.47-14.51-.47Z"/><path class="cls-3" d="M521.48,304.84q-130.39,0-260.81,0c-6.1,0-13,1.09-18.07-1.32-4.62-2.18-10-8.37-10.11-12.94s4.9-10.77,9.36-13.45c4.23-2.55,10.65-1.92,16.11-1.92q263.57-.12,527.13-.06c2.45,0,4.9,0,7.35.07,9.88.33,19.37,2.4,19.51,14.5.14,13.25-9.74,15.17-20.47,15.16q-95.51-.06-191,0Z"/><path class="cls-3" d="M521.48,500.79q-130.39,0-260.81,0c-6.1,0-13,1.08-18.07-1.33-4.62-2.18-10-8.36-10.11-12.93s4.9-10.78,9.36-13.46c4.23-2.55,10.65-1.91,16.11-1.92q263.57-.12,527.13-.06c2.45,0,4.9,0,7.35.08,9.88.32,19.37,2.39,19.51,14.49.14,13.25-9.74,15.17-20.47,15.17q-95.51-.07-191,0Z"/><path class="cls-3" d="M521.48,402.82q-130.39,0-260.81,0c-6.1,0-13,1.08-18.07-1.33-4.62-2.17-10-8.36-10.11-12.93s4.9-10.77,9.36-13.46c4.23-2.55,10.65-1.91,16.11-1.91q263.57-.12,527.13-.07c2.45,0,4.9,0,7.35.08,9.88.32,19.37,2.4,19.51,14.5.14,13.25-9.74,15.17-20.47,15.16q-95.51-.07-191,0Z"/></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#1834e9;}</style></defs><path class="cls-1" d="M387.48,560.07C266.16,449.38,280.93,270.94,377.23,174.44,473,78.5,625.83,67.35,732.44,150.55,840.15,234.61,867.67,384.4,795.6,500.22,720.2,621.41,568,661.4,441.73,596.49c-1.64,2.08-3.42,4.22-5.09,6.44Q346.52,722,256.42,841.17c-9.26,12.23-22.74,16.81-36.77,12.65-11.71-3.46-21.11-15.32-22.23-28.33-.88-10.26,3.77-18.52,9.71-26.39Q294.12,684,381,568.82C383.19,565.9,385.35,563,387.48,560.07ZM770.34,362.51c.37-110.35-92-202.32-202.05-201.72S367.22,249.62,366.57,359.05c-.67,114.45,88.52,204.7,202.77,205.16C679.84,564.66,769.74,474.44,770.34,362.51Z"/></svg>

After

Width:  |  Height:  |  Size: 722 B

@ -0,0 +1 @@
<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 950"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#1834e9;}</style></defs><path class="cls-1" d="M516.64,714.75v.83c62.66,0,125.33.19,188-.06,66.44-.26,123.92-21.1,172-69.4C962.25,560,972.77,428,900.65,329.78c-47.29-64.39-113.37-94.58-192.91-94.89-83.3-.32-166.59-.1-249.88-.06-47.38,0-94.82-1.4-142.12.56-84,3.47-149.52,40.44-194.32,112.72-56.8,91.66-53.63,218.69,48.86,311.65,38.19,34.65,84.93,53.45,136.63,54.6C376.79,715.92,446.73,714.75,516.64,714.75Z"/><path class="cls-2" d="M516.64,714.75c-69.91,0-139.85,1.17-209.73-.39-51.7-1.15-98.44-20-136.63-54.6-102.49-93-105.66-220-48.86-311.65,44.8-72.28,110.33-109.25,194.32-112.72,47.3-2,94.74-.54,142.12-.56,83.29,0,166.58-.26,249.88.06,79.54.31,145.62,30.5,192.91,94.89C972.77,428,962.25,560,876.59,646.12c-48,48.3-105.52,69.14-172,69.4-62.66.25-125.33.06-188,.06Zm.25-55.62c61.89,0,123.79-.55,185.68.25,28.15.37,54.31-6.67,79.46-17.55C896.76,592.21,935.56,438.77,826.79,337c-29.34-27.46-65.93-42.14-106.29-42.39q-200-1.2-400-.36c-54.94.22-100.09,22.19-135.11,65.41-23.33,28.78-38.19,60.85-41.77,97.53C132.66,569.68,220,657.37,328.92,659,391.56,659.88,454.23,659.13,516.89,659.13Z"/><path class="cls-1" d="M516.89,659.13c-62.66,0-125.33.75-188-.17-109-1.59-196.26-89.28-185.3-201.82,3.58-36.68,18.44-68.75,41.77-97.53,35-43.22,80.17-65.19,135.11-65.41q200-.78,400,.36c40.36.25,77,14.93,106.29,42.39,108.77,101.82,70,255.26-44.76,304.88-25.15,10.88-51.31,17.92-79.46,17.55C640.68,658.58,578.78,659.13,516.89,659.13Zm-193.84-301a118.41,118.41,0,0,0-.58,236.81c64.47.37,118.45-53.09,118.82-117.67C441.67,411.76,388.63,358.31,323.05,358.09ZM625,477.51c-4.46,3.35-8.14,5.54-11.12,8.45-11.73,11.49-23.49,23-34.73,34.92-7.8,8.29-11.27,18.14-6.43,29.46,4.46,10.43,12.52,17.74,23.65,16.6,8.44-.86,17.91-4.62,24.3-10.14C635.29,544.18,648.32,529.69,663,515c15,15.37,28.94,30,43.35,44.18a28.56,28.56,0,0,0,39.47,1.08c11.32-10.43,11.62-26.07.61-39-2.47-2.9-5.27-5.52-8-8.2-12.15-12-24.32-23.9-37.46-36.81,14.86-14.56,28.62-27.74,42-41.27,13.55-13.69,14-30,1.75-42.61-11.06-11.33-28.23-9.88-41.59,3.2-13.64,13.35-27.5,26.45-42.38,40.73-13.44-13.77-27.44-28.87-42.27-43.09-15.73-15.1-39.3-9.33-46.37,10.73-4.28,12.14.69,21.63,8.94,29.94C595,447.85,609.11,461.72,625,477.51Z"/><path class="cls-2" d="M323.05,358.09c65.58.22,118.62,53.67,118.24,119.14-.37,64.58-54.35,118-118.82,117.67a118.41,118.41,0,0,1,.58-236.81Z"/><path class="cls-2" d="M626.5,460c-15.89-15.79-30-29.66-43.92-43.7-8.25-8.31-13.22-17.81-8.94-29.94,7.07-20.06,30.64-25.83,46.37-10.74,14.83,14.23,28.83,29.33,42.27,43.09C677.16,404.48,691,391.37,704.66,378c13.36-13.08,30.53-14.53,41.59-3.2,12.29,12.59,11.8,28.92-1.75,42.61-13.39,13.53-27.15,26.71-42,41.27,13.14,12.91,25.31,24.84,37.46,36.81,2.72,2.67,5.52,5.29,8,8.2,11,12.95,10.71,28.59-.61,39a28.57,28.57,0,0,1-39.47-1.08c-14.41-14.15-28.32-28.82-43.35-44.19-14.69,14.75-27.72,29.24-42.34,41.86-6.39,5.52-15.86,9.27-24.3,10.14-11.13,1.14-19.19-6.17-23.65-16.6-4.84-11.32-1.37-21.17,6.43-29.46,11.24-12,23-23.43,34.73-34.92C618.36,465.57,622,463.39,626.5,460Z"/></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

@ -57,21 +57,16 @@ function highlightSelected(active) {
"*:not(html, body, head, script, meta, style, noscript, link)" "*:not(html, body, head, script, meta, style, noscript, link)"
)) { )) {
el.style.display = active ? "none" : ""; el.style.display = active ? "none" : "";
// el.style.visibility = active ? "hidden" : "visible";
// el.style.backgroundColor = "";
// el.style.color = "";
} }
if (active) { if (active) {
let container = document.createElement("div"); let container = document.createElement("div");
container.id = "UcontrolFiltered"; container.id = "UcontrolFiltered";
container.style.position = "absolute";
container.style.top = 0;
container.style.left = 0;
container.style.padding = "32px"; container.style.padding = "32px";
container.style.fontSize = "24px"; container.style.fontSize = "36px";
container.style.lineHeight = 1.6; container.style.lineHeight = 1.6;
container.style.maxWidth = "65ch";
let marker = document.createElement("span"); let marker = document.createElement("span");
marker.style.display = "inline-block"; marker.style.display = "inline-block";
@ -92,29 +87,17 @@ function highlightSelected(active) {
if (!container.textContent.includes(finding.textContent)) { if (!container.textContent.includes(finding.textContent)) {
let wrapped = document.createElement("div"); let wrapped = document.createElement("div");
wrapped.style.marginBottom = "16px"; wrapped.style.marginBottom = "16px";
wrapped.innerHTML = finding.textContent; wrapped.innerHTML = finding.textContent
.replace(/^[\W_]+/g, "")
.replace("we may", highlight("we may"))
.replace("We may", highlight("We may"))
.replace("your rights", highlight("your rights"))
.replace("rights", highlight("rights"));
wrapped.prepend(marker.cloneNode()); wrapped.prepend(marker.cloneNode());
container.appendChild(wrapped); container.appendChild(wrapped);
} }
// v1
// wrapped.style.visibility = "visible";
// wrapped.style.backgroundColor = "#1834e9";
// wrapped.style.color = "white";
// let target = finding.parentElement;
// target.replaceChild(wrapped, finding);
// v0
// wrapped.style.display = "";
// let upper = target;
// while (upper.parentElement) {
// upper.style.display = "";
// upper = upper.parentElement;
// }
} }
document.body.appendChild(container); document.body.appendChild(container);
} }
@ -123,6 +106,15 @@ function highlightSelected(active) {
} }
}); });
var highlight = function (text) {
let stroke = document.createElement("span");
stroke.style.color = "white";
stroke.style.backgroundColor = "#1834e9";
stroke.style.padding = "0 4px";
stroke.innerHTML = text;
return stroke.outerHTML;
};
var rejectScriptTextFilter = { var rejectScriptTextFilter = {
acceptNode: function (node) { acceptNode: function (node) {
if (node.parentNode.nodeName !== "SCRIPT") { if (node.parentNode.nodeName !== "SCRIPT") {

@ -0,0 +1,11 @@
const readMore = document.querySelector("#read-more");
window.addEventListener("load", () => {
const contents = document.querySelector(".about .accordion .contents");
contents.style.maxHeight = contents.querySelector(".excerpt").clientHeight + "px";
readMore.addEventListener("click", () => {
contents.style.maxHeight = contents.scrollHeight + "px";
readMore.remove();
});
});

@ -8,7 +8,7 @@
html, html,
body { body {
font-size: 24px; font-size: 21px;
line-height: 1.6; line-height: 1.6;
font-family: "Sora", sans-serif; font-family: "Sora", sans-serif;
color: #333; color: #333;
@ -65,15 +65,23 @@ nav {
} }
a { a {
color: currentColor; position: relative;
color: var(--color);
text-decoration: none; text-decoration: none;
font-style: italic; }
a:after {
content: "🡕";
} }
nav a { nav a {
font-style: normal; font-style: normal;
} }
nav a:after {
content: "";
}
nav a + a { nav a + a {
margin-left: 32px; margin-left: 32px;
} }
@ -95,6 +103,13 @@ a.current:after {
background-color: var(--color); background-color: var(--color);
} }
strong {
background-color: var(--color);
color: white;
font-weight: normal;
padding: 0 4px;
}
header { header {
text-align: center; text-align: center;
padding: 96px 24px; padding: 96px 24px;
@ -113,7 +128,7 @@ header .description {
} }
main.tips { main.tips {
padding: 24px; padding: 8px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
@ -134,7 +149,7 @@ main.tips .card {
.tips .card .title { .tips .card .title {
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 28px;
text-align: center; text-align: center;
color: var(--color); color: var(--color);
margin-bottom: 48px; margin-bottom: 48px;
@ -149,12 +164,12 @@ main.tips .card {
list-style: none; list-style: none;
} }
.card li:before { /* .card li:before {
content: "—"; content: "—";
font-weight: 800; font-weight: 800;
color: #8bebbb; color: #8bebbb;
margin-right: 4px; margin-right: 4px;
} } */
.card li + li { .card li + li {
margin-top: 24px; margin-top: 24px;
@ -320,10 +335,22 @@ input:checked + .slider:before {
} }
footer { footer {
margin-top: 128px; margin-top: 64px;
margin-bottom: 32px; margin-bottom: 32px;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap;
}
footer a:after {
content: "";
}
footer .outro {
text-align: center;
flex-basis: 100%;
margin: 24px auto;
font-size: 18px;
} }
.logo { .logo {
@ -347,6 +374,29 @@ footer {
transform: scale(1.1); transform: scale(1.1);
} }
img.icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
}
.about .accordion .contents {
overflow: hidden;
transition: all 0.4s ease;
}
.about .accordion button {
cursor: pointer;
background: none;
color: var(--color);
border: none;
font-size: 18px;
display: block;
margin: 0 auto;
margin-top: 24px;
}
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
html, html,
body { body {

@ -33,17 +33,20 @@
<h3 class="title">Settings</h3> <h3 class="title">Settings</h3>
<ul> <ul>
<li> <li>
<img src="/images/icon/arrow-02.svg" class="icon" />
By agreeing to the terms you automatically grant access to everything. You By agreeing to the terms you automatically grant access to everything. You
can also manually disable features to better protect your data. Turn off can also manually disable features to better protect your data. Turn off
your location tracker. You can do this in your settings on your phone. This your location tracker. You can do this in your settings on your phone. This
way you cannot be followed continuously. way you cannot be followed continuously.
</li> </li>
<li> <li>
<img src="/images/icon/photo-02.svg" class="icon" />
Disable access to the camera in your phone's settings for the apps that use Disable access to the camera in your phone's settings for the apps that use
them. Turn them off manually so that platforms you have an app from cannot them. Turn them off manually so that platforms you have an app from cannot
continuously monitor your camera. continuously monitor your camera.
</li> </li>
<li> <li>
<img src="/images/icon/setting-02.svg" class="icon" />
Check the settings in the web account of the app you have. Many companies Check the settings in the web account of the app you have. Many companies
don't advertise with it but give you the option to turn off settings. These don't advertise with it but give you the option to turn off settings. These
are often in the account settings under the headings: privacy and security, are often in the account settings under the headings: privacy and security,
@ -55,17 +58,20 @@
<h3 class="title">While reading</h3> <h3 class="title">While reading</h3>
<ul> <ul>
<li> <li>
Watch out for sentences with <em>we may</em> in them. According to the law, <img src="/images/icon/aware-02.svg" class="icon" />
privacy conditions must justify why they do something to users. They can Watch out for sentences with <strong>we may</strong> in them. According to
justifying their actions by only using these words. After these words you the law, privacy conditions must justify why they do something to users.
often find sneaky phrases that you want to know more about. They can justifying their actions by only using these words. After these
words you often find sneaky phrases that you want to know more about.
</li> </li>
<li> <li>
<em>Reason for processing</em>, <em>your rights</em> and <img src="/images/icon/search-02.svg" class="icon" />
<em>data leave third parties</em>. If any of these phrases are used in a <strong>Reason for processing</strong>, <strong>your rights</strong> and
sentence, you need to be extra careful as they are important sentences. <strong>data leave third parties</strong>. If any of these phrases are used
in a sentence, you need to be extra careful as they are important sentences.
</li> </li>
<li> <li>
<img src="/images/icon/reading-02.svg" class="icon" />
If sentences are very long and are mainly made up of commas with, these are If sentences are very long and are mainly made up of commas with, these are
also sentences that you want to pay extra attention to. The confusing also sentences that you want to pay extra attention to. The confusing
sentence structure is used to confuse the user while reading. sentence structure is used to confuse the user while reading.
@ -76,6 +82,7 @@
<h3 class="title">In general</h3> <h3 class="title">In general</h3>
<ul> <ul>
<li> <li>
<img src="/images/icon/brave-02.svg" class="icon" />
Try to use the Try to use the
<a href="https://brave.com" target="_blank">Brave browser</a>. Brave blocks <a href="https://brave.com" target="_blank">Brave browser</a>. Brave blocks
trackers and third-party cookies that monitor your activity as you travel trackers and third-party cookies that monitor your activity as you travel
@ -83,12 +90,14 @@
don't want to be blocked. don't want to be blocked.
</li> </li>
<li> <li>
<img src="/images/icon/incognito-02.svg" class="icon" />
If you don't want Chrome recording your browsing history or websites If you don't want Chrome recording your browsing history or websites
tracking your activity, go into Incognito Mode. To open an incognito window tracking your activity, go into Incognito Mode. To open an incognito window
in Chrome, click the three-dot icon on the top-right corner of the browser in Chrome, click the three-dot icon on the top-right corner of the browser
and select New incognito window. and select New incognito window.
</li> </li>
<li> <li>
<img src="/images/icon/chrome-02.svg" class="icon" />
If you use Chrome as a browser, turn off certain functions manually. Go to If you use Chrome as a browser, turn off certain functions manually. Go to
three-dot icon on the top-right corner of the browser and go to settings. three-dot icon on the top-right corner of the browser and go to settings.
Then click on privacy and security and site settings. Click on the settings Then click on privacy and security and site settings. Click on the settings
@ -99,36 +108,37 @@
</div> </div>
</main> </main>
<footer> <footer>
<div class="outro">Go directly to privacy policies</div>
<a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank"> <a class="logo" href="https://www.facebook.com/legal/terms/update" target="__blank">
<img src="images/facebook.png" alt="Facebook" /> <img src="images/blue/Facebook_blue-02.svg" alt="Facebook" />
</a> </a>
<a class="logo" href="https://help.instagram.com/581066165581870" target="__blank"> <a class="logo" href="https://help.instagram.com/581066165581870" target="__blank">
<img src="images/Instagram.png" alt="Instagram" /> <img src="images/blue/instagram_blue-02.svg" alt="Instagram" />
</a> </a>
<a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank"> <a class="logo" href="https://www.tiktok.com/legal/privacy-policy-eea" target="__blank">
<img src="images/TikTok.png" alt="TikTok" /> <img src="images/blue/TikTok-02.svg" alt="TikTok" />
</a> </a>
<a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank"> <a class="logo" href="https://snap.com/en-GB/privacy/privacy-policy" target="__blank">
<img src="images/Snapchat.png" alt="Snapchat" /> <img src="images/blue/snapchat_blue-02.svg" alt="Snapchat" />
</a> </a>
<a class="logo" href="https://telegram.org/privacy" target="__blank"> <a class="logo" href="https://telegram.org/privacy" target="__blank">
<img src="images/Telegram.png" alt="Telegram" /> <img src="images/blue/Telegram_blue-02.svg" alt="Telegram" />
</a> </a>
<a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank"> <a class="logo" href="https://www.wechat.com/en/privacy_policy.html" target="__blank">
<img src="./images/WeChat.png" alt="WeChat" /> <img src="./images/blue/WeChat-02.svg" alt="WeChat" />
</a> </a>
<a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank"> <a class="logo" href="https://www.whatsapp.com/legal/privacypolicy" target="__blank">
<img src="images/Whatsapp.png" alt="Whatsapp" /> <img src="images/blue/Whatsapp_blue-02.svg" alt="Whatsapp" />
</a> </a>
<a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank"> <a class="logo" href="https://www.youtube.com/static?template=terms" target="__blank">
<img src="images/Youtube.png" alt="Youtube" /> <img src="images/blue/youtube_blue-02.svg" alt="Youtube" />
</a> </a>
</footer> </footer>
</body> </body>

Loading…
Cancel
Save