Trianta/trianta.dev
1
0
Fork 0
Code Issues 13 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 { body {
font-family: Helvetica, Arial, sans-serif; font-family: Arial, sans-serif;
font-size: 1rem; font-size: 14px;
color: #cad3f5; color: #cad3f5;
line-height: 1.5; line-height: 1.5;
width: 1920px; max-width: 1920px;
margin-inline: auto; margin-inline: auto;
background: #24273a; background: #24273a;
padding: 6px; margin: 0px auto;
margin: 10px 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 { #top {
@ -56,18 +70,8 @@ h4 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
dt {
float: left;
clear: left;
width: 17%;
font-weight: bold;
}
dd {
margin-left: 17%;
}
p { p {
margin-top: 0; margin: 0px;
margin-bottom: 4px;
} }
a { a {
@ -96,24 +100,6 @@ a.button {
text-align: center; 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 { @keyframes hover {
0% { box-shadow: 0 0 8px 4px #24273a; } 0% { box-shadow: 0 0 8px 4px #24273a; }
15% { box-shadow: 0 0 8px 4px #494d64; } 15% { box-shadow: 0 0 8px 4px #494d64; }

10
index.html
View File

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