cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/catmpeg/catmpeg.github.io.git synced 2026-02-20 07:40:56 +03:00
Code Issues Projects Releases Packages Wiki Activity

dev

Browse source
This commit is contained in:
catmpeg 2026-01-29 16:00:04 +03:00
commit b66f058e44
4 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
assets/background.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.6 MiB

17
assets/styles.css
View file

@ -15,15 +15,16 @@ body {
font-family: 'ConsolasBold', 'consolas'; font-family: 'ConsolasBold', 'consolas';
font: 14px 'ConsolasBold'; font: 14px 'ConsolasBold';
color: #fff; color: #fff;
background-color: #181818; /* background-color: #181818; */
/* background: url('background.png') center/cover fixed no-repeat; */ background-image: url('/assets/background.jpg');
text-align: center; text-align: center;
} }
main { main {
margin-top: 20px; margin-top: 20px;
border-radius: 15px; border-radius: 15px;
background-color: rgb(1,1,1,0.2); background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
padding: 20px; padding: 20px;
width: 800px; width: 800px;
max-width: 100%; max-width: 100%;
@ -33,9 +34,10 @@ main {
.down { .down {
margin-top: 20px; margin-top: 20px;
border-radius: 15px; border-radius: 15px;
background-color: rgb(1,1,1,0.2);
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
} }
a { a {
@ -59,7 +61,7 @@ a {
.block { .block {
padding: 10px 15px; padding: 10px 15px;
background-color: #111111; background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);
} }
@ -97,10 +99,11 @@ label {
width: 40%; width: 40%;
resize: none; resize: none;
color: #ddd; color: #ddd;
background: rgba(35, 35, 35, 0.85); background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #555; border: none;
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
overflow: hidden;
} }
@media (max-width: 800px) { @media (max-width: 800px) {

2
index.html
View file

@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<main> <main>
<h1 class="title"><img src="assets/avatar.jpg" width="54" alt="catmpeg"> catmpeg home page <img src="assets/avatar.jpg" width="54" alt="catmpeg"></h1> <h1 class="title"><img src="assets/avatar.jpg" width="54" alt="catmpeg" style="transform: scaleX(-1);"> catmpeg home page <img src="assets/avatar.jpg" width="54" alt="catmpeg"></h1>
<h2>About me:</h2> <h2>About me:</h2>
<h3>hello, my online name is catmpeg.</h3> <h3>hello, my online name is catmpeg.</h3>
<h3>i enjoy playing various games and listening to music.</h3> <h3>i enjoy playing various games and listening to music.</h3>