acederberg.io
  • Home
  • Projects
    • Projects
    • Blog
    • Nvim Configuration
    • Blog and Demo Automation
    • Captura
  • Resume
  • Posts
  • Kaggle
  • Leetcode
  1. Projects
  2. Blog
  3. Components and Filters
  4. Floaty
  5. Demo: Contacts
  • Projects
    • Blog
      • About the Blog
      • Subprojects
        • Resume
        • Building A Custom Iconset for Kubernetes
        • Leetcode Problems
      • Technical Details
        • Blog ReadMe
        • Docker and Quarto
        • How is the Blog Deployed?
        • Static Quarto Websites in Kubernetes
      • Components and Filters
        • IFrames
          • Demo
          • Docs: Pandoc Filter
        • Overlay
          • Demo
          • Docs: Pandoc Filter
          • Docs: Javascript
        • Floaty
          • Demo: Overview
          • Demo: Skills
          • Demo: Contacts
          • Demo: Links
          • Demo: Under Construction
          • Docs: Pandoc Filter
          • Docs: Javascript
        • Resume
          • Demo
          • Docs: Pandoc Filter
    • Nvim Configuration
      • Nvim Configuration
      • Gallery
    • Blog and Demo Automation
      • Automation
      • Github Actions in Automation
    • Captura
      • What is Captura?
      • Things I Plan to Build Using Captura
  1. Projects
  2. Blog
  3. Components and Filters
  4. Floaty
  5. Demo: Contacts

Storybook Contacts

Author

Adrian Cederberg

This the same as the links filter above, except contacts should not contain any links. It is possible to change how items are separated using $.container.tex.sep. Both types are labeled in the pdf view below.

HTML Output

Phone
(505) 589 - 6914
Email
adrn.cederberg123@gmail.com
Location
Albuquerque, New Mexico

PDF Output

View full PDF output.

Filter Configuration: Contacts

There are no additional configurations for this filter. Both of the following are rendered from the same filter configuration. The PDF output is rendered from the following quarto document:

---
title: Contacts Filter PDF Output
format:
  pdf:
    template: ../../resume/templates/template.tex
    keep-tex: true
floaty: null
under_construction: null
filters:
  - ../../filters/skills.py
  - ../../filters/contacts.py
---

## Contacts - `sep=newline`

From `contacts-newline`.

::: { #contacts-newline }

:::

## Contacts - `sep=hfill`

From `contacts-hfill`.

::: { #contacts-hfill }

:::

and the following metadata under $.floaty-contacts:

contacts:
  - identifier: contacts-newline
    container: &container-contacts
      tex:
        sep: "newline"
      size: 5
      include_href: true
      include_titles: true
      include_descriptions: true
      mode: bootstrap
      columns: -9000
      classes_items:
        - text-teal
      classes:
        - floaty-hover
    content: &content-contacts
      - key: phone
        title: Phone
        description: (505) 589 - 6914
        image:
          iconify:
            set: hugeicons
            name: smart-phone-01
          bootstrap:
            name: phone
          tex:
            font_awesome: faPhone
      - key: email
        title: Email
        description: adrn.cederberg123@gmail.com
        image:
          iconify:
            set: hugeicons
            name: mail-01
          bootstrap:
            name: envelope
          tex:
            font_awesome: faEnvelope
      - key: location
        title: Location
        description: Albuquerque, New Mexico
        image:
          iconify:
            set: hugeicons
            name: location-01
          bootstrap:
            name: compass
          tex:
            font_awesome: faLocationArrow
  - identifier: contacts-hfill
    container:
      tex:
        sep: "hfill"
      <<: *container-contacts
    content: *content-contacts
Demo: Skills
Demo: Links