# asep3003/curriculum-vitae architecture

> Architecture diagram of the GitHub repository asep3003/curriculum-vitae, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/asep3003/curriculum-vitae
- Repository: https://github.com/asep3003/curriculum-vitae

## Overview

This is a browser-based Now UI Kit landing-page frontend. Visitors browse the page, use smooth-scroll links and interactive controls, and see on-scroll animations. The sampled scripts show the main page behavior, the UI-kit initializer, and its date-picker and switch integrations; the sharing plugin is a separate optional capability. The README is empty, and several plugin excerpts are partial, so the graph omits uncertain wiring and server-side behavior.

Main entry points: [`index.html`](https://github.com/asep3003/curriculum-vitae/blob/master/index.html) (Landing page), [`scripts/main.js`](https://github.com/asep3003/curriculum-vitae/blob/master/scripts/main.js) (Page behaviors), [`js/now-ui-kit.js`](https://github.com/asep3003/curriculum-vitae/blob/master/js/now-ui-kit.js) (UI kit behavior), [`css/main.css`](https://github.com/asep3003/curriculum-vitae/blob/master/css/main.css) (Page styling)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Landing page"]
  node_page["Landing page<br/>[index.html]"]
  node_styles["Page styling<br/>[main.css]"]
  node_aosstyles["Animation styling<br/>[aos.css]"]
  node_images["Page imagery"]
end

subgraph group_behavior["Page interactions"]
  node_main["Page behaviors<br/>[main.js]"]
  node_aos["Scroll animations<br/>[aos.js]"]
  node_kit["UI kit behavior<br/>[now-ui-kit.js]"]
end

subgraph group_widgets["UI widgets"]
  node_datepicker["Date picker"]
  node_switch["Toggle switch"]
  node_sharing["Social sharing<br/>[jquery.sharrre.js]"]
  node_datepickerstyle["Date picker styles<br/>[main.css]"]
end

node_visitor(("Visitor"))

node_visitor -->|"browses"| node_page
node_main -->|"initializes"| node_aos
node_main -->|"smooth-scrolls"| node_page
node_kit -->|"initializes"| node_datepicker
node_kit -->|"initializes"| node_switch
node_page -->|"styled by"| node_styles
node_page -->|"styled by"| node_aosstyles
node_page -->|"uses imagery"| node_images
node_page -->|"styled by"| node_datepickerstyle

click node_page "https://github.com/asep3003/curriculum-vitae/blob/master/index.html"
click node_styles "https://github.com/asep3003/curriculum-vitae/blob/master/css/main.css"
click node_aosstyles "https://github.com/asep3003/curriculum-vitae/blob/master/css/aos.css"
click node_images "https://github.com/asep3003/curriculum-vitae/tree/master/images"
click node_main "https://github.com/asep3003/curriculum-vitae/blob/master/scripts/main.js"
click node_aos "https://github.com/asep3003/curriculum-vitae/blob/master/js/aos.js"
click node_kit "https://github.com/asep3003/curriculum-vitae/blob/master/js/now-ui-kit.js"
click node_datepicker "https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/bootstrap-datepicker.js"
click node_switch "https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/bootstrap-switch.js"
click node_sharing "https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/jquery.sharrre.js"
click node_datepickerstyle "https://github.com/asep3003/curriculum-vitae/blob/master/css/main.css"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_page,node_styles,node_aosstyles,node_images toneBlue
class node_main,node_aos,node_kit toneAmber
class node_datepicker,node_switch,node_sharing,node_datepickerstyle toneMint
class node_visitor toneIndigo
```

## Components

### Landing page

- [Landing page](https://github.com/asep3003/curriculum-vitae/blob/master/index.html): `index.html`
- [Page styling](https://github.com/asep3003/curriculum-vitae/blob/master/css/main.css): `css/main.css`
- [Animation styling](https://github.com/asep3003/curriculum-vitae/blob/master/css/aos.css): `css/aos.css`
- [Page imagery](https://github.com/asep3003/curriculum-vitae/tree/master/images): `images`

### Page interactions

- [Page behaviors](https://github.com/asep3003/curriculum-vitae/blob/master/scripts/main.js): `scripts/main.js`
- [Scroll animations](https://github.com/asep3003/curriculum-vitae/blob/master/js/aos.js): `js/aos.js`
- [UI kit behavior](https://github.com/asep3003/curriculum-vitae/blob/master/js/now-ui-kit.js): `js/now-ui-kit.js`

### UI widgets

- [Date picker](https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/bootstrap-datepicker.js): `js/plugins/bootstrap-datepicker.js`
- [Toggle switch](https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/bootstrap-switch.js): `js/plugins/bootstrap-switch.js`
- [Social sharing](https://github.com/asep3003/curriculum-vitae/blob/master/js/plugins/jquery.sharrre.js): `js/plugins/jquery.sharrre.js`
- [Date picker styles](https://github.com/asep3003/curriculum-vitae/blob/master/css/main.css): `css/main.css`

### Other components

- **Visitor**

## Connections

- Visitor → Landing page: browses
- Page behaviors → Scroll animations: initializes
- Page behaviors → Landing page: smooth-scrolls
- UI kit behavior → Date picker: initializes
- UI kit behavior → Toggle switch: initializes
- Landing page → Page styling: styled by
- Landing page → Animation styling: styled by
- Landing page → Page imagery: uses imagery
- Landing page → Date picker styles: styled by