reiyua
/
reiyua.lol
mirror of https://github.com/reiyua/reiyua.lol.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Modify HTML and CSS to incorporate logos with hyyperlinks, GitHub link too small.

This commit is contained in:
Ray 2024-09-07 14:56:28 +10:00
parent dd56071794
commit de0c7acd17
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -17,7 +17,7 @@
</video>
<div class="centered-content">
<h1>reiyua</h1>
<p class="email">rei@reiyua.lol</p>
<p class="tagline">20 year old gamer and qualified IT Guru.</p>
<div class="social-icons">
<a href="https://instagram.com/rreiyua" target="_blank">
<img src="assets/instagram-logo.png" alt="Instagram" class="social-logo">
@ -31,6 +31,12 @@
<a href="https://github.com/reiyua" target="_blank">
<img src="assets/github-logo.png" alt="GitHub" class="social-logo github-logo">
</a>
<a href="https://x.com/rreiyua" target="_blank">
<img src="assets/x-logo.png" alt="X / Twitter" class="social-logo x-logo">
</a>
<a href="mailto:rei@reiyua.lol" target="_blank">
<img src="assets/email-logo.png" alt="Email" class="social-logo">
</a>
</div>
</div>
<div class="credit">

15
styles.css
View File

@ -33,7 +33,7 @@ h1 {
color: #ffffff;
}
.email {
.tagline {
font-size: 1.2em;
margin-top: 10px;
color: #ffffff;
@ -70,14 +70,17 @@ h1 {
height: 50px;
object-fit: contain;
transition: transform 0.3s ease;
margin-left: 0;
margin-right: 0;
}
.social-logo.github-logo {
width: 90px; /* Increase the size of the GitHub logo slightly */
height: 90px;
margin-left: -30px;
width: 60px !important;
height: 60px !important;
}
.social-logo:hover {
transform: scale(1.2);
.social-logo.x-logo,
.social-logo.email-logo {
width: 50px;
height: 50px;
}