stegschreck / angularcv Goto Github PK

e.g.
forced maximum width: 100 px
calculated image height: 93 px
height-to-width-ratio = 0.93

Alternative 1: The bottom 7px for this case should trigger the cv-item mat-card to increase its height by 7px.

Alternative 2: limit image height to 84px. but this will cause the image to be left aligned and not be centered anymore

Alternative 3: set cv-item mat-card min-height to 148px instead of 136px

• Angular 5.1
• Angular Material 5.0.0
  https://www.heise.de/developer/meldung/Angular-5-1-zusammen-mit-Angular-Material-5-0-0-erschienen-3911729.html

From the GitHub Actions logs:

One or more browsers which are configured in the project's Browserslist configuration will be ignored as ES5 output is not supported by the Angular CLI.
Ignored browsers: kaios 2.5, op_mini all
- Generating browser application bundles (phase: setup)...
    TypeScript compiler options "target" and "useDefineForClassFields" are set to "ES2022" and "false" respectively by the Angular CLI. To control ECMA version and features use the Browerslist configuration. For more information, see https://angular.io/guide/build#configuring-browser-compatibility
✔ Browser application bundle generation complete.
21 12 2022 00:02:58.422:INFO [karma-server]: Karma v6.4.1 server started at http://localhost:9876/
21 12 2022 00:02:58.424:INFO [launcher]: Launching browsers ChromeHeadless with concurrency unlimited
21 12 2022 00:02:58.428:INFO [launcher]: Starting browser ChromeHeadless
21 12 2022 00:02:59.347:INFO [Chrome Headless 109.0.5412.0 (Linux x86_64)]: Connected on socket CFawzzlWMFaUyBynAAAB with id 1926[39](https://github.com/StegSchreck/AngularCV/actions/runs/3745353087/jobs/6359701606#step:4:40)30
21 12 2022 00:03:29.351:WARN [Chrome Headless 109.0.5[41](https://github.com/StegSchreck/AngularCV/actions/runs/3745353087/jobs/6359701606#step:4:42)2.0 (Linux x86_64)]: Disconnected (0 times) , because no message in 30000 ms.
Chrome Headless 109.0.5412.0 (Linux x86_64) ERROR
  Disconnected , because no message in 30000 ms.

Chrome Headless 109.0.5412.0 (Linux x86_64) ERROR
  Disconnected , because no message in 30000 ms.
Chrome Headless 109.0.5412.0 (Linux x86_64) ERROR
  Disconnected , because no message in 30000 ms.


✔ Browser application bundle generation complete.
Chrome Headless 109.0.[54](https://github.com/StegSchreck/AngularCV/actions/runs/3745353087/jobs/6359701606#step:4:55)12.0 (Linux x86_64): Executed 0 of 0 DISCONNECTED (30.004 secs / 0 secs)

✔ Browser application bundle generation complete.
Error: Process completed with exit code 1.

linkedin, xing, github, stackoverflow, twitter, facebook

icon is clickable
aligned in one row
have a mouseover text with the name

Basic idea for the application context (not individual's cv data):

• having a JSON or properties file per language containing the translated keywords
  • open question: 1 file per language per component or 1 file per language for the entire application?
  • keywords should represent application structure, e.g. education.languages.title
• depending on which files are present, fill a selection dropdown
• selection dropdown to be placed in the header
  • header title text placement boundaries to be adjusted
  • language selection is a state. where to store? cookie?

For the individual's CV data (e.g. current employer's name and description) a different approach could be taken.

• copy of cv-items.data.ts containing same items (or even different?!?) but in different language
• enriching the structure of existing cv-items.data.ts with a layer representing the language chosen by selected language (see above)

Inspiration

• https://usersnap.com/blog/design-language-switch/
• http://www.flagsarenotlanguages.com/blog/best-practice-for-presenting-languages/

• primary color
• secondary color
• accent color
• header font
• paragraph font

• docker-compose

• run lighthouse audit
• prioritize findings

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

Translating the documentation for AWS deployment into reproducible, easily deployable Infrastructure.

Technology:

• Terraform?
• CloudFormation?

similar to LinkedIn

... to src/app/l10n/l10n.data.ts

• PDF generation
• tabs/categories
• ...

Build status
Test coverage
Etc

https://angular.io/guide/i18n

Hey @mellab,
I noticed that you successfully adapted this project for yourself. I would be interested in getting your feedback. Therefore, I would kindly ask you to write down the necessary steps you needed to perform in order to use AngularCV in combination with GitHub Pages. I would like to let other interested people profit form your experiences.

Thanks in advance!

https://securityheaders.com/

(simplified)

inject personal data during deployment
let people clone/fork a sample version

combine with certificates?

also see #1063

HTTPS://pdf.math.dev

Create a more visually appealing design for the PDF exported CV

e.g. certificates

check on impact for bundle size etc.

preferably in an automated way.

• pre-commit hook?

https://jaxenter.com/whats-new-angular-8-159020.html

The CI pipeline is always failing because the Codacy Report cannot be sent on branches.

• password protected
• save to file / database

precondition

• database?
  • mongoDB?

Follow up for #5

• display the right localization according to selected language by the visitor (or default from feature-toggle.data)
• think of fallbacks if the selected language is not available for the CV data

... to src/app/l10n/l10n.data.ts