Compare commits

..

2 Commits

Author SHA1 Message Date
Korbo Duo
d2a382ffd9 Merge branch 'main' of https://git.concortex.ru/korboduo/concortex.git into main 2025-09-18 21:58:05 +09:00
Korbo Duo
320fca53cb init 2025-09-18 21:55:13 +09:00
20 changed files with 175 additions and 0 deletions

BIN
favicon.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
fonts/SymbolsNerdFont-Regular.ttf Executable file

Binary file not shown.

Binary file not shown.

BIN
images/bg.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

58
index.html Executable file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>con.cortex</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
<div class="background"></div>
<!-- Header logo -->
<header class="logo-header">
<p><span style="color: #FF4B4B;">con.</span>cortex</p>
</header>
<div class="grid-container">
<div class="grid-item">
<a href="https://www.reddit.com/user/polarmind/" class="grid-link">&#xf1a1;</a>
</div>
<div class="grid-item">
<a href="https://www.youtube.com/@KorboDuo" class="grid-link" style="color: #FF4B4B;">&#xf16a;</a>
</div>
<div class="grid-item"></div>
<div class="grid-item">
<a href="https://github.com/korboduo" class="grid-link">&#xf09b;</a>
</div>
<div class="grid-item"></div>
<div class="grid-item">
<a href="https://korboduo.itch.io/" class="grid-link" style="color: #FF4B4B;">&#xef99;</a>
</div>
<div class="grid-item">
<a href="https://www.youtube.com/@concortex" class="grid-link">&#xf16a;</a>
</div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item">
<a href="mailto:korboduo@gmail.com" class="grid-link">&#xf02ab;</a>
</div>
</div>
</body>
</html>

117
style.css Executable file
View File

@ -0,0 +1,117 @@
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.nerd-icon {
font-size: 32px;
color: #333;
}
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
background: #323232;
user-select: none;
}
.background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('images/bg.png') center center / contain no-repeat;
background-size: auto;
z-index: 0;
pointer-events: none;
}
.logo-header {
font-family: 'SauceCodePro NF', serif;
font-size: 48px;
color: white;
position: relative;
z-index: 1;
}
.logo-header img {
max-width: 200px;
width: 40%;
height: auto;
display: block;
}
.center-image {
position: relative;
z-index: 1;
margin-top: 20px;
resize: none;
}
.center-image img {
max-width: 250px;
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
.grid-container {
display: grid;
grid-template-columns: repeat(4, 120px);
grid-template-rows: repeat(3, 120px);
gap: 40px;
margin-top: 20px;
z-index: 1;
}
.grid-item {
font-family: 'SauceCodePro NF', serif;
background: white;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
font-size: 38px;
color: #333;
transition: transform 0.2s, background 0.2s;
}
.grid-item:hover {
transform: scale(0.9);
background: #f0f0f0;
}
.grid-item a.grid-link {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
font-size: 38px;
transform: translateX(-2px);
}
.grid-item:hover a.grid-link {
color: #000;
}
.grid-item:empty {
background: transparent;
pointer-events: none;
}