# resume-timeline webcomponents

This repository and NPM dist provides the infrastructure for developing and building
webcomponents for building vertical timelines suitable for a resume.  Most development
work will take place within the src folder which contains an assets folder and a components
folder.  Any files under the assets folder will be copied into the final build distributions
and will be made available to the dev server as well.  

This package provides a single component, `resume-landing`, which generates the full height
landing section and a sticky header blow.  A slot named `header-items` accepts anchor tags
to be displayed on the nav header.

## Getting Started - Development
0. Clone the repository for this package.
1. Run `npm install`.
2. <develop>
3. Run 'npm start' to run the test server.

## Dockerization

Build the docker container:
```
docker build -t ashawnbandy/resume-landing .
```
Run the dev server:
```
docker run -d ashawnbandy/resume-landing run start
```
Publish to npm and update git origin:
```
docker run -v  ~/.ssh:/home/devops/.ssh -v ~/.npmrc:/home/devops/.npmrc ashawnbandy/resume-landing run publish-to-npm
```
Note that mapping .ssh and .npmrc to the running container is neccessary for connecting to 
npm and the origin git repo.  And obiously, these credentials and keys have to be registered
with npm and the origin repo.

Publish the docker container:
```
docker push ashawnbandy/resume-landing
```

## References

* [Stencil.js, a webcomponent framework](https://stenciljs.com/)