diff --git a/functions.js b/functions.js index 773fe53..6c55b95 100644 --- a/functions.js +++ b/functions.js @@ -23,9 +23,14 @@ function label(){ if(mods.indexOf(app.value)===0){ document.write('
Google Chrome Linear Design
'); //minimum and html modality - }else if(mods.indexOf(app.value)=== 1||mods.indexOf(app.value)===3){ + }else if(mods.indexOf(app.value)=== 1){ document.write('
Google Chrome Linear Design
'); } + else if(mods.indexOf(app.value)===3){ + //document.write(''); + var url="/Users/ashwingupta/Downloads/main.html" + document.write("LINK"); + } //application name allowed and linear label design selected else{ document.write('
Google Chrome Linear Design
'); diff --git a/main.html b/main.html new file mode 100644 index 0000000..b689671 --- /dev/null +++ b/main.html @@ -0,0 +1,191 @@ + + + + + Document + + +
+

Digital Nutrition Facts

+
+
+ + Google Chrome + +
+ + Version: 94.4.068, + + + Platform: Android + +
+
+ For ages 12+ +
+
+
+ + Average Daily Interruptions + 8 +
+ +
+
+ # Avg Daily Value +
+
+
+ Notifications + 3 +
+
+
+ Popups + 4 +
+
+
+ Emails/SMS + 1 +
+
+
+
+
+
+ Digital Footprint +
+
+
+
+ Storage Footprint + 250 MB +
+
+
+ Battery Impact + 8% per hour +
+
+
+ Internet Requirement + Yes (50 MB/hr) +
+
+
+
+
+
+
+ Permissions & Privacy +
+
+
+ + Access to + (Camera, Mic, Photos, ...) +
+ +
+
+ Camera + Yes (with prompt) +
+
+
+ Microphone + Yes (with prompt) +
+
+
+ Photos + Yes (with prompt) +
+
+
+ Location + Yes (with prompt) +
+
+
+ Contacts + No +
+
+
+ Biometrics + Yes +
+
+
+ Storage + Yes (with prompt) +
+
+
+ Health Data + No +
+
+
+
+
+ Data Collection + Yes +
+
+
+ Data Transmission Freq + Always +
+
+
+ Third Party Sharing + Yes (with consent) +
+
+
+
+
+ User Rights +
+
+
+
+ Account Deletion + Permitted +
+
+
+ User Data Export + Restricted +
+
+
+
+
+
+ Miscellaneous +
+
+
+
+ Monetization + Free (with ads) +
+
+
+ Accessibility + Yes +
+
+
+
+
+ Evaluated on: January 1, 2023 +
+
+
+ + diff --git a/style.css b/style.css index 873b3bc..c60bbcc 100644 --- a/style.css +++ b/style.css @@ -34,3 +34,52 @@ div { background-size:cover; } +* { + box-sizing: border-box; + } + body { + display: flex; + justify-content: center; + } + .label{ + font-size: 16px; + font-family: "Arial"; + width: 25%; + border: 2px solid black; + padding: 8px; + } + .flex{ + display: flex; + justify-content: flex-start; + gap: 4px; + } + .title{ + font-size: 26px; + margin: 4px 0; + text-align: justify; + } + .big-divider{ + border-top: 14px solid #000; + } + .small-divider{ + border-top: 6px solid #000; + } + .xsmall-divider{ + border-top: 3px solid #000; + } + .small-font{ + font-size: 12px; + } + .bold{ + font-weight: bold; + } + summary { + cursor: pointer; + font-weight: bold; + } + summary::-webkit-details-marker { + display: none; + } + .content div{ + padding: 0 10px; + } \ No newline at end of file