ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: h1 heavy text

Browse source
This commit is contained in:
Ayo 2022-09-18 10:35:16 +02:00
parent 44abba2430
commit 5a9dc4b334
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/pages/index.astro
View file

@ -8,7 +8,7 @@ import Footer from "../components/Footer.astro";
<main> <main>
<div class="highlighted-section"> <div class="highlighted-section">
<div class="top-content"> <div class="top-content">
<h1>Ayo Ayco</h1> <h1 title="Ayo Ayco | Software Engineer + Web Developer"><span class="heavy-text">Ayo</span>Ayco</h1>
<ul role="list"> <ul role="list">
<li>👨🏻‍💻 Software Extraordinaire</li> <li>👨🏻‍💻 Software Extraordinaire</li>
<li>🕵🏻‍♂️ Frontend Detective Consultant</li> <li>🕵🏻‍♂️ Frontend Detective Consultant</li>
@ -54,6 +54,12 @@ import Footer from "../components/Footer.astro";
h1 { h1 {
margin: 0 0 2rem 0; margin: 0 0 2rem 0;
color: rgba(255, 255, 255, 0.75);
}
h1 span.heavy-text {
font-weight: 900;
color: white;
} }
.top-content { .top-content {
@ -82,7 +88,6 @@ import Footer from "../components/Footer.astro";
background-size: 400% 400%; background-size: 400% 400%;
background-color: var(--); background-color: var(--);
animation: gradient 15s ease-in-out infinite; animation: gradient 15s ease-in-out infinite;
padding: 2rem;
box-shadow: 0 8px 8px -4px lightblue; box-shadow: 0 8px 8px -4px lightblue;
} }