From a751832a5c8db4fc758b8f264987000f56584cde Mon Sep 17 00:00:00 2001
From: Trianta <56975502+Trimutex@users.noreply.github.com>
Date: Tue, 10 Dec 2024 00:54:17 -0600
Subject: [PATCH] core: attempt to split intro
---
default.css | 21 ++++----
index.html | 138 +++++++++++++++++++++++++---------------------------
2 files changed, 78 insertions(+), 81 deletions(-)
diff --git a/default.css b/default.css
index 857b8f3..2343ee0 100644
--- a/default.css
+++ b/default.css
@@ -20,29 +20,32 @@ body {
padding: 2rem 1.5rem;
}
-.first {
- background: #03001C;
-}
-
-.second {
- background: #03001C;
+#introduction {
+ height: 100%;
+ width: 50%;
+ position: fixed;
+ z-index: 1;
+ top: 0;
+ overflow-x: hidden;
+ padding-top: 20px;
}
#introLeft {
display: inline-block;
max-width: 40rem;
+ left: 0;
}
#introRight {
display: inline-block;
max-width: 10rem;
+ right: 0;
}
.navigation {
- text-align: right;
- padding: 6px;
+ text-align: center;
max-width: 4rem;
- margin: auto;
+ width: 100%;
}
.canvas {
diff --git a/index.html b/index.html
index 285d475..8452ed8 100644
--- a/index.html
+++ b/index.html
@@ -6,21 +6,19 @@
<link rel="stylesheet" href="default.css" />
</head>
<body>
- <div class="first" id="introduction">
- <div class="inside">
- <div id="introLeft">
- <p style="font-size: 3.5rem;">TRIANTA</p>
- <p>Function over form by design</p>
- </div>
- <div id="introRight">
- <a class="navigation" href="https://www.github.com/trimutex">GitHub</a>
- <a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a>
- </div>
+ <div id="introduction" class="inside">
+ <div id="introLeft">
+ <p style="font-size: 3.5rem;">TRIANTA</p>
+ <p>Function over form by design</p>
+ </div>
+ <div id="introRight">
+ <a class="navigation" href="https://www.github.com/trimutex">GitHub</a>
+ <a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a>
</div>
</div>
- <div class="second">
+ <div>
<div class="inside">
- <h2 class="first">Completed Projects</h2>
+ <h2>Completed Projects</h2>
<div class="card">
<div class="canvas">
<canvas width="750" height="585" id="pong"></canvas>
@@ -59,68 +57,64 @@
</div>
</div>
</div>
- <div class="first">
- <div class="inside">
- <h2 class="second">Current Personal Projects</h2>
- <div class="card">
- <h3>Wrench</h3>
- <p>Description: A simple application to handle all of your Linux configuration needs.</p>
- <p>Language: C++26</p>
- <p>Tools: CMake</p>
- <p>Frameworks: Qt6</p>
- <a href="https://github.com/Trimutex/wrench">View Repository</a>
- </div>
- <div class="card">
- <h3>Synopsis</h3>
- <p>Description: A markdown repository containing details and changes of servers I maintain.</p>
- <a href="https://github.com/Trimutex/synopsis">View Repository</a>
- </div>
+ <div class="inside">
+ <h2>Current Personal Projects</h2>
+ <div class="card">
+ <h3>Wrench</h3>
+ <p>Description: A simple application to handle all of your Linux configuration needs.</p>
+ <p>Language: C++26</p>
+ <p>Tools: CMake</p>
+ <p>Frameworks: Qt6</p>
+ <a href="https://github.com/Trimutex/wrench">View Repository</a>
+ </div>
+ <div class="card">
+ <h3>Synopsis</h3>
+ <p>Description: A markdown repository containing details and changes of servers I maintain.</p>
+ <a href="https://github.com/Trimutex/synopsis">View Repository</a>
</div>
</div>
- <div class="second">
- <div class="inside">
- <h2 class="first">Other Projects</h2>
- <div class="card">
- <h3>Hyprland</h3>
- <p>Description: An independent, highly customizable, dynamic tiling Wayland compositor that doesn't sacrifice on its looks. </p>
- <a href="https://github.com/hyprwm/Hyprland">View Repository</a>
- <p>Language: C++26</p>
- <p>Tools: CMake</p>
- <p>and various libraries.</p>
- <p>Contributions (newest first)</p>
- <a href="https://github.com/hyprwm/Hyprland/pull/8323">hyprwm/Hyprland#8323</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/8044">hyprwm/Hyprland#8044</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7959">hyprwm/Hyprland#7959</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7755">hyprwm/Hyprland#7755</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7683">hyprwm/Hyprland#7683</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7633">hyprwm/Hyprland#7633</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7575">hyprwm/Hyprland#7575</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/7458">hyprwm/Hyprland#7458</a>
- <a href="https://github.com/hyprwm/Hyprland/pull/6652">hyprwm/Hyprland#6652</a>
- </div>
- <div class="card">
- <h3>Proxy</h3>
- <p>Description: A program written in C++ to act as a proxy for another server.</p>
- <a href="https://lab.trianta.dev/Trianta/proxy-network">View Repository</a>
- <p>Language: C++11</p>
- <p>Tools: CMake</p>
- <p>Testing Frameworks: <a href="https://github.com/ThrowTheSwitch/Unity">Unity Test (ThrowTheSwitch)</a></p>
- </div>
- <div class="card">
- <h3>Cloudcare</h3>
- <p>Description: A sample repository that uses downloaded .bed files to train a model on DNA using PyTorch.</p>
- <a href="https://github.com/Trimutex/cloudcare">View Repository</a>
- <p>Languages: Python, Bash</p>
- <p>Libraries: PyTorch</p>
- <p>Tools: Conda</p>
- </div>
- <div class="card">
- <h3>N-Queens</h3>
- <p>Description: The N-Queens problem recreated in C++ which gets solved using a Genetic Algorithm.</p>
- <a href="https://lab.trianta.dev/Trianta/n-queens">View Repository</a>
- <p>Language: C++11</p>
- <p>Tools: CMake</p>
- </div>
+ <div class="inside">
+ <h2>Other Projects</h2>
+ <div class="card">
+ <h3>Hyprland</h3>
+ <p>Description: An independent, highly customizable, dynamic tiling Wayland compositor that doesn't sacrifice on its looks. </p>
+ <a href="https://github.com/hyprwm/Hyprland">View Repository</a>
+ <p>Language: C++26</p>
+ <p>Tools: CMake</p>
+ <p>and various libraries.</p>
+ <p>Contributions (newest first)</p>
+ <a href="https://github.com/hyprwm/Hyprland/pull/8323">hyprwm/Hyprland#8323</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/8044">hyprwm/Hyprland#8044</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7959">hyprwm/Hyprland#7959</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7755">hyprwm/Hyprland#7755</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7683">hyprwm/Hyprland#7683</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7633">hyprwm/Hyprland#7633</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7575">hyprwm/Hyprland#7575</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/7458">hyprwm/Hyprland#7458</a>
+ <a href="https://github.com/hyprwm/Hyprland/pull/6652">hyprwm/Hyprland#6652</a>
+ </div>
+ <div class="card">
+ <h3>Proxy</h3>
+ <p>Description: A program written in C++ to act as a proxy for another server.</p>
+ <a href="https://lab.trianta.dev/Trianta/proxy-network">View Repository</a>
+ <p>Language: C++11</p>
+ <p>Tools: CMake</p>
+ <p>Testing Frameworks: <a href="https://github.com/ThrowTheSwitch/Unity">Unity Test (ThrowTheSwitch)</a></p>
+ </div>
+ <div class="card">
+ <h3>Cloudcare</h3>
+ <p>Description: A sample repository that uses downloaded .bed files to train a model on DNA using PyTorch.</p>
+ <a href="https://github.com/Trimutex/cloudcare">View Repository</a>
+ <p>Languages: Python, Bash</p>
+ <p>Libraries: PyTorch</p>
+ <p>Tools: Conda</p>
+ </div>
+ <div class="card">
+ <h3>N-Queens</h3>
+ <p>Description: The N-Queens problem recreated in C++ which gets solved using a Genetic Algorithm.</p>
+ <a href="https://lab.trianta.dev/Trianta/n-queens">View Repository</a>
+ <p>Language: C++11</p>
+ <p>Tools: CMake</p>
</div>
</div>
</body>