-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a277fb1
commit 52da661
Showing
3 changed files
with
246 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,191 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link href="./style.css" rel="stylesheet" /> | ||
<title>Document</title> | ||
</head> | ||
<body> | ||
<article class="label"> | ||
<h1 class="title">Digital Nutrition Facts</h1> | ||
<div class="flex"> | ||
<div class="flex" style="flex-direction: column; gap: 4px"> | ||
<span> | ||
Google Chrome | ||
</span> | ||
<div> | ||
<span class="small-font"> | ||
Version: 94.4.068, | ||
</span> | ||
<span class="small-font"> | ||
Platform: Android | ||
</span> | ||
</div> | ||
</div> | ||
<span style="margin-left:auto;">For ages 12+</span> | ||
</div> | ||
<hr class="big-divider"> | ||
<details class="notifications"> | ||
<summary> | ||
<span>Average Daily Interruptions</span> | ||
<span style="margin-left:25%; font-size: 18px;">8</span> | ||
<hr class="small-divider"> | ||
</summary> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span style="margin-left:auto" class="small-font"># Avg Daily Value</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Notifications</span> | ||
<span style="margin-left:auto">3</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Popups</span> | ||
<span style="margin-left:auto">4</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Emails/SMS</span> | ||
<span style="margin-left:auto">1</span> | ||
</div> | ||
<hr class="small-divider"> | ||
</div> | ||
</details> | ||
<div class="digital-footptint"> | ||
<div class="flex"> | ||
<span class="bold">Digital Footprint</span> | ||
</div> | ||
<hr class="small-divider"> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span class="bold">Storage Footprint</span> | ||
<span style="margin-left:auto">250 <span class="small-font">MB</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Battery Impact</span> | ||
<span style="margin-left:auto">8% <span class="small-font">per hour</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Internet Requirement</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(50 MB/hr)</span></span> | ||
</div> | ||
<hr class="small-divider"> | ||
</div> | ||
</div> | ||
<div class="Permissions & Privacy"> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span class="bold">Permissions & Privacy</span> | ||
</div> | ||
<hr class="small-divider"> | ||
<details class="permissions"> | ||
<summary> | ||
<span style="font-weight: 400;">Access to</span> | ||
<span style="margin-left: auto;" class="small-font">(Camera, Mic, Photos, ...)</span> | ||
<hr> | ||
</summary> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span class="bold">Camera</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with prompt)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Microphone</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with prompt)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Photos</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with prompt)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Location</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with prompt)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Contacts</span> | ||
<span style="margin-left:auto">No</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Biometrics</span> | ||
<span style="margin-left:auto">Yes</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Storage</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with prompt)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Health Data</span> | ||
<span style="margin-left:auto">No</span> | ||
</div> | ||
<hr class="xsmall-divider"> | ||
</div> | ||
</details> | ||
<div class="flex"> | ||
<span class="bold">Data Collection</span> | ||
<span style="margin-left:auto">Yes</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Data Transmission Freq</span> | ||
<span style="margin-left:auto">Always</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Third Party Sharing</span> | ||
<span style="margin-left:auto">Yes <span class="small-font">(with consent)</span></span> | ||
</div> | ||
<hr class="small-divider"> | ||
</div> | ||
<div class="User Rights"> | ||
<div class="flex"> | ||
<span class="bold">User Rights</span> | ||
</div> | ||
<hr class="small-divider"> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span class="bold">Account Deletion</span> | ||
<span style="margin-left:auto">Permitted</span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">User Data Export</span> | ||
<span style="margin-left:auto">Restricted</span> | ||
</div> | ||
<hr class="small-divider"> | ||
</div> | ||
</div> | ||
<div class="Miscellaneous"> | ||
<div class="flex"> | ||
<span class="bold">Miscellaneous</span> | ||
</div> | ||
<hr class="small-divider"> | ||
<div class="content"> | ||
<div class="flex"> | ||
<span class="bold">Monetization</span> | ||
<span style="margin-left:auto">Free <span class="small-font">(with ads)</span></span> | ||
</div> | ||
<hr> | ||
<div class="flex"> | ||
<span class="bold">Accessibility</span> | ||
<span style="margin-left:auto">Yes</span> | ||
</div> | ||
<hr class="small-divider"> | ||
</div> | ||
</div> | ||
<div class="footer"> | ||
<span class="small-font">Evaluated on: January 1, 2023</span> | ||
</div> | ||
</div> | ||
</article> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters