Compare commits
No commits in common. "d2a382ffd93fa6efdbf5b4a7f478fe267c0bbee5" and "c334466ef7143f79e812a0844880227c50c86b3f" have entirely different histories.
d2a382ffd9
...
c334466ef7
BIN
favicon.png
BIN
favicon.png
Binary file not shown.
|
Before 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.
Binary file not shown.
Binary file not shown.
BIN
images/bg.png
BIN
images/bg.png
Binary file not shown.
|
Before Width: | Height: | Size: 186 KiB |
58
index.html
58
index.html
@ -1,58 +0,0 @@
|
|||||||
<!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
117
style.css
@ -1,117 +0,0 @@
|
|||||||
|
|
||||||
@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