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

28
index.html
View File

@ -1,34 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> <html>
<head> <head>
<meta charset="utf-8" /> <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> <title>Trianta</title>
<link rel="stylesheet" href="css/home.css" /> <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> </head>
<body> <body>
<div> <div style="margin-bottom: 30px;">
<h1 style="background: #1e2030">Trianta</h1> <h1 style="background: #1e2030">Trianta</h1>
<h1><a href="https://www.github.com/trimutex">GitHub</a></h1> <h1><a href="https://www.github.com/trimutex">GitHub</a></h1>
<h1><a href="https://lab.trianta.dev/Trianta">Projects</a></h1> <h1><a href="https://lab.trianta.dev/Trianta">Projects</a></h1>