Trianta/trianta.dev
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases 4 Wiki Activity

Merge pull request 'core: new split layout for page' (#12) from redesign into main

Browse Source 
Reviewed-on: #12
This commit is contained in:
Trianta 2024-12-30 00:03:44 -06:00
commit 5edb887eec
6 changed files with 195 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
default.css
View File

@ -6,6 +6,7 @@
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-weight: 800;
color: #06CDFF; color: #06CDFF;
background: #03001C; background: #03001C;
line-height: 1.5; line-height: 1.5;
@ -14,20 +15,46 @@ body {
} }
.inside { .inside {
max-width: 80rem; max-width: 60rem;
margin: 0 auto; margin: 0 auto;
padding: 2rem 1.5rem; padding: 2rem 1.5rem;
} }
#navigation { nav {
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
width: 6rem;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.gap {
width: 4rem;
}
.content {
width: 48rem;
text-align: left;
}
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
.gap {
visibility: hidden;
}
} }
.trianta { .trianta {
font-size: 3.5rem !important;
color: #06CDFF !important;
border: none !important; border: none !important;
color: #06CDFF !important;
font-size: 2.5rem !important;
min-width: 12rem;
margin: -1rem; margin: -1rem;
} }

20
index.html
View File

@ -11,13 +11,19 @@
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p> <p>Function over form by design</p>
</div> </div>
<div id="navigation"> <div style="display: flex;">
<a href="https://www.github.com/trimutex">GitHub</a> <nav class="column">
<a href="https://lab.trianta.dev/Trianta">Projects</a> <ul>
<a href="/completed">Completed</a> <li><a href="https://www.github.com/trimutex">GitHub</a></li>
<a href="/current">Current</a> <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<a href="/other">Other</a> <li><a href="/completed">Completed</a></li>
<a href="/contact">Contact</a> <li><a href="/current">Current</a></li>
<li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content"></div>
</div> </div>
</div> </div>
</body> </body>

23
pages/completed/index.html
View File

@ -11,14 +11,19 @@
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p> <p>Function over form by design</p>
</div> </div>
<div id="navigation"> <div style="display: flex;">
<a href="https://www.github.com/trimutex">GitHub</a> <nav class="column">
<a href="https://lab.trianta.dev/Trianta">Projects</a> <ul>
<a href="/completed">Completed</a> <li><a href="https://www.github.com/trimutex">GitHub</a></li>
<a href="/current">Current</a> <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<a href="/other">Other</a> <li><a href="/completed">Completed</a></li>
<a href="/contact">Contact</a> <li><a href="/current">Current</a></li>
</div> <li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Completed Projects</h2> <h2>Completed Projects</h2>
<div class="card reserve"> <div class="card reserve">
<div class="canvas"> <div class="canvas">
@ -57,5 +62,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>

23
pages/contact/index.html
View File

@ -11,17 +11,24 @@
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p> <p>Function over form by design</p>
</div> </div>
<div id="navigation"> <div style="display: flex;">
<a href="https://www.github.com/trimutex">GitHub</a> <nav class="column">
<a href="https://lab.trianta.dev/Trianta">Projects</a> <ul>
<a href="/completed">Completed</a> <li><a href="https://www.github.com/trimutex">GitHub</a></li>
<a href="/current">Current</a> <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<a href="/other">Other</a> <li><a href="/completed">Completed</a></li>
<a href="/contact">Contact</a> <li><a href="/current">Current</a></li>
</div> <li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Contact Methods</h2> <h2>Contact Methods</h2>
<p>E-mail: gregcraw2001@gmail.com</p> <p>E-mail: gregcraw2001@gmail.com</p>
<p>Discord: trianta</p> <p>Discord: trianta</p>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>

23
pages/current/index.html
View File

@ -11,14 +11,19 @@
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p> <p>Function over form by design</p>
</div> </div>
<div id="navigation"> <div style="display: flex;">
<a href="https://www.github.com/trimutex">GitHub</a> <nav class="column">
<a href="https://lab.trianta.dev/Trianta">Projects</a> <ul>
<a href="/completed">Completed</a> <li><a href="https://www.github.com/trimutex">GitHub</a></li>
<a href="/current">Current</a> <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<a href="/other">Other</a> <li><a href="/completed">Completed</a></li>
<a href="/contact">Contact</a> <li><a href="/current">Current</a></li>
</div> <li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Current Personal Projects</h2> <h2>Current Personal Projects</h2>
<div class="card"> <div class="card">
<h3>Wrench</h3> <h3>Wrench</h3>
@ -34,5 +39,7 @@
<a href="https://github.com/Trimutex/synopsis">View Repository</a> <a href="https://github.com/Trimutex/synopsis">View Repository</a>
</div> </div>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>

23
pages/other/index.html
View File

@ -11,14 +11,19 @@
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p> <p>Function over form by design</p>
</div> </div>
<div id="navigation"> <div style="display: flex;">
<a href="https://www.github.com/trimutex">GitHub</a> <nav class="column">
<a href="https://lab.trianta.dev/Trianta">Projects</a> <ul>
<a href="/completed">Completed</a> <li><a href="https://www.github.com/trimutex">GitHub</a></li>
<a href="/current">Current</a> <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<a href="/other">Other</a> <li><a href="/completed">Completed</a></li>
<a href="/contact">Contact</a> <li><a href="/current">Current</a></li>
</div> <li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Other Projects</h2> <h2>Other Projects</h2>
<div class="card"> <div class="card">
<h3>Hyprland</h3> <h3>Hyprland</h3>
@ -64,5 +69,7 @@
<p>Tools: CMake</p> <p>Tools: CMake</p>
</div> </div>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>