Changed a few more things.

This commit is contained in:
Anuj K 2023-10-05 17:32:33 +05:30
parent e22b08f0c5
commit 2c7489198e
4 changed files with 15 additions and 7 deletions

View file

@ -12,12 +12,12 @@
<body> <body>
<div class="line-top"></div> <div class="line-top"></div>
<div class="main"> <div class="main">
<div class="about"> <div class="contact">
<h1>Contact</h1> <h1>Contact</h1>
&nbsp; &nbsp;
<h3>Preferred Channels</h3> <h3>Preferred Channels</h3>
<p>Email hello [at] aiquiral [dot] me | PGP Public Key <a href="content/publickey.hello@aiquiral.me-193666f26d6dd6ca5981a834b2f53944c5483f4d.asc" download target="_blank"><u>Download</u></a></p> <p>Email hello [at] aiquiral [dot] me | PGP Public Key <a href="content/publickey.hello@aiquiral.me-193666f26d6dd6ca5981a834b2f53944c5483f4d.asc" download target="_blank"><u>Download</u></a></p>
<p>Matrix <a href="https://matrix.to/#/@@aiquiral:tchncs.de"><u>@aiquiral:tchncs.de</u></a> | Verified Sessions Amethyst (PZVCRDNZHH), Sapphire (FOKGXHPIOP)</p> <p>Matrix <a href="https://matrix.to/#/@@aiquiral:tchncs.de"><u>@aiquiral:tchncs.de</u></a> | Verified Sessions Amethyst (PZVCRDNZHH), Sapphire (FOKGXHPIOP), Ruby (DXPQNNCESF)</p>
<h3>Other Channels</h3> <h3>Other Channels</h3>
<p>Discord <a href="https://discord.com/users/984386563607756820"><u>aiquiral#9166</u></a></p> <p>Discord <a href="https://discord.com/users/984386563607756820"><u>aiquiral#9166</u></a></p>
<p>Telegram <a href="https://t.me/aiquiral"><u>aiquiral</u></a></p> <p>Telegram <a href="https://t.me/aiquiral"><u>aiquiral</u></a></p>

View file

@ -15,13 +15,13 @@
<div class="hero"> <div class="hero">
<div class="left"> <div class="left">
<br> <br>
<img class="txt" style="max-width: clamp(10rem,18vw + 5rem,25rem);" src="content/hi-i-am.svg" /> <img class="txt" alt="Hi, I am" style="max-width: clamp(10rem,18vw + 5rem,25rem);" src="content/hi-i-am.svg" />
<br> <br>
<img class="txt" style="max-width: clamp(15rem,20vw + 10rem,35rem);" src="content/aiquiral.svg" /> <img class="txt" alt="Aiquiral" style="max-width: clamp(15rem,20vw + 10rem,35rem);" src="content/aiquiral.svg" />
<p class="tagline">Musician • Designer • Programmer</p> <p class="tagline">Musician • Designer • Programmer</p>
</div> </div>
<div class="right"> <div class="right">
<img src="content/aiquiral.avif" alt="A close-up portrait of a person with purple light highlighting half of their face, set against a deep black background." title="Aiquiral" /> <img src="content/aiquiral.avif" alt="A close-up portrait of a male, with purple light highlighting half of his face, set against a deep black background." title="Aiquiral" />
</div> </div>
</div> </div>
<div> <div>

View file

@ -106,10 +106,14 @@ img {
transition: 0.02s; transition: 0.02s;
} }
.about { .about, .contact {
padding: 1vw 10vw; padding: 1vw 10vw;
} }
.about{
text-align: justify;
}
p { p {
line-height: 1.5; line-height: 1.5;
} }
@ -117,3 +121,7 @@ p {
h1 { h1 {
font-size: 300%; font-size: 300%;
} }
h3 {
margin-top: 40px;
}

2
style.min.css vendored
View file

@ -1 +1 @@
a,body{color:#b4b4bb}.button,.foot{text-align:center}body{margin:0;padding:0;background:#25252d;font-family:"DejaVu Sans",sans-serif;display:flex;min-height:100vh;flex-flow:column}a{text-decoration:none!important}img{max-width:100%;height:auto;display:block}@media (max-width:1248px){.tagline{text-align:center}.txt{margin-left:auto;margin-right:auto;width:auto}}.foot-logo{position:relative;bottom:-3px;display:inline}.tagline{font-size:clamp (16px, 2vw, 50px)}.line-top{height:22px;background-image:linear-gradient(145deg,#4c4dfb ,#706efb);box-shadow:rgba(0,0,0,.35) 0 5px 30px}.line-bottom{height:22px;background-image:linear-gradient(145deg,#706efb,#4c4dfb);bottom:0;width:100%;box-shadow:rgba(0,0,0,.35) 5px 0 30px}.foot{bottom:22px;width:100%}.main{flex-grow:1;display:flex;flex-flow:column;align-items:center;justify-content:center;-webkit-align-items:center}.buttons,.hero{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center}.buttons,.main{margin-top:3vw}.left,.right{margin-left:3vw;margin-right:3vw}.button{padding:1.5vw;font-weight:900;margin:2vw;background-image:linear-gradient(145deg,#4c4dfb ,#706efb);color:#fff;font-size:28px;width:250px;border-radius:10px;box-shadow:0 0 30px 9px rgba(0,0,0,.3)}.button:hover{background-image:linear-gradient(#25252d,#25252d);outline:#4c4dfb solid 3px;transition:20ms}.about{padding:1vw 10vw}p{line-height:1.5}h1{font-size:300%} a,body{color:#b4b4bb}.button,.foot{text-align:center}body{margin:0;padding:0;background:#25252d;font-family:"DejaVu Sans",sans-serif;display:flex;min-height:100vh;flex-flow:column}a{text-decoration:none!important}img{max-width:100%;height:auto;display:block}@media (max-width:1248px){.tagline{text-align:center}.txt{margin-left:auto;margin-right:auto;width:auto}}.foot-logo{position:relative;bottom:-3px;display:inline}.tagline{font-size:clamp (16px, 2vw, 50px)}.line-top{height:22px;background-image:linear-gradient(145deg,#4c4dfb ,#706efb);box-shadow:rgba(0,0,0,.35) 0 5px 30px}.line-bottom{height:22px;background-image:linear-gradient(145deg,#706efb,#4c4dfb);bottom:0;width:100%;box-shadow:rgba(0,0,0,.35) 5px 0 30px}.foot{bottom:22px;width:100%}.main{flex-grow:1;display:flex;flex-flow:column;align-items:center;justify-content:center;-webkit-align-items:center}.buttons,.hero{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center}.buttons,.main{margin-top:3vw}.left,.right{margin-left:3vw;margin-right:3vw}.button{padding:1.5vw;font-weight:900;margin:2vw;background-image:linear-gradient(145deg,#4c4dfb ,#706efb);color:#fff;font-size:28px;width:250px;border-radius:10px;box-shadow:0 0 30px 9px rgba(0,0,0,.3)}.button:hover{background-image:linear-gradient(#25252d,#25252d);outline:#4c4dfb solid 3px;transition:20ms}.about,.contact{padding:1vw 10vw}.about{text-align:justify}p{line-height:1.5}h1{font-size:300%}h3{margin-top:40px}