search

DeepBlueCLtd / Fi3ldMan

Field Service Manual with advanced data exploitation
https://deepbluecltd.github.io/Fi3ldMan/
Apache License 2.0
1 stars 1 forks source link

Style related-links to show which ones are external #92

Closed IanMayo closed 7 months ago

IanMayo commented 9 months ago

Some links links in the floating right-hand nav bar will be on the current page (#summary), others will be other pages, but others will be links on this page.

We can use CSS to modify the external links, appending a small icon that represents leave-this-page. Aah, it's called external link

We don't have an icon lib for this project, any creative-commons icons can be used.

Note: we should also append icons to indicate non web-page content:

So, the patterns are:

Samples of links can be found here:

Some examples here: https://css-tricks.com/snippets/css/style-links-depending-on-destination/

More detail on how the attributes are matched here: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Samples of appending icons here: https://electrictoolbox.com/add-icon-before-after-link-css/

An attached zip-file includes content that can be used to develop this.

oxygen.zip

frank-zimmermann commented 9 months ago

@IanMayo, I don't see any external links. Can you show an example?

IanMayo commented 9 months ago

Sure - in the Related Links for this page, Remarks and Propulsion link to anchors on the current page, and the other links go to other (external) pages: https://deepbluecltd.github.io/LegacyMan/target/oxygen/regions/Britain_Cmplx/unit_banjo.html

IanMayo commented 7 months ago

Attached is a zip dump of a published dataset.

I wish us to support the display of link annotations by editing the css file in oxygen-webhelp\template\F13ldman.css.

oxygen.zip

A use sample file can be found in Regions > Britain > Legacy > Unit Charlie.

Usefully, on the Related Links for this page:

IanMayo commented 7 months ago

Done!