diff --git a/assets/friends_of_akita.svg b/assets/friends_of_akita.svg new file mode 100644 index 0000000..72d5a41 --- /dev/null +++ b/assets/friends_of_akita.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/speech_bubble.svg b/assets/speech_bubble.svg new file mode 100644 index 0000000..8982ecb --- /dev/null +++ b/assets/speech_bubble.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/popup/popup.css b/src/popup/popup.css index 1ff082f..4e87589 100644 --- a/src/popup/popup.css +++ b/src/popup/popup.css @@ -292,3 +292,33 @@ section { .favicon[src=''], .favicon:not([src]) { opacity: 0; } + +/**************************************** + * data-story header + ****************************************/ + +header { + background-color: black; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + text-align: center; + border-bottom: 5px solid black; +} +header object { + vertical-align: baseline; + height:18px; + vertical-align: -20%; + margin-right: 5px; +} +header object { + pointer-events: none; +} +header a { + border-left: 1px dashed #E6E3D4; + padding: 5px; + cursor: pointer; + color: #E6E3D2; +} +header a:hover { + color: #F2A8C3; +} diff --git a/src/popup/popup.html b/src/popup/popup.html index a33b1c5..f6d5aa8 100644 --- a/src/popup/popup.html +++ b/src/popup/popup.html @@ -9,38 +9,48 @@ -
-

Your Top Monetized Sites

-
- - -
hello
-

- You’ve spent 0 hours on monetized sites, - which is 0% of your time online. - Tabulating sent payment... -

- - -
-

Resources

- +
+
+ - Akita Tutorial + data="../../assets/icons/icon.svg"> + Tutorial + + + + Project - · - Discover some monetized sites! + + + Feedback + +
+
+

Your Top Monetized Sites

+
+ + +
hello
+

+ You’ve spent 0 hours on monetized sites, + which is 0% of your time online. + Tabulating sent payment... +

+ +