🐛 Improved hover and updated links

This commit is contained in:
Miguel R. Ávila 2021-07-20 21:42:14 -05:00
parent ae4851401e
commit 7ff381c334
3 changed files with 19 additions and 16 deletions

View File

@ -24,7 +24,7 @@
change the --imgcol value change the --imgcol value
to make the filter to your own */ to make the filter to your own */
--imgbg: url(assets/background.png); --imgbg: url(assets/background.jpg);
--imgcol: linear-gradient( --imgcol: linear-gradient(
rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7)
@ -264,13 +264,16 @@ body {
font-size: var(--fses); font-size: var(--fses);
color: var(--fg); color: var(--fg);
margin-top: 1vh; margin-top: 1vh;
padding: 6px 12px; padding: 8px 12px;
border-radius: 5px; border-radius: 5px;
font-weight: bold; font-weight: bold;
text-align: center;
width: 80%;
} }
.list__link:hover { .list__link:hover {
background-color: var(--accent); background-color: var(--accent);
color: var(--sfg); color: var(--sfg);
} }
/* M E D I A - Q U E R I E S */ /* M E D I A - Q U E R I E S */

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 MiB

View File

@ -82,38 +82,38 @@ const CONFIG = {
lists: { lists: {
firstList: [ firstList: [
{ {
name: 'Github', name: 'Inspirational',
link: 'https://github.com/', link: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
}, },
{ {
name: 'Mail', name: 'Classic',
link: 'https://mail.protonmail.com/', link: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
}, },
{ {
name: 'Calendar', name: 'Oldies',
link: 'https://calendar.google.com/calendar/r', link: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
}, },
{ {
name: 'Reddit', name: 'Rock',
link: 'https://reddit.com', link: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
}, },
], ],
secondList: [ secondList: [
{ {
name: 'Linkedin', name: 'Linkedin',
link: 'https://github.com/', link: 'https://linkedin.com/',
}, },
{ {
name: 'Facebook', name: 'Figma',
link: 'https://mail.protonmail.com/', link: 'https://figma.com/',
}, },
{ {
name: 'Instagram', name: 'Dribbble',
link: 'https://calendar.google.com/calendar/r', link: 'https://dribbble.com',
}, },
{ {
name: 'Telegram', name: 'Telegram',
link: 'https://reddit.com', link: 'https://webk.telegram.org',
}, },
], ],
}, },