Description

Lecturify has various websites

http://www.lecturify.net - this website
https://bnc.lecturify.net - znc bouncer
http://yonlecoder.host.lecturify.net/gamja/ - web chat 1
https://thelounge.lecturify.net - web chat 2
http://chat.lecturify.net (ssl fix ongoing) - web chat 3 (Kiwi IRC)
https://fedi.lecturify.net/, a social network
https://ytmous.lecturify.net/, a minimal Youtube proxy
https://lecturify.net/v6/time.php (ssl fix ongoing) - a page to book a class (IRC chat slot where a helper is available for 30 minutes)

Lecturify has a mascot here https://www.lecturify.net/people/index.en.html which is not shown anywhere else

There is a logo at https://fedi.lecturify.net/, a social network

There is another logo at donate page, https://liberapay.com/lecturify/

These websites have various design and no consistent identification as a Lecturify thing such as

logo
link to lecturify home page
link to lecturify chat contact
link to lecturify donate page
maybe some of the above, not all of the above (link to lecturify home page seems the most minimal requirement)

If/when adding these things the existing logo would need to stay, for example, https://bnc.lecturify.net has a znc logo. Where would the Lecturify logo be added then - replace, or add, if add, then where.

In some cases (ytmous full screen, web chat) adding ANYTHING would overlay an existing working area and interfere with functionality, unless someone is very careful.

Attempted solution 1

<div class="topbar" style="position:inline-block; top:0px; width:100%; right: 5px; left: 5px; background-color: orange;">Lecturify - ZNC - Chat (Gamja - The Lounge - Kiwi IRC) - Fedi social network - Ytmous YouTube proxy - BOOK A CLASS - Donate - Contact</div>