dejvino/cv
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: dejvino:eb3a8ad946f46720efc2a4bfff935f0f18ab723f
Branches Tags
dejvino:master
..
compare: dejvino:ee946d3786d1f12d8231fbf8307d40d5a1dc0ba1
Branches Tags
dejvino:master

2 Commits
eb3a8ad946 ... ee946d3786

Author SHA1 Message Date
Dejvino
ee946d3786 Optimized background 2023-06-04 17:00:14 +02:00
Dejvino
14ba783f3e Add background for wide screen monitors 2023-06-04 10:25:57 +02:00
3 changed files with 30 additions and 2 deletions
Show Stats Expand all files Collapse all files

BIN
public/background.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 344 KiB

29
src/app/globals.css
View File

@ -1,12 +1,39 @@
body { #cv body {
background-color: lightgrey; background-color: lightgrey;
} }
.background {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
z-index: -10;
}
@media screen and (min-width: 1400px) {
.background {
background: url("/background.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal, normal;
z-index: -10;
}
.main-container {
margin-top: 10rem;
margin-bottom: 15rem;
border: 1px solid lightgray;
border-radius: 5px;
}
}
.main-container { .main-container {
background-color: white; background-color: white;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
z-index: 1;
transition: 0.5s;
} }
.main-container .photo { .main-container .photo {

3
src/app/layout.tsx
View File

@ -21,8 +21,9 @@ export default function RootLayout({
children: React.ReactNode children: React.ReactNode
}) { }) {
return ( return (
<html lang="en"> <html lang="en" id="cv">
<body className={inter.className}> <body className={inter.className}>
<div className='background'></div>
<PersonProvider> <PersonProvider>
{children} {children}
</PersonProvider> </PersonProvider>