Storybook Links

Author

This should render some tex links as font awesome icons. In this case, $.container.tex.sep is hfill which will cause them to appear all on the same line.

HTML Output

Github

Website

Resume

PDF Output

View full PDF output

Filter Configuration: Links

There are no additional configurations for this field. The PDF output is rendered from the following quarto document:

---
title: Contacts Links PDF Output
format:
  pdf:
    template: ../../resume/templates/template.tex
    keep-tex: true
filters:
  - ../../filters/contacts.py
  - ../../filters/links.py
floaty: null
under_construction: null
live: {}
---

## Links - `sep=newline`

From `links-newline`. It is defined as follows:

::: { #links-newline }

:::

## Links - `sep=hfill`

From `links-hfill`.

::: { #links-hfill }

:::

and the following metadata under $.floaty-links:

links:
  - identifier: links-hfill
    container: &container-links
      tex:
        sep: "hfill"
      columns: 0
      include_href: true
      include_descriptions: false
      include_titles: true
      size: 5
      mode: bootstrap
      classes:
        - floaty-hover
        # - floaty-card-bg-light
        - floaty-shadow-1
        - floaty-hover-1
    content: &content-links
      - key: linkedin
        title: Linkedin
        description: My profile on linkedin.
        href: https://www.linkedin.com/in/adrian-cederberg-b453571b9
        label: Linkedin
        image:
          tex:
            font_awesome: faLinkedin
          iconify:
            set: devicon
            name: linkedin
          bootstrap:
            name: linkedin
            classes:
              - text-blue

      - key: github
        title: Github
        description: My github account.
        href: https://github.com/acederberg
        label: Github
        image:
          tex:
            font_awesome: faGithub
          iconify:
            set: devicon
            name: github
          bootstrap:
            name: github
            classes:
              - text-black

      - key: website
        title: Website
        description: My Website
        href: https://acederberg.io
        label: Blog
        image:
          iconify:
            set: hugeicons
            name: house-01
          tex:
            font_awesome: faCubes
          bootstrap:
            name: globe
            classes:
              - text-cyan

      - key: resume
        title: Resume
        href: https://acederberg.io/resume
        description: Most Recent Version of Resume
        label: Resume
        # formats: ["latex"]
        image:
          tex:
            font_awesome: faFilePdf
          iconify:
            set: hugeicons
            name: document
          bootstrap:
            name: file-pdf
            classes:
              - text-red

  - identifier: links-newline
    container:
      tex:
        sep: "newline"
      <<: *container-links
    content: *content-links