fine tuning

2 years ago · ed58245d84
parent 1d32f0ed45
commit ed58245d84
36 changed files with 197 additions and 88 deletions
--- a/TODO.md
+++ b/TODO.md
@ -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
+
--- a/about.html
+++ b/about.html
@ -4,6 +4,7 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<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.gstatic.com" crossorigin />
 		<link
@ -25,66 +26,73 @@
 		</header>

 		<main class="about">
-			<p>
-				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
-				found out that a large proportion do not read these terms and thus have no idea what
-				they are agreeing to. This document which should be for the user only makes it
-				unattractive for the consumer to read it. This is due to the long texts, unappealing
-				design and legal terms.
-			</p>
+			<div class="accordion">
+				<div class="contents">
+					<p class="excerpt">
+						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 found out that a large proportion do not read these terms and
+						thus have no idea what they are agreeing to. This document which should be
+						for the user only makes it unattractive for the consumer to read it. This is
+						due to the long texts, unappealing design and legal terms.
+					</p>

-			<p>
-				By agreeing to this condition you lose some control over your personal data. I want
-				to give this piece of control and awareness back to the user with my tool. The tool
-				was created by and for the user because I listened to the user's needs for a change.
-				The tool helps you while reading because it simplifies the texts of conditions and
-				the legal meaning.
-			</p>
-			<p>
-				With this tool, I'm not saying that you shouldn't use these big platforms like
-				Instagram and Facebook because of their long and difficult terms. I only want to
-				inform you as user about the dangers and then give tips on how he/she can turn off
-				certain functions so that less data is collected from you, for example. So we don't
-				have to be completely against privacy terms, we just need a fair transparent start.
-			</p>
+					<p>
+						By agreeing to this condition you lose some control over your personal data.
+						I want to give this piece of control and awareness back to the user with my
+						tool. The tool was created by and for the user because I listened to the
+						user's needs for a change. The tool helps you while reading because it
+						simplifies the texts of conditions and the legal meaning.
+					</p>
+					<p>
+						With this tool, I'm not saying that you shouldn't use these big platforms
+						like Instagram and Facebook because of their long and difficult terms. I
+						only want to inform you as user about the dangers and then give tips on how
+						he/she can turn off certain functions so that less data is collected from
+						you, for example. So we don't have to be completely against privacy terms,
+						we just need a fair transparent start.
+					</p>
+				</div>
+				<button id="read-more">Read more</button>
+			</div>

 			<div class="big-card">
 				<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>
 		</main>
 		<footer>
+			<div class="outro">Go directly to privacy policies</div>
 			<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 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 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 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 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 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 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 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>
 		</footer>
 	</body>
--- a/categories.html
+++ b/categories.html
@ -147,36 +147,37 @@
 		</main>

 		<footer>
+			<div class="outro">Go directly to privacy policies</div>
 			<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 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 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 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 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 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 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 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>
 		</footer>
 	</body>
--- a/images/Facebook.png
+++ b/images/Facebook.png
--- a/images/Instagram.png
+++ b/images/Instagram.png
--- a/images/Snapchat.png
+++ b/images/Snapchat.png
--- a/images/Telegram.png
+++ b/images/Telegram.png
--- a/images/TikTok.png
+++ b/images/TikTok.png
--- a/images/WeChat.png
+++ b/images/WeChat.png
--- a/images/Whatsapp.png
+++ b/images/Whatsapp.png
--- a/images/Youtube.png
+++ b/images/Youtube.png
--- a/images/blue/Facebook_blue-02.svg
+++ b/images/blue/Facebook_blue-02.svg
@ -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>
--- a/images/blue/Telegram_blue-02.svg
+++ b/images/blue/Telegram_blue-02.svg
@ -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>
--- a/images/blue/TikTok-02.svg
+++ b/images/blue/TikTok-02.svg
@ -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>
--- a/images/blue/WeChat-02.svg
+++ b/images/blue/WeChat-02.svg
@ -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>
--- a/images/blue/Whatsapp_blue-02.svg
+++ b/images/blue/Whatsapp_blue-02.svg
@ -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>
--- a/images/blue/instagram_blue-02.svg
+++ b/images/blue/instagram_blue-02.svg
@ -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>
--- a/images/blue/snapchat_blue-02.svg
+++ b/images/blue/snapchat_blue-02.svg
@ -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>
--- a/images/blue/youtube_blue-02.svg
+++ b/images/blue/youtube_blue-02.svg
@ -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>
--- a/images/cover.jpg
+++ b/images/cover.jpg
--- a/images/icon/arrow-02.svg
+++ b/images/icon/arrow-02.svg
@ -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>
--- a/images/icon/aware-02.svg
+++ b/images/icon/aware-02.svg
@ -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>
--- a/images/icon/brave-02.svg
+++ b/images/icon/brave-02.svg
@ -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>
--- a/images/icon/chrome-02.svg
+++ b/images/icon/chrome-02.svg
@ -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>
--- a/images/icon/incognito-02.svg
+++ b/images/icon/incognito-02.svg
@ -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>
--- a/images/icon/longtekst-02.svg
+++ b/images/icon/longtekst-02.svg
@ -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>
--- a/images/icon/photo-02.svg
+++ b/images/icon/photo-02.svg
@ -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>
--- a/images/icon/reading-02.svg
+++ b/images/icon/reading-02.svg
@ -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>
--- a/images/icon/search-02.svg
+++ b/images/icon/search-02.svg
@ -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>
--- a/images/icon/setting-02.svg
+++ b/images/icon/setting-02.svg
@ -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>
--- a/images/icon/settingsoff-02.svg
+++ b/images/icon/settingsoff-02.svg
--- a/images/test.jpg
+++ b/images/test.jpg
--- a/popup.js
+++ b/popup.js
@ -57,21 +57,16 @@ function highlightSelected(active) {
 			"*:not(html, body, head, script, meta, style, noscript, link)"
 		)) {
 			el.style.display = active ? "none" : "";
-
-			// el.style.visibility = active ? "hidden" : "visible";
-			// el.style.backgroundColor = "";
-			// el.style.color = "";
 		}

 		if (active) {
 			let container = document.createElement("div");
 			container.id = "UcontrolFiltered";
-			container.style.position = "absolute";
-			container.style.top = 0;
-			container.style.left = 0;
+
 			container.style.padding = "32px";
-			container.style.fontSize = "24px";
+			container.style.fontSize = "36px";
 			container.style.lineHeight = 1.6;
+			container.style.maxWidth = "65ch";

 			let marker = document.createElement("span");
 			marker.style.display = "inline-block";
@ -92,29 +87,17 @@ function highlightSelected(active) {
 							if (!container.textContent.includes(finding.textContent)) {
 								let wrapped = document.createElement("div");
 								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());

 								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);
 					}
@ -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 = {
 		acceptNode: function (node) {
 			if (node.parentNode.nodeName !== "SCRIPT") {
--- a/readmore.js
+++ b/readmore.js
@ -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();
+	});
+});
--- a/style.css
+++ b/style.css
@ -8,7 +8,7 @@

 html,
 body {
-	font-size: 24px;
+	font-size: 21px;
 	line-height: 1.6;
 	font-family: "Sora", sans-serif;
 	color: #333;
@ -65,15 +65,23 @@ nav {
 }

 a {
-	color: currentColor;
+	position: relative;
+	color: var(--color);
 	text-decoration: none;
-	font-style: italic;
+}
+
+a:after {
+	content: "🡕";
 }

 nav a {
 	font-style: normal;
 }

+nav a:after {
+	content: "";
+}
+
 nav a + a {
 	margin-left: 32px;
 }
@ -95,6 +103,13 @@ a.current:after {
 	background-color: var(--color);
 }

+strong {
+	background-color: var(--color);
+	color: white;
+	font-weight: normal;
+	padding: 0 4px;
+}
+
 header {
 	text-align: center;
 	padding: 96px 24px;
@ -113,7 +128,7 @@ header .description {
 }

 main.tips {
-	padding: 24px;
+	padding: 8px;
 	display: flex;
 	justify-content: center;
 	align-items: flex-start;
@ -134,7 +149,7 @@ main.tips .card {

 .tips .card .title {
 	font-weight: 400;
-	font-size: 32px;
+	font-size: 28px;
 	text-align: center;
 	color: var(--color);
 	margin-bottom: 48px;
@ -149,12 +164,12 @@ main.tips .card {
 	list-style: none;
 }

-.card li:before {
+/* .card li:before {
 	content: "—";
 	font-weight: 800;
 	color: #8bebbb;
 	margin-right: 4px;
-}
+} */

 .card li + li {
 	margin-top: 24px;
@ -320,10 +335,22 @@ input:checked + .slider:before {
 }

 footer {
-	margin-top: 128px;
+	margin-top: 64px;
 	margin-bottom: 32px;
 	display: flex;
 	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 {
@ -347,6 +374,29 @@ footer {
 	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) {
 	html,
 	body {
--- a/tips.html
+++ b/tips.html
@ -33,17 +33,20 @@
 				<h3 class="title">Settings</h3>
 				<ul>
 					<li>
+						<img src="/images/icon/arrow-02.svg" class="icon" />
 						By agreeing to the terms you automatically grant access to everything. You
 						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
 						way you cannot be followed continuously.
 					</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
 						them. Turn them off manually so that platforms you have an app from cannot
 						continuously monitor your camera.
 					</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
 						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,
@ -55,17 +58,20 @@
 				<h3 class="title">While reading</h3>
 				<ul>
 					<li>
-						Watch out for sentences with <em>we may</em> in them. According to the law,
-						privacy conditions must justify why they do something to users. 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.
+						<img src="/images/icon/aware-02.svg" class="icon" />
+						Watch out for sentences with <strong>we may</strong> in them. According to
+						the law, privacy conditions must justify why they do something to users.
+						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>
-						<em>Reason for processing</em>, <em>your rights</em> and
-						<em>data leave third parties</em>. If any of these phrases are used in a
-						sentence, you need to be extra careful as they are important sentences.
+						<img src="/images/icon/search-02.svg" class="icon" />
+						<strong>Reason for processing</strong>, <strong>your rights</strong> and
+						<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>
+						<img src="/images/icon/reading-02.svg" class="icon" />
 						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
 						sentence structure is used to confuse the user while reading.
@ -76,6 +82,7 @@
 				<h3 class="title">In general</h3>
 				<ul>
 					<li>
+						<img src="/images/icon/brave-02.svg" class="icon" />
 						Try to use the
 						<a href="https://brave.com" target="_blank">Brave browser</a>. Brave blocks
 						trackers and third-party cookies that monitor your activity as you travel
@ -83,12 +90,14 @@
 						don't want to be blocked.
 					</li>
 					<li>
+						<img src="/images/icon/incognito-02.svg" class="icon" />
 						If you don't want Chrome recording your browsing history or websites
 						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
 						and select New incognito window.
 					</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
 						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
@ -99,36 +108,37 @@
 			</div>
 		</main>
 		<footer>
+			<div class="outro">Go directly to privacy policies</div>
 			<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 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 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 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 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 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 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 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>
 		</footer>
 	</body>
				`@ -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>