+
+ U control is a Chrome extension that is all about regaining control.
+ 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.
+
+
+
+ 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.
+
+
+ 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.
+
+
+
+
“A fresh start for the people.”
+
+
+
+
+
diff --git a/uc-front/accordion.js b/uc-front/accordion.js
new file mode 100644
index 0000000..59b5f19
--- /dev/null
+++ b/uc-front/accordion.js
@@ -0,0 +1,28 @@
+const accordions = document.querySelectorAll(".accordion");
+
+for (const accordion of accordions) {
+ let expandButton = accordion.querySelector('.more-info input[type="checkbox"]');
+ let content = accordion.querySelector(".content");
+ accordion.style.height = expandButton.addEventListener("change", (e) => {
+ if (e.target.checked) {
+ content.style.maxHeight = content.scrollHeight + "px";
+ content.style.marginTop = "24px";
+ } else {
+ content.style.marginTop = 0;
+ content.style.maxHeight = null;
+ }
+ });
+}
+
+window.addEventListener("resize", (e) => {
+ for (const accordion of accordions) {
+ let content = accordion.querySelector(".content");
+ if (accordion.querySelector('.more-info input[type="checkbox"]').checked) {
+ content.style.maxHeight = content.scrollHeight + "px";
+ content.style.marginTop = "24px";
+ } else {
+ content.style.marginTop = 0;
+ content.style.maxHeight = null;
+ }
+ }
+});
diff --git a/uc-front/assets/logo type.svg b/uc-front/assets/logo type.svg
new file mode 100644
index 0000000..cd16cc5
--- /dev/null
+++ b/uc-front/assets/logo type.svg
@@ -0,0 +1,24 @@
+
+
+