Compare commits

..

No commits in common. "a73b0359321d854127e11e446439104ca92ea27f" and "4472fab1741f73ca498b6fb7fc2f95852ab539a5" have entirely different histories.

3 changed files with 16 additions and 14 deletions

View File

@ -2,7 +2,7 @@
Dejvino's Curriculum Vitae in a web app. Dejvino's Curriculum Vitae in a web app.
Uses React, Bootstrap and NextJs. Compiles into a static HTML/CSS/JS web page that can be easily served from any web hosting. Uses React, Bootstrap and NextJs. Compiles into a static HTML/CSS/JS web page that can be easily served from any webhosting.
## Build ## Build
@ -16,15 +16,15 @@ npm run dev
npm run build npm run build
``` ```
All that is needed to deploy is to copy the contents of the `./out/` folder onto a web hosting. All that is needed to deploy is to copy the contents of the `./out/` folder onto any web hosting.
## Configuration ## Configuration
### CV content ### CV content
- [src/PersonalData.ts](src/PersonalData.ts) :: source of all data for the CV, nicely structured in a type-checked TypeScript object literal - src/PersonalData.ts :: source of all data for the CV, nicely structured in a type-checked TypeScript object literal
### Images ### Images
- [public/favicon.ico](public/favicon.ico) :: web favicon - public/favicon.ico
- [public/photo.png](public/photo.png) :: cover photo - public/photo.png

View File

@ -2,6 +2,6 @@ import React from "react"
export default function Tag(props: {text: string}) { export default function Tag(props: {text: string}) {
return ( return (
<span className='badge text-bg-gentle'>{props.text}</span> <span className='badge text-bg-light'>{props.text}</span>
) )
} }

View File

@ -21,11 +21,6 @@ body {
margin-top: 1em; margin-top: 1em;
} }
.text-bg-gentle {
color: #555;
background-color: RGBA(108,117,125,0.1);
}
.job-card { .job-card {
margin-top: 1em; margin-top: 1em;
} }
@ -39,9 +34,6 @@ body {
.job-card .card-subtitle { .job-card .card-subtitle {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.job-tags > span {
margin: 0.2em;
}
.cloud-primary .tag-badges { .cloud-primary .tag-badges {
font-size: 180%; font-size: 180%;
@ -56,6 +48,16 @@ body {
.tag-badges > span { .tag-badges > span {
margin: 0.4em; margin: 0.4em;
} }
.focusable {
transition: all 0.3s;
}
.focusable:hover {
background-color: rgba(236, 241, 245, 0.3);
filter: brightness(96%);
}
.focused-element {
border: 2px dashed red;
}
.contacts .contact { .contacts .contact {
margin: 0.75em; margin: 0.75em;
} }