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

core: attempt to split intro

Browse Source
This commit is contained in:
Trianta 2024-12-10 00:54:17 -06:00
parent 2a5dcb5ed7
commit a751832a5c
2 changed files with 78 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
default.css
View File

@ -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 {

16
index.html
View File

@ -6,8 +6,7 @@
<link rel="stylesheet" href="default.css" />
</head>
<body>
<div class="first" id="introduction">
<div class="inside">
<div id="introduction" class="inside">
<div id="introLeft">
<p style="font-size: 3.5rem;">TRIANTA</p>
<p>Function over form by design</p>
@ -17,10 +16,9 @@
<a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a>
</div>
</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,9 +57,8 @@
</div>
</div>
</div>
<div class="first">
<div class="inside">
<h2 class="second">Current Personal Projects</h2>
<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>
@ -76,10 +73,8 @@
<a href="https://github.com/Trimutex/synopsis">View Repository</a>
</div>
</div>
</div>
<div class="second">
<div class="inside">
<h2 class="first">Other Projects</h2>
<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>
@ -122,6 +117,5 @@
<p>Tools: CMake</p>
</div>
</div>
</div>
</body>
</html>