rviscomi / capo.js

Get your <head> in order

Home Page:https://rviscomi.github.io/capo.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add footer with info and link to repo

nucliweb opened this issue · comments

We can add a footer to add info/documentation and link to this repo

Code

<footer class="capo-footer">
  <ul>
    <li>Click in the rectangles to see the element in the console</li>
    <li><a href="https://github.com/rviscomi/capo.js" target="_blank">GitHub</a></li>
  </ul>
</footer>
:root {
  --text-colot: #353535;
}

body {
  color: var(--text-colot);
  padding: 0;
  margin: 0;
}

.capo-footer {
  padding: 1ch;

  & ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  & a {
    color: var(--text-colot);
  }
}

Screenshot

footer

Thank for this FR @nucliweb! I've started working on an options page for the extension and sketched out where a link like this might fit. Check out this draft PR to see how it'll work.

I'd like to avoid adding more UI to the popup itself and limit it to just the rectangles.

WDYT?

Awesome, I love the idea to add options 👏🏼

However, this proposal adds a legend with information about the click feature.

WDYT?

Another option will be explained in the documentation and keep the current UI 😉

Ok, we can close the issue 😉

Sounds good, thank you again for starting the discussion!