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

Compare commits

base: korboduo:c334466ef7143f79e812a0844880227c50c86b3f
Branches Tags
korboduo:main
...
compare: korboduo:main
Branches Tags
korboduo:main

8 Commits
c334466ef7 ... main

Author SHA1 Message Date
Korbo Duo
dd337e04e0 bg set to cover and autofits height to viewport 2025-09-29 12:57:44 +09:00
korboduo
5e41be39a4 optimized and added license 2025-09-26 13:07:17 +09:00
korboduo
fb51d1064c test change 2025-09-26 11:37:27 +09:00
korboduo
d3ddc72ed2 links change 2025-09-26 09:42:00 +09:00
Korbo Duo
2ff28605bf simple dynamic grid 2025-09-19 09:44:29 +09:00
Korbo Duo
fd1e7df85d test 2025-09-18 22:07:13 +09:00
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
23 changed files with 192 additions and 0 deletions
Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
files/

13
LICENSE Normal file
View File

@@ -0,0 +1,13 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2025 KorboDuo <korboduo@gmail.com>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.

2
README.md
View File

@@ -0,0 +1,2 @@
## con.cortex site
yeah

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

43
index.html Executable file
View File

@@ -0,0 +1,43 @@
<!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 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.youtube.com/@KorboDuo" class="grid-link" style="color: #FF4B4B;">&#xf16a;</a>
</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://www.twitch.tv/korboduo" class="grid-link">&#xf1e8;</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>
<footer class="footer">
KorboDuo © 2025 — Licensed under <a href="LICENSE" target="_blank">WTFPL</a>
</footer>
</body>
</html>

133
style.css Executable file
View File

@@ -0,0 +1,133 @@
/* Import all font weights and styles */
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'SauceCodePro NF';
src: url('fonts/SauceCodeProNerdFont-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
/* Base reset and layout */
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'SauceCodePro NF', monospace;
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;
background: url('images/bg.png') center center / cover no-repeat;
height: 100vh;
width: 100%;
z-index: 0;
pointer-events: none;
}
.logo-header {
font-weight: 400;
font-size: 48px;
color: white;
position: relative;
z-index: 1;
}
/* Grid */
.grid-container {
display: grid;
grid-template-columns: repeat(4, 120px);
grid-template-rows: repeat(3, 120px);
gap: 40px;
margin-top: 20px;
z-index: 1;
}
@media (max-width: 768px) {
.grid-container {
grid-template-columns: repeat(3, 90px);
grid-template-rows: repeat(4, 90px);
gap: 20px;
margin-top: 40px;
}
}
.grid-item {
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;
}
/* Footer */
.footer {
position: absolute;
bottom: 18px;
font-size: 14px;
color: #ddd;
font-weight: 300;
font-family: 'SauceCodePro NF', monospace;
z-index: 1;
}