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

core: more trimming and create navbar

Browse Source
This commit is contained in:
Trianta 2024-08-09 18:19:52 -05:00
parent b6f459c7c6
commit 71dfedb6ee
2 changed files with 25 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
css/home.css
View File

@ -1,13 +1,27 @@
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 1rem;
font-family: Arial, sans-serif;
font-size: 14px;
color: #cad3f5;
line-height: 1.5;
width: 1920px;
max-width: 1920px;
margin-inline: auto;
background: #24273a;
padding: 6px;
margin: 10px auto;
margin: 0px auto;
}
#navigation {
background: #181926;
display: flex;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.nav-item {
margin: 6px;
margin-top: 0px;
padding: 8px;
line-height: 21px;
display: inline-block;
}
#top {
@ -56,18 +70,8 @@ h4 {
margin-bottom: 0.5rem;
}
dt {
float: left;
clear: left;
width: 17%;
font-weight: bold;
}
dd {
margin-left: 17%;
}
p {
margin-top: 0;
margin-bottom: 4px;
margin: 0px;
}
a {
@ -96,24 +100,6 @@ a.button {
text-align: center;
}
hr {
color: #A6A6A6;
}
ul, ol {
padding-left: 1em;
}
li {
margin-top: 0.25em;
}
p, li {
margin-top: 0;
line-height: 1.6;
}
@keyframes hover {
0% { box-shadow: 0 0 8px 4px #24273a; }
15% { box-shadow: 0 0 8px 4px #494d64; }

10
index.html
View File

@ -6,14 +6,14 @@
<link rel="stylesheet" href="css/home.css" />
</head>
<body>
<div style="margin-bottom: 30px;">
<h1 style="background: #1e2030">Trianta</h1>
<h1><a href="https://www.github.com/trimutex">GitHub</a></h1>
<h1><a href="https://lab.trianta.dev/Trianta">Projects</a></h1>
<div id="navigation" style="margin-bottom: 30px;">
<a class="nav-item" href="https://www.github.com/trimutex">GitHub</a>
<a class="nav-item" href="https://lab.trianta.dev/Trianta">Projects</a>
<p class="nav-item" style="text-align: right; flex-grow: 1;">Trianta</p>
</div>
<div id="main">
<div class="card">
<h2 class="card-top">Pong</h3>
<h2 class="card-top">Pong</h2>
<div>
<canvas width="750" height="585" id="pong"></canvas>
<script src="js/pong.js"></script>