korboduo/concortex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Korbo Duo 2025-09-18 21:55:13 +09:00
commit 320fca53cb
20 changed files with 175 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
fonts/SauceCodeProNerdFont-Black.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-BlackItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-Bold.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-BoldItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-ExtraLight.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-ExtraLightItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-Italic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-Light.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-LightItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-Medium.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-MediumItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-Regular.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-SemiBold.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SauceCodeProNerdFont-SemiBoldItalic.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SymbolsNerdFont-Regular.ttf Executable file
View File

Binary file not shown.

BIN
fonts/SymbolsNerdFontMono-Regular.ttf Executable file
View File

Binary file not shown.

BIN
images/bg.png Executable file
View File

Binary file not shown.
Side by Side

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;
}