Styly odkazů v textu #9

Closed
opened 4 years ago by pepinno · 10 comments
Collaborator

Odkazy v textu (nakonec i v aktulitách a dalších blocích) jsou nevýrazné. Bude zapotřebí je zvýraznit. Nejjednodušší cesta je výchozí modrá podtržená varianta, ale pouze tučné písmo nebude stačit. Bylo by hezké navíc vymyslet odlišení odkazu ven, např nějakou ikonou.

  • Jednotně odlišit odkazy od textu

  • Navrhnout odlišení externích odkazů

Odkazy v textu (nakonec i v aktulitách a dalších blocích) jsou nevýrazné. Bude zapotřebí je zvýraznit. Nejjednodušší cesta je výchozí modrá podtržená varianta, ale pouze tučné písmo nebude stačit. Bylo by hezké navíc vymyslet odlišení odkazu ven, např nějakou ikonou. - [ ] Jednotně odlišit odkazy od textu - [ ] Navrhnout odlišení externích odkazů
kuker was assigned by pepinno 4 years ago
em commented 4 years ago
Owner

Zola nepozná rozdíl mezi interním a externím odkazem, pokud je to jen čístý odkaz a ne odkaz v kontextu zdrojových souborů, viz https://www.getzola.org/documentation/content/linking/#internal-links.

Zola nepozná rozdíl mezi interním a externím odkazem, pokud je to jen čístý odkaz a ne odkaz v kontextu zdrojových souborů, viz https://www.getzola.org/documentation/content/linking/#internal-links.
Poster
Collaborator

Ale CSS to pozná a[href^="http"]

Ale CSS to pozná a[href^="http"]
em commented 4 years ago
Owner

Ale CSS to pozná a[href^="http"]

No jo, to mě nenapadlo 😅

V tom případě to půjde snadno. Počkám na vyjádření nebo grafiku od @kuker.

> Ale CSS to pozná a[href^="http"] No jo, to mě nenapadlo 😅 V tom případě to půjde snadno. Počkám na vyjádření nebo grafiku od @kuker.
kuker closed this issue 4 years ago
kuker reopened this issue 4 years ago
kuker commented 4 years ago
Collaborator

Externí odkaz:

Roboto Bold + #3B4252 + ikonka externího odkazu

image

## Externí odkaz: **Roboto Bold** + #3B4252 + ikonka externího odkazu ![image](/attachments/a51cd3d1-0d74-4886-8ae3-df688b1ba8f0)
em commented 4 years ago
Owner

Na :hover normálně jen underline?

Na `:hover` normálně jen underline?
kuker commented 4 years ago
Collaborator

Na :hover normálně jen underline?

Ano.

> Na `:hover` normálně jen underline? Ano.
em added a new dependency 4 years ago
em changed title from Odkazy CSS to Styly odkazů v textu 4 years ago
em commented 4 years ago
Owner

Vytvořil jsem selektor, ale nelíbí se mi, že je tam harcodované URL. Pro debug jsem tam dal i selektor pro localhost, ale v tuhle chvíli by to nefungovalo správně třeba na it-new.pedf.cuni.cz. Ideálně bych to tam chtěl dávat z proměnné Zoly base_url z configu, ale nevím jak to tam dostat.

Napadlo mě ještě deklarovat třeba css proměnnou --base-url v body a pak podle ní vybírat, ale proměnnou nelze použít v selektoru. Maximálně lze použít Sass proměnnou, ale pořád by se to muselo někde ručně deklarovat.

Nejaké nápady @pepinno?

Jinak výsledkem je pak toto.

Vytvořil jsem selektor, ale nelíbí se mi, že je tam harcodované URL. Pro debug jsem tam dal i selektor pro localhost, ale v tuhle chvíli by to nefungovalo správně třeba na `it-new.pedf.cuni.cz`. Ideálně bych to tam chtěl dávat z proměnné Zoly `base_url` z configu, ale nevím jak to tam dostat. Napadlo mě ještě deklarovat třeba css proměnnou `--base-url` v body a pak podle ní vybírat, ale proměnnou nelze použít v selektoru. Maximálně lze použít [Sass proměnnou](https://sass-lang.com/documentation/variables), ale pořád by se to muselo někde ručně deklarovat. ![](https://git.microlab.space/attachments/51bc4379-d4f6-40e4-af28-02af066b8473) Nejaké nápady @pepinno? Jinak výsledkem je pak toto. ![](https://git.microlab.space/attachments/5ba2fc86-7118-46d5-805a-b628d7882958)
em commented 4 years ago
Owner

Roboto Bold + #3B4252 + ikonka externího odkazu

Barva #3B4252 nesedí podle toho co je na obrázku, kde je #5E81AC z Nordu. Asi jenom chyba; dávám tam tu modrou.

> **Roboto Bold** + #3B4252 + ikonka externího odkazu Barva `#3B4252` nesedí podle toho co je na obrázku, kde je `#5E81AC` z Nordu. Asi jenom chyba; dávám tam tu modrou.
em commented 4 years ago
Owner

Ještě mě napadlo jedno řešení, a to že Zola může na všechny externí odkazy dát rel="noreferrer" a to pak jde ochytávat v CSS. noreferrer i dává smysl pro externí odkazy z důvodů bezpečnosti.

Ještě mě napadlo jedno řešení, a to že Zola může na všechny externí odkazy dát `rel="noreferrer"` a to pak jde ochytávat v CSS. `noreferrer` i dává smysl pro externí odkazy [z důvodů bezpečnosti](https://developer.mozilla.org/en-US/docs/Web/Security/Referer_header:_privacy_and_security_concerns). ![](https://git.microlab.space/attachments/efec4529-4289-4dae-9a34-44d4de6ea3b3)
Poster
Collaborator

noreferrer je ok

noreferrer je ok
em closed this issue 4 years ago
em added this to the MVP milestone 3 years ago
Sign in to join this conversation.
Loading…
There is no content yet.