new: homepage redesign

This commit is contained in:
ngn 2024-03-30 03:13:59 +03:00
parent ff509f7300
commit c0e8d48681
4 changed files with 42 additions and 0 deletions

BIN
public/black_hole.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
public/black_hole.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

37
public/index.css Normal file
View File

@ -0,0 +1,37 @@
header {
position: relative;
width: 100%;
height: 300px;
background: linear-gradient(rgba(20, 20, 20, 0.608), rgba(0, 0, 0, 0.96)),
url("/black_hole.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
header h1 {
color: var(--bright-main);
font-family: JetBrainsItalic;
font-weight: 900;
font-size: 50px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}
header h3 {
color: var(--bright-second);
font-family: Ubuntu;
font-weight: 900;
letter-spacing: 1px;
font-size: 30px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}

View File

@ -6,9 +6,14 @@
<meta name="viewport" content="width=1200">
<link href="/global.css" rel="stylesheet">
<link href="/md.css" rel="stylesheet">
<link href="/index.css" rel="stylesheet">
</head>
<body>
{{template "parts/bar" .}}
<header>
<h1>MatterLinux</h1>
<h3>A tiny GNU/Linux distribution</h3>
</header>
<main class="md">
{{.readme.HTML}}
</main>