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

core: trim unnecessary pieces, add card glow animation, increase to 1920px

Browse Source
This commit is contained in:
Trianta 2024-08-09 17:39:10 -05:00
parent 58e471dd6b
commit b6f459c7c6
2 changed files with 16 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/home.css
View File

@ -1,22 +1,15 @@
/* Whole document */
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 1rem;
color: #cad3f5;
line-height: 1.5;
width: 800px;
width: 1920px;
margin-inline: auto;
background: #24273a;
padding: 6px;
margin: 10px auto;
}
/*
.title {
display: none;
}
*/
#top {
margin-bottom: 6px;
border-radius: 16px;
@ -27,10 +20,9 @@ body {
}
#main {
background: #1e2030;
/*background: #1e2030;*/
}
/* Title of the resume */
h1 {
width: 130px;
text-align: center;
@ -42,9 +34,8 @@ h1 {
border-top-right-radius: 18px;
}
/* Titles of categories */
h2 {
color: #f5a97f;
color: #6c6f85;
font-size: 1.8rem;
text-align: center;
margin-top: 0;
@ -65,7 +56,6 @@ h4 {
margin-bottom: 0.5rem;
}
/* Definitions */
dt {
float: left;
clear: left;
@ -80,7 +70,6 @@ p {
margin-bottom: 4px;
}
/* Links */
a {
text-decoration: none;
padding: 8px;
@ -91,7 +80,7 @@ a:hover, a:active {
border-radius: 9px;
text-decoration: underline;
text-shadow: 1px 1px 1px #333;
animation: animate 3s linear infinite;
animation: hover 3s linear infinite;
}
a.button {
@ -107,14 +96,12 @@ a.button {
text-align: center;
}
/* Horizontal separators */
hr {
color: #A6A6A6;
}
/* List spacing */
ul, ol {
padding-left: 1em; /* Keeping padding relative to the font size of the list */
padding-left: 1em;
}
li {
@ -127,7 +114,7 @@ p, li {
}
@keyframes animate {
@keyframes hover {
0% { box-shadow: 0 0 8px 4px #24273a; }
15% { box-shadow: 0 0 8px 4px #494d64; }
50% { box-shadow: 0 0 8px 4px #b7bdf8; }
@ -135,12 +122,19 @@ p, li {
100% { box-shadow: 0 0 8px 4px #24273a; }
}
@keyframes card {
0% { box-shadow: 0 0 8px 4px #24273a; }
50% { box-shadow: 0 0 8px 4px #df8e1d; }
100% { box-shadow: 0 0 8px 4px #24273a; }
}
.card {
background: #363a4f;
text-align: center;
border-radius: 6px;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
animation: card 3s linear infinite;
}
.card-top {

26
index.html
View File

@ -1,34 +1,12 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<html>
<head>
<meta charset="utf-8"/>
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>Trianta</title>
<link rel="stylesheet" href="css/home.css" />
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
<div>
<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>