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

core: redesign website #11

Merged
Trianta merged 122 commits from redesign into main 2024-12-10 03:16:37 -06:00
Conversation 0 Commits 122 Files Changed 12 +78 -81
2 changed files with 78 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a751832a5c - Show all commits

21
default.css
View File

@ -20,29 +20,32 @@ body {
padding: 2rem 1.5rem; padding: 2rem 1.5rem;
} }
.first { #introduction {
background: #03001C; height: 100%;
} width: 50%;
position: fixed;
.second { z-index: 1;
background: #03001C; top: 0;
overflow-x: hidden;
padding-top: 20px;
} }
#introLeft { #introLeft {
display: inline-block; display: inline-block;
max-width: 40rem; max-width: 40rem;
left: 0;
} }
#introRight { #introRight {
display: inline-block; display: inline-block;
max-width: 10rem; max-width: 10rem;
right: 0;
} }
.navigation { .navigation {
text-align: right; text-align: center;
padding: 6px;
max-width: 4rem; max-width: 4rem;
margin: auto; width: 100%;
} }
.canvas { .canvas {

16
index.html
View File

@ -6,8 +6,7 @@
<link rel="stylesheet" href="default.css" /> <link rel="stylesheet" href="default.css" />
</head> </head>
<body> <body>
<div class="first" id="introduction"> <div id="introduction" class="inside">
<div class="inside">
<div id="introLeft"> <div id="introLeft">
<p style="font-size: 3.5rem;">TRIANTA</p> <p style="font-size: 3.5rem;">TRIANTA</p>
<p>Function over form by design</p> <p>Function over form by design</p>
@ -17,10 +16,9 @@
<a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a> <a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a>
</div> </div>
</div> </div>
</div> <div>
<div class="second">
<div class="inside"> <div class="inside">
<h2 class="first">Completed Projects</h2> <h2>Completed Projects</h2>
<div class="card"> <div class="card">
<div class="canvas"> <div class="canvas">
<canvas width="750" height="585" id="pong"></canvas> <canvas width="750" height="585" id="pong"></canvas>
@ -59,9 +57,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="first">
<div class="inside"> <div class="inside">
<h2 class="second">Current Personal Projects</h2> <h2>Current Personal Projects</h2>
<div class="card"> <div class="card">
<h3>Wrench</h3> <h3>Wrench</h3>
<p>Description: A simple application to handle all of your Linux configuration needs.</p> <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> <a href="https://github.com/Trimutex/synopsis">View Repository</a>
</div> </div>
</div> </div>
</div>
<div class="second">
<div class="inside"> <div class="inside">
<h2 class="first">Other Projects</h2> <h2>Other Projects</h2>
<div class="card"> <div class="card">
<h3>Hyprland</h3> <h3>Hyprland</h3>
<p>Description: An independent, highly customizable, dynamic tiling Wayland compositor that doesn't sacrifice on its looks. </p> <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> <p>Tools: CMake</p>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>