maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-11-27 15:45:47 +01: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,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.frame {
flex-grow: 1;
background-color: #00309c;
}
#welcome-container {
flex-grow: 5;
display: flex;
align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
background: radial-gradient(
circle at left top,
rgb(249, 249, 249) 0%,
#5a7edc 25%,
#5a7edc 40%,
#5a7edc 100%
);
}
#welcome-text {
color: #fff;
text-shadow: 3px 4px 0px rgb(49, 81, 181);
font-size: 5rem;
font-weight: bold;
}
html, body {
width: 100vw;
height: 100vh;
overflow: hidden;
}
body {
background-color: #408995;
color: #fcfcff;
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 450px) {
body {
font-size: 36px;
}
}
div {
display: flex;
align-items: center;
padding: 0.25em;
border-right: 0.0625em solid #fcfcff;
}
div:last-of-type {
border-right: none;
margin-right: 0.25em;
}

37
index.html
View File

@ -1,20 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
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" />
<title>Maciej Pędzich</title>
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<div class="frame"></div>
<div id="welcome-container">
<em id="welcome-text">soon</em>
</div>
<div class="frame"></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
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" />
<title>Maciej Pędzich</title>
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<div>coming</div>
<div>soon</div>
</body>
</html>