src/components/app-shell/app-shell.ts:
class: AppShell, app-shell
Name
Module
Package
LitElement
lit
Name
Description
app-content
The place for the dynamic application content
app-nav
Where the {@link NavComponent} is placed
Private API
Name
Privacy
Type
Default
Description
Inherited From
_openDialogCount
private
number
0
_uiModeIcon
private
"dark_mode" | "light_mode" | "routine"
The icon associated with the current color scheme mode.
appConfigs
private
AppConfigs
The current global application configuration state.
configsDialog
private
ConfigsDialog
Reference to the configuration dialog.
connectDialog
private
ConnectDialog
Reference to the connect dialog.
connectFab
private
MdFab
Reference to the connect FAB.
This is an MdFab component.
connectFabConfig
private
FabConfig
fabMenu
private
FabMenu
Reference to the FAB menu component.
onAppConfigsChange
private
Syncs the component state with the global application configuration.
onColorSchemeChange
private
Event handler for color scheme changes.
Updates the UI icon, Material theme variables, and meta theme color.
onFabChangeBind
private
onFabConfigBind
private
settingsFabConfig
private
FabConfig
The configuration for the settings FAB.
Name
Privacy
Description
Parameters
Return
Inherited From
_getFabLabel
private
Generates the label string for a FAB based on its configuration style.
fab: string, config: FabConfig
_handleDialogClosed
private
Tracks closed dialogs to manage body scroll restoration.
_handleDialogOpened
private
Tracks open dialogs to manage body scroll locking.
_onFabMenuItemClick
private
Handles clicks on FAB menu items.
Closes the menu and opens the configuration dialog with the requested content.
formContent: FormContent
onFabChange
private
Updates the state and DOM representation of a FAB when its configuration changes.
fab: "settings" | "connect", fabConfig: FabConfig
uiModeIcon
private
Maps a color scheme name to a Material icon name.
colorScheme: AppConfigs["colorScheme"]
Kind
Name
Declaration
Module
Package
custom-element-definition
app-shell
AppShell
src/components/app-shell/app-shell.ts
js
AppShell
AppShell
src/components/app-shell/app-shell.ts
src/components/blog-post/blog-post.ts:
class: BlogPost, blog-post
Name
Module
Package
LitElement
lit-element
Name
Privacy
Type
Default
Description
Inherited From
blogPost
Partial<BlogPostJson>
{}
Name
Field
Inherited From
blogPost
blogPost
Private API
Name
Privacy
Type
Default
Description
Inherited From
darkMode
private
onAppConfigChange
private
(event: Event) => void
Kind
Name
Declaration
Module
Package
custom-element-definition
blog-post
BlogPost
src/components/blog-post/blog-post.ts
js
BlogPost
BlogPost
src/components/blog-post/blog-post.ts
src/components/dialogs/configs/configs-dialog.ts:
class: ConfigsDialog, configs-dialog
Name
Module
Package
LitElement
lit-element
Name
Privacy
Description
Parameters
Return
Inherited From
hideDialog
public
Hides the configuration dialog.
showDialog
public
Shows the configuration dialog.
formContent: FormContent
Name
Type
Description
Inherited From
Event
color_scheme.change
CustomEvent
Dispatched when the UI theme, mode, or contrast is changed.
fab.change
CustomEvent
Dispatched when a FAB's position or style is modified.
stepUpOpen
CustomEvent
Private API
Name
Privacy
Type
Default
Description
Inherited From
_appConfigs
private
AppConfigs
_configsMDDialog
private
MdDialog
_darkModeEnabled
private
boolean
false
_darkModeToggle
private
DarkModeToggle
_formContent
private
FormContent
"ui-mode"
_stepUpDialog
private
StepUpDialog
_stepUpDialogContent
private
string
"all custom"
colorSchemeChangeEventListener
private
completeStepUp
private
onAppConfigsChange
private
openStepUp
private
permanentColorSchemeEventListener
private
Name
Privacy
Description
Parameters
Return
Inherited From
_handleDialogEvent
private
event: Event
#renderFabSettingsFieldset
private
fab: "settings" | "connect", currentConfig: FabConfig
TemplateResult
#renderUIFieldset
private
TemplateResult
dialogContent
private
TemplateResult | typeof nothing
dialogTitle
private
string
onColorThemeModeContrastChange
private
colorScheme: AppConfigs["colorScheme"]
onFabChange
private
fab: "settings" | "connect", newFabConfig: FabConfig
Kind
Name
Declaration
Module
Package
custom-element-definition
configs-dialog
ConfigsDialog
src/components/dialogs/configs/configs-dialog.ts
js
ConfigsDialog
ConfigsDialog
src/components/dialogs/configs/configs-dialog.ts
src/components/dialogs/connect/connect-dialog.ts:
class: ConnectDialog, connect-dialog
Name
Module
Package
LitElement
lit-element
Name
Privacy
Description
Parameters
Return
Inherited From
hideDialog
Maps to MdDialog's close method
showDialog
Shows the connect dialog and applies a custom border to the internal container.
Name
Type
Description
Inherited From
Event
Name
Default
Description
--connect-dialog-content-transition
0.3s
The animation duration for expanding/collapsing connection details.
Private API
Name
Privacy
Type
Default
Description
Inherited From
_mdDialog
private
MdDialog
date
private
string
"[VI]{date}[/VI]".split(" @ ").at(0)!
time
private
string
"[VI]{date}[/VI]".split(" @ ").at(1)!
version
private
string
"[VI]{version}[/VI]"
Name
Privacy
Description
Parameters
Return
Inherited From
_handleDialogEvent
private
event: Event
#rederConnections
private
connection: Connection
TemplateResult
Kind
Name
Declaration
Module
Package
custom-element-definition
connect-dialog
ConnectDialog
src/components/dialogs/connect/connect-dialog.ts
js
ConnectDialog
ConnectDialog
src/components/dialogs/connect/connect-dialog.ts
src/components/dialogs/step-up/step-up-dialog.ts:
class: StepUpDialog, step-up-dialog
Name
Module
Package
LitElement
lit-element
Name
Privacy
Type
Default
Description
Inherited From
dialogContentString
string
""
The text content to display in the dialog body.
dialogStyle
ConfirmDialogStyle
"confirm"
The visual style variant of the dialog, affecting colors and icons.
Name
Privacy
Description
Parameters
Return
Inherited From
showDialog
Shows the step-up confirmation dialog.
Name
Type
Description
Inherited From
stepUpComplete
CustomEvent
Dispatched when the user confirms or cancels the action.
Name
Field
Inherited From
dialogContentString
dialogContentString
dialogStyle
dialogStyle
Name
Description
actions
The area of dialog action buttons
content
The body of the {@link MdDialog}
headline
The {@link MdDialog} headline {@link slot}
Private API
Name
Privacy
Type
Default
Description
Inherited From
_mdDialog
private
MdDialog
icons
private
Record<ConfirmDialogStyle, TemplateResult>
{ confirm: html`<md-icon slot="icon">check_circle</md-icon>`, warning: html`<md-icon slot="icon">warning</md-icon>`, attention: html`<md-icon slot="icon">report</md-icon>`, }
primaryActions
private
Record<ConfirmDialogStyle, TemplateResult>
{ confirm: html` <md-filled-button @click=${(event: PointerEvent) => this.onButtonClick(false, event)}>Confirm</md-filled-button> `, warning: html` <md-filled-button @click=${(event: PointerEvent) => this.onButtonClick(false, event)}>Continue</md-filled-button> `, attention: html` <md-filled-button @click=${(event: PointerEvent) => this.onButtonClick(false, event)}>Accept</md-filled-button> `, }
Name
Privacy
Description
Parameters
Return
Inherited From
onButtonClick
private
isCancel: boolean, event: PointerEvent
Kind
Name
Declaration
Module
Package
custom-element-definition
step-up-dialog
StepUpDialog
src/components/dialogs/step-up/step-up-dialog.ts
js
StepUpDialog
StepUpDialog
src/components/dialogs/step-up/step-up-dialog.ts
src/components/fab-menu/fab-menu-item.ts:
class: FabMenuItem, fab-menu-item
Name
Module
Package
LitElement
lit
Name
Privacy
Type
Default
Description
Inherited From
icon
MaterialSymbol | ""
""
The icon to display inside the FAB item.
label
string
""
The text label displayed next to the FAB item.
Name
Privacy
Description
Parameters
Return
Inherited From
focus
Focuses the underlying FAB element.
options: FocusOptions
Name
Field
Inherited From
icon
icon
label
label
Name
Default
Description
--fab-menu-item-direction
row
The `flex-direction` of the {@link FabMenuItem}
--fab-menu-item-justify
flex-end
The Flex `justify-content` of the {@link FabMenuItem}
--fab-menu-item-padding-end
0
The logical `padding-inline-end` value
--fab-menu-item-padding-start
0
The logical `padding-inline-start` value
Private API
Name
Privacy
Type
Default
Description
Inherited From
_fab
private
MdFab
Kind
Name
Declaration
Module
Package
custom-element-definition
fab-menu-item
FabMenuItem
src/components/fab-menu/fab-menu-item.ts
js
FabMenuItem
FabMenuItem
src/components/fab-menu/fab-menu-item.ts
src/components/fab-menu/fab-menu.ts:
class: FabMenu, fab-menu
Name
Module
Package
LitElement
lit
Name
Privacy
Type
Default
Description
Inherited From
ariaLabel
string
""
The `aria-label` of the FAB.
direction
"start" | "end"
"end"
The direction in which the menu items should expand.
icon
MaterialSymbol | ""
"add"
The MaterialSymbol to display when the menu
is closed. Defaults to 'add'. An empty string
suppresses the icon
label
string
""
The label of the underlying MdFab.
Defaults to an empty string.
open
boolean
false
Whether the menu is currently open.
openedIcon
MaterialSymbol
"close"
The icon to display when the menu is open.
Defaults to 'close'.
size
"small" | "medium" | "large"
"medium"
The size of the FAB.
Can be 'small', 'medium', or 'large'.
Defaults to 'medium'.
variant
"surface" | "primary" | "secondary" | "tertiary"
"primary"
The variant of the FAB.
Can be 'surface', 'primary', 'secondary', or 'tertiary'.
Defaults to 'primary'.
Name
Field
Inherited From
aria-label
ariaLabel
direction
direction
icon
icon
label
label
open
open
opened-icon
openedIcon
size
size
variant
variant
Name
Default
Description
--fab-menu-transition-duration
200ms
The duration of the menu's opening and closing animations.
Name
Description
menu-items
The content of the menu, typically {@link FabMenuItem} elements.
Private API
Name
Privacy
Type
Default
Description
Inherited From
_fab
private
MdFab
_focusableElements
private
(HTMLElement & { focus: (options?: FocusOptions) => void })[]
_handleDocumentClick
private
_items
private
FabMenuItem[]
Name
Privacy
Description
Parameters
Return
Inherited From
_handleFocusTrap
private
e: FocusEvent
_toggle
private
Kind
Name
Declaration
Module
Package
custom-element-definition
fab-menu
FabMenu
src/components/fab-menu/fab-menu.ts
js
FabMenu
FabMenu
src/components/fab-menu/fab-menu.ts
Kind
Name
Declaration
Module
Package
js
*
*
src/components/app-shell/app-shell
js
*
*
src/components/blog-post/blog-post
js
*
*
src/components/dialogs/configs/configs-dialog
js
*
*
src/components/dialogs/step-up/step-up-dialog
js
*
*
src/components/fab-menu/fab-menu
js
*
*
src/components/fab-menu/fab-menu-item
js
*
*
src/components/nav/nav-component
js
*
*
src/components/partial-header/partial-header
js
*
*
src/components/profile-section/profile-section
js
*
*
src/components/word-cloud/word-cloud
js
*
*
src/components/work-experience/work-experience
src/components/nav/nav-component.ts:
class: NavComponent, nav-component
Name
Module
Package
LitElement
lit
Name
Default
Description
--nav-component-icon-animation
225ms
The duration of the icon's fill and color transition.
--nav-component-icon-animation-reduced
1ms
The duration of the icon's transition when motion is reduced.
Private API
Name
Privacy
Type
Default
Description
Inherited From
_activeRoute
private
Route
_activeTabIndex
private
number
0
_exitingRoute
private
Route | null
null
_tabRefMap
private
Record<Route, Ref<MdPrimaryTab>>
{ work: createRef(), code: createRef(), profile: createRef(), blog: createRef(), }
#boundListener
private
#inlineIconTimeout
private
number
0
#routes
private
Route[]
#tabsRef
private
Ref<MdTabs>
Name
Privacy
Description
Parameters
Return
Inherited From
#handleHashChange
private
Syncs internal state with the URL hash.
#onTabChange
private
Handles user clicks on tabs. Updates URL and UI.
event: Event
#renderTabs
private
Creates a TemplateResult[] consisting of MdPrimaryTabs and their child MdIcons
TemplateResult
#tabIndexAndRouteFromHash
private
Reads window.location.hash and returns an object containing the Route and indexing number
#updateCarousel
private
index: number
#updateTabState
private
Updates the visual state of tabs and panels based on the index.
index: number
Kind
Name
Declaration
Module
Package
custom-element-definition
nav-component
NavComponent
src/components/nav/nav-component.ts
js
NavComponent
NavComponent
src/components/nav/nav-component.ts
src/components/partial-header/partial-header.ts:
class: PartialHeader, partial-header
Name
Module
Package
LitElement
lit-element
Name
Privacy
Type
Default
Description
Inherited From
headerType
"primary" | "secondary" | "tertiary" | "inverse"
"primary"
The color variant theme for the header background and text.
Can be 'primary', 'secondary', or 'tertiary'.
headingText
string
""
The text to display within the header.
Name
Field
Inherited From
header-type
headerType
heading-text
headingText
Kind
Name
Declaration
Module
Package
custom-element-definition
partial-header
PartialHeader
src/components/partial-header/partial-header.ts
js
PartialHeader
PartialHeader
src/components/partial-header/partial-header.ts
src/components/profile-section/profile-section.ts:
class: ProfileSection, profile-section
Name
Module
Package
LitElement
lit
Name
Privacy
Type
Default
Description
Inherited From
sectionTitle
string
""
The text shown in the section heading (`<h2>`). Corresponds to the attribute `section-title`. Slot API -- <slot name="section-grid-content">: (required) Container for section body content. Preserves the responsive grid layout. Example: ```html <profile-section section-title="Experience"> <div slot="section-grid-content"> ...your list, cards, or details... </div> </profile-section> ```
Name
Field
Inherited From
section-title
sectionTitle
Kind
Name
Declaration
Module
Package
custom-element-definition
profile-section
ProfileSection
src/components/profile-section/profile-section.ts
js
ProfileSection
ProfileSection
src/components/profile-section/profile-section.ts
src/components/word-cloud/word-cloud.ts:
class: WordCloud, word-cloud
Name
Module
Package
LitElement
lit
Name
Privacy
Type
Default
Description
Inherited From
_sortedWords
RenderableWordCloudWord[]
[]
appearance
WordCloudAppearance
Controls the order in which words are animated/displayed.
Can be 'sequential' (words appear one by one) or 'simultaneous' (words appear all at once).
delay
number | "none"
"none"
The delay in milliseconds between word appearances when using sequential mode.
Set to "none" to use the component's internal default delays.
grouping
WordCloudGrouping
Controls how words are grouped together within the cloud.
Supported modes: 'category', 'quartile', or 'ungrouped'.
instantClear
boolean
false
Whether to clear the word cloud instantly when it is no longer visible.
When true, the cloud resets instantly to opacity 0 instead of fading out.
sorting
WordCloudSorting
Controls how words are sorted within their groupings.
Supported modes: 'by-weight', 'by-weight-reversed', 'by-alphabet', 'by-alphabet-reversed', or 'none'.
threshold
number
0.1
The intersection observer threshold for visibility detection.
A value between 0 and 1 indicating what percentage of the element must be visible to trigger animation.
words
WordCloudWord[]
[]
The list of words to display in the cloud.
Name
Field
Inherited From
appearance
appearance
delay
delay
grouping
grouping
instant-clear
instantClear
sorting
sorting
threshold
threshold
words
words
Name
Default
Description
--word-cloud-animation
150ms
Duration of the entrance animation for each word.
--word-cloud-animation-reduced
1ms
Duration of the entrance animation when prefers-reduced-motion is active.
--word-cloud-first-quartile-font-size
1.75rem
Font size for words in the first weight quartile (highest weight).
--word-cloud-first-quartile-line-height
1.75rem
Line height for words in the first weight quartile.
--word-cloud-second-quartile-font-size
1.5rem
Font size for words in the second weight quartile.
--word-cloud-second-quartile-line-height
1.5rem
Line height for words in the second weight quartile.
--word-cloud-third-quartile-font-size
1.25rem
Font size for words in the third weight quartile.
--word-cloud-third-quartile-line-height
1.25rem
Line height for words in the third weight quartile.
--word-cloud-fourth-quartile-font-size
1rem
Font size for words in the fourth weight quartile (lowest weight).
--word-cloud-fourth-quartile-line-height
1rem
Line height for words in the fourth weight quartile.
Private API
Name
Privacy
Type
Default
Description
Inherited From
_intersectionObserver
private
IntersectionObserver | undefined
_isVisible
private
boolean
false
_listElement
private
HTMLUListElement
Name
Privacy
Description
Parameters
Return
Inherited From
_getSortFunction
private
sorting: WordCloudSorting
((a: RenderableWordCloudWord, b: RenderableWordCloudWord) => number) | undefined
_initIntersectionObserver
private
_processWords
private
RenderableWordCloudWord[]
Kind
Name
Declaration
Module
Package
custom-element-definition
word-cloud
WordCloud
src/components/word-cloud/word-cloud.ts
js
WordCloud
WordCloud
src/components/word-cloud/word-cloud.ts
src/components/work-experience/work-experience.ts:
class: WorkExperience, work-experience
Name
Module
Package
LitElement
lit
Name
Privacy
Type
Default
Description
Inherited From
dateEnd
WorkDate
{ stamp: "", text: "" }
End date information including machine-readable stamp and display text.
dateEnd={
stamp: "", text: "" } - A {@link WorkDate} instance describing employment end date
dateStart
WorkDate
{ stamp: "", text: "" }
Start date information including machine-readable stamp and display text.
dateStart={
stamp: "", text: "" } - A {@link WorkDate} instance describing employment start date
experienceOrg
string
""
The name of the organization or client.
experienceOrg=""
The employer formal name
experienceRole
string
""
The title of the professional role or project.
experienceRole=""
The formal role from the {@link WorkExperience} instance
experienceSummary
string
""
experienceSummary=""
An optional summary of the overall role
isNested
boolean
false
If true, adjusts font sizes and layout for a nested appearance.
isNested=false
Whether this is a nested instance
jobs
Job[]
[]
A list of sub-jobs or project assignments to be rendered as nested experiences.
jobs=[]
An array of {@link Job}s rendered as nested {@link WorkExperience} instances
summaries
{ item: string }[]
[]
A list of summary points describing achievements or responsibilities.
summaries=[]
An array of `{ item: string }` objects describing the responsibilities
Name
Field
Inherited From
date-end
dateEnd
date-start
dateStart
experience-org
experienceOrg
experience-role
experienceRole
experience-summary
experienceSummary
is-nested
isNested
jobs
jobs
summaries
summaries
Kind
Name
Declaration
Module
Package
custom-element-definition
work-experience
WorkExperience
src/components/work-experience/work-experience.ts
js
WorkExperience
WorkExperience
src/components/work-experience/work-experience.ts
src/types/components/nav/routes.ts:
Name
Description
Type
Routes
`{
PROFILE: "profile" as const,
WORK: "work" as const,
CODE: "code" as const,
BLOG: "blog" as const,
// SETTINGS: "settings" as const,
// CONNECT: "connect" as const,
}`
Name
Description
Parameters
Return
hashToRoute
hash: string
Route
Kind
Name
Declaration
Module
Package
js
hashToRoute
hashToRoute
src/types/components/nav/routes.ts
js
Routes
Routes
src/types/components/nav/routes.ts
src/types/components/word-cloud/word-cloud.ts:
Name
Description
Type
WordCloudAppearances
`{
SIMULTANEOUS: "simultaneous" as const,
SEQUENTIAL: "sequential" as const,
}`
WordCloudGroupings
`{
CATEGORY: "category" as const,
QUARTILE: "quartile" as const,
UNGROUPED: "ungrouped" as const,
}`
WordCloudSortings
`{
BY_WEIGHT: "by-weight" as const,
BY_WEIGHT_REVERSED: "by-weight-reversed" as const,
BY_ALPHABET: "by-alphabet" as const,
BY_ALPHABET_REVERSED: "by-alphabet-reversed" as const,
NONE: "none" as const,
}`
Name
Description
Parameters
Return
makeWordCloudWord
A factory function to create a WordCloudWord
word: string, weight: Weights, category: WordCloudWordCategory, extras: string[]
WordCloudWord
Kind
Name
Declaration
Module
Package
js
makeWordCloudWord
makeWordCloudWord
src/types/components/word-cloud/word-cloud.ts
js
WordCloudAppearances
WordCloudAppearances
src/types/components/word-cloud/word-cloud.ts
js
WordCloudGroupings
WordCloudGroupings
src/types/components/word-cloud/word-cloud.ts
js
WordCloudSortings
WordCloudSortings
src/types/components/word-cloud/word-cloud.ts
src/types/components/work-experience/work-experience.ts:
Name
Description
Type
data
Kind
Name
Declaration
Module
Package
js
data
data
src/types/components/work-experience/work-experience.ts
src/types/configs/app-configs.ts:
Name
Description
Type
DEFAULT_APP_CONFIGS
`{
colorScheme: {
theme: THEME_NAMES.inter,
name: CONFIG_COLOR_SCHEME_NAMES.SYSTEM,
contrast: CONFIG_COLOR_CONTRAST_NAMES.NORMAL,
persist: false,
} as const,
fab: {
settings: {
position: FAB_POSITION.START_BOTTOM,
style: FAB_STYLE.ICON_AND_TEXT,
} as const,
connect: {
position: FAB_POSITION.END_BOTTOM,
style: FAB_STYLE.ICON_AND_TEXT,
} as const,
} as const,
}` |
Kind
Name
Declaration
Module
Package
js
DEFAULT_APP_CONFIGS
DEFAULT_APP_CONFIGS
src/types/configs/app-configs.ts
src/types/configs/fab-configs.ts:
Name
Description
Type
FAB_POSITION
`{
START_TOP: "START_TOP" as const,
START_BOTTOM: "START_BOTTOM" as const,
END_TOP: "END_TOP" as const,
END_BOTTOM: "END_BOTTOM" as const,
}`
FAB_POSITION_COMPONENTS_HORIZONTAL
`{
START: "START" as const,
END: "END" as const,
}`
FAB_POSITION_COMPONENTS_VERTICAL
`{
TOP: "TOP" as const,
BOTTOM: "BOTTOM" as const,
}`
FAB_STYLE
`{
ICON_ONLY: "ICON_ONLY" as const,
ICON_AND_TEXT: "ICON_AND_TEXT" as const,
ICON_ONLY_SMALL: "ICON_ONLY_SMALL" as const,
TEXT_ONLY: "TEXT_ONLY" as const,
}`
FabPositionIcons
Record<FabPosition, TemplateResult>
FabPositions
FabPosition[]
FabStyles
FabStyle[]
Name
Description
Parameters
Return
fabConfigToGrid
config: FabConfig
fabPositionClass
fabPosition: FabPosition
fabPositionComponents
fabPosition: FabPosition
fabPositionToUi
fabPosition: FabPosition
string
fabStyleToUi
fabStyle: FabStyle
string
Kind
Name
Declaration
Module
Package
js
FAB_POSITION
FAB_POSITION
src/types/configs/fab-configs.ts
js
FAB_POSITION_COMPONENTS_HORIZONTAL
FAB_POSITION_COMPONENTS_HORIZONTAL
src/types/configs/fab-configs.ts
js
FAB_POSITION_COMPONENTS_VERTICAL
FAB_POSITION_COMPONENTS_VERTICAL
src/types/configs/fab-configs.ts
js
FAB_STYLE
FAB_STYLE
src/types/configs/fab-configs.ts
js
fabConfigToGrid
fabConfigToGrid
src/types/configs/fab-configs.ts
js
fabPositionClass
fabPositionClass
src/types/configs/fab-configs.ts
js
fabPositionComponents
fabPositionComponents
src/types/configs/fab-configs.ts
js
FabPositionIcons
FabPositionIcons
src/types/configs/fab-configs.ts
js
FabPositions
FabPositions
src/types/configs/fab-configs.ts
js
fabPositionToUi
fabPositionToUi
src/types/configs/fab-configs.ts
js
FabStyles
FabStyles
src/types/configs/fab-configs.ts
js
fabStyleToUi
fabStyleToUi
src/types/configs/fab-configs.ts
src/types/configs/index.ts:
Kind
Name
Declaration
Module
Package
js
*
*
src/types/configs/app-configs
js
*
*
src/types/configs/fab-configs
Kind
Name
Declaration
Module
Package
js
*
*
src/types/components/blog-post/blog-post
js
*
*
src/types/components/nav/routes
js
*
*
src/types/components/word-cloud/word-cloud
js
*
*
src/types/components/work-experience/work-experience
js
*
*
src/types/configs
js
*
*
src/types/theme
src/types/theme/color-scheme-configs.ts:
Name
Description
Type
CONFIG_COLOR_CONTRAST_NAMES
`{
NORMAL: "NORMAL" as const,
MEDIUM: "MEDIUM" as const,
HIGH: "HIGH" as const,
}`
CONFIG_COLOR_SCHEME_NAMES
`{
DARK: "DARK" as const,
LIGHT: "LIGHT" as const,
SYSTEM: "SYSTEM" as const,
}`
Name
Description
Parameters
Return
colorSchemeConfigsToMaterialSchemeName
colorSchemeSettings: ColorSchemeConfigs
MaterialSchemeName
colorSchemeContrastToIcon
slot: "start" | "leading-icon", contrast: ColorSchemeContrast
Kind
Name
Declaration
Module
Package
js
colorSchemeConfigsToMaterialSchemeName
colorSchemeConfigsToMaterialSchemeName
src/types/theme/color-scheme-configs.ts
js
colorSchemeContrastToIcon
colorSchemeContrastToIcon
src/types/theme/color-scheme-configs.ts
js
CONFIG_COLOR_CONTRAST_NAMES
CONFIG_COLOR_CONTRAST_NAMES
src/types/theme/color-scheme-configs.ts
js
CONFIG_COLOR_SCHEME_NAMES
CONFIG_COLOR_SCHEME_NAMES
src/types/theme/color-scheme-configs.ts
src/types/theme/index.ts:
Kind
Name
Declaration
Module
Package
js
*
*
src/types/theme/color-scheme-configs
js
*
*
src/types/theme/theme
src/types/theme/theme.ts:
Name
Description
Type
PhotoJsonFile
PhotosJson
THEME_NAMES
`{
chicago: "chicago" as const,
inter: "inter" as const,
red: "red" as const,
// skyline: "skyline" as const,
sunset: "sunset" as const,
}`
Name
Description
Parameters
Return
jsonIsThemeJsonSchemes
json: unknown
json is ThemeJsonSchemes
keyTransform
jsonKey: string, rgb: string
CSSResult
readScheme
jsonSchema: object
Kind
Name
Declaration
Module
Package
js
jsonIsThemeJsonSchemes
jsonIsThemeJsonSchemes
src/types/theme/theme.ts
js
keyTransform
keyTransform
src/types/theme/theme.ts
js
PhotoJsonFile
PhotoJsonFile
src/types/theme/theme.ts
js
readScheme
readScheme
src/types/theme/theme.ts
js
THEME_NAMES
THEME_NAMES
src/types/theme/theme.ts