aiquiral/official-site
1
0
Fork 0
mirror of https://codeberg.org/aiquiral/pages.git synced 2024-11-24 07:11:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changed a few more things.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
contact.html
View file

@ -12,12 +12,12 @@
<body>
<div class="line-top"></div>
<div class="main">
<div class="about">
<div class="contact">
<h1>Contact</h1>
&nbsp;
<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>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>
<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>

6
index.html
View file

@ -15,13 +15,13 @@
<div class="hero">
<div class="left">
<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>
<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>
</div>
<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>

10
style.css
View file

@ -106,14 +106,22 @@ img {
transition: 0.02s;
}
.about {
.about, .contact {
padding: 1vw 10vw;
}
.about{
text-align: justify;
}
p {
line-height: 1.5;
}
h1 {
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}