maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-09-20 02:06:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

CMR2 rebrand

Browse Source
This commit is contained in:
Maciej Pędzich 2022-01-02 14:50:22 +01:00
parent 696904a26f
commit 29ed26ca0d
2 changed files with 50 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
assets/css/style.css
View File

@ -1,39 +1,33 @@
html, html, body {
body { width: 100vw;
margin: 0; height: 100vh;
padding: 0; overflow: hidden;
width: 100%; }
height: 100%;
} body {
background-color: #408995;
body { color: #fcfcff;
display: flex; font-family: Arial, Helvetica, sans-serif;
flex-direction: column; font-size: 48px;
} display: flex;
justify-content: center;
.frame { align-items: center;
flex-grow: 1; }
background-color: #00309c;
} @media (max-width: 450px) {
body {
#welcome-container { font-size: 36px;
flex-grow: 5; }
display: flex; }
align-items: center;
justify-content: center; div {
font-family: Arial, Helvetica, sans-serif; display: flex;
background: radial-gradient( align-items: center;
circle at left top, padding: 0.25em;
rgb(249, 249, 249) 0%, border-right: 0.0625em solid #fcfcff;
#5a7edc 25%, }
#5a7edc 40%,
#5a7edc 100% div:last-of-type {
); border-right: none;
} margin-right: 0.25em;
}
#welcome-text {
color: #fff;
text-shadow: 3px 4px 0px rgb(49, 81, 181);
font-size: 5rem;
font-weight: bold;
}

37
index.html
View File

@ -1,20 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta <meta
name="description" name="description"
content="Maciej Pędzich - high school student, VENM stack developer, author of Mac's WEBlog, WinXP & chicken strips aficionado" content="Maciej Pędzich - high school student, VENM stack developer, author of Mac's WEBlog, WinXP & chicken strips aficionado"
/> />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Maciej Pędzich</title> <title>Maciej Pędzich</title>
<link rel="stylesheet" href="./assets/css/style.css" /> <link rel="stylesheet" href="./assets/css/style.css" />
</head> </head>
<body> <body>
<div class="frame"></div> <div>coming</div>
<div id="welcome-container"> <div>soon</div>
<em id="welcome-text">soon</em> </body>
</div> </html>
<div class="frame"></div>
</body>
</html>