Compare commits
2 Commits
c334466ef7
...
d2a382ffd9
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
d2a382ffd9 | ||
|
|
320fca53cb |
BIN
favicon.png
Executable file
BIN
favicon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
fonts/SauceCodeProNerdFont-Black.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Black.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-BlackItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-BlackItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-Bold.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Bold.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-BoldItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-BoldItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-ExtraLight.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-ExtraLight.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-ExtraLightItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-ExtraLightItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-Italic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Italic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-Light.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Light.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-LightItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-LightItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-Medium.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Medium.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-MediumItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-MediumItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-Regular.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-Regular.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-SemiBold.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-SemiBold.ttf
Executable file
Binary file not shown.
BIN
fonts/SauceCodeProNerdFont-SemiBoldItalic.ttf
Executable file
BIN
fonts/SauceCodeProNerdFont-SemiBoldItalic.ttf
Executable file
Binary file not shown.
BIN
fonts/SymbolsNerdFont-Regular.ttf
Executable file
BIN
fonts/SymbolsNerdFont-Regular.ttf
Executable file
Binary file not shown.
BIN
fonts/SymbolsNerdFontMono-Regular.ttf
Executable file
BIN
fonts/SymbolsNerdFontMono-Regular.ttf
Executable file
Binary file not shown.
BIN
images/bg.png
Executable file
BIN
images/bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
58
index.html
Executable file
58
index.html
Executable 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"></a>
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
<a href="https://www.youtube.com/@KorboDuo" class="grid-link" style="color: #FF4B4B;"></a>
|
||||
</div>
|
||||
|
||||
<div class="grid-item"></div>
|
||||
|
||||
<div class="grid-item">
|
||||
<a href="https://github.com/korboduo" class="grid-link"></a>
|
||||
</div>
|
||||
|
||||
<div class="grid-item"></div>
|
||||
|
||||
<div class="grid-item">
|
||||
<a href="https://korboduo.itch.io/" class="grid-link" style="color: #FF4B4B;"></a>
|
||||
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<a href="https://www.youtube.com/@concortex" class="grid-link"></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">󰊫</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
117
style.css
Executable file
117
style.css
Executable 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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user