fraujulian/Personal-Portfolio-Website
1
0
Fork 0
Code Issues Pull Requests 7 Actions Projects Releases 2 Wiki Activity

feat: added title

Browse Source
This commit is contained in:
fraujulian
2026-04-23 17:55:45 +02:00
parent 869c9b999f
commit 688dadf96d
3 changed files with 37 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/home.component.html
+20 -16
View File
@@ -13,26 +13,30 @@
</div> </div>
<div class="hero-actions"> <div class="hero-actions">
<div id="contact-links" class="contact-area hero-contact-area"> <div class="hero-contact-block">
<a [href]="contactSafeMail" aria-label="Send mail"> <p class="hero-contact-title">Contact me</p>
<fa-icon class="fab" [icon]="faEnvelope" size="lg"></fa-icon>
</a>
<a href="tel:{{ global.hrefContactPhone }}" aria-label="Call phone number"> <div id="contact-links" class="contact-area hero-contact-area">
<fa-icon class="fab" [icon]="faPhone" size="lg"></fa-icon> <a [href]="contactSafeMail" aria-label="Send mail">
</a> <fa-icon class="fab" [icon]="faEnvelope" size="lg"></fa-icon>
</a>
<a href="https://discord.com/users/860206216893693973" aria-label="Discord profile"> <a href="tel:{{ global.hrefContactPhone }}" aria-label="Call phone number">
<fa-icon class="fab" [icon]="faDiscord" size="lg"></fa-icon> <fa-icon class="fab" [icon]="faPhone" size="lg"></fa-icon>
</a> </a>
<a href="https://github.com/fraujulian" aria-label="GitHub profile"> <a href="https://discord.com/users/860206216893693973" aria-label="Discord profile">
<fa-icon class="fab" [icon]="faGithub" size="lg"></fa-icon> <fa-icon class="fab" [icon]="faDiscord" size="lg"></fa-icon>
</a> </a>
<a href="https://www.linkedin.com/in/julian-lechner-98b377356/" aria-label="LinkedIn profile"> <a href="https://github.com/fraujulian" aria-label="GitHub profile">
<fa-icon class="fab" [icon]="faLinkedin" size="lg"></fa-icon> <fa-icon class="fab" [icon]="faGithub" size="lg"></fa-icon>
</a> </a>
<a href="https://www.linkedin.com/in/julian-lechner-98b377356/" aria-label="LinkedIn profile">
<fa-icon class="fab" [icon]="faLinkedin" size="lg"></fa-icon>
</a>
</div>
</div> </div>
<div class="hero-action-links"> <div class="hero-action-links">
src/app/home/home.component.ts
+1 -1
View File
@@ -178,7 +178,7 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
} }
protected scrollToContactLinks(): void { protected scrollToContactLinks(): void {
this.scrollToElementById('contact-links'); this.scrollToElementById('contact-links', 48);
} }
private preloadImageAssets(): void { private preloadImageAssets(): void {
src/styles.scss
+16
View File
@@ -219,6 +219,22 @@ hr {
gap: var(--space-3); gap: var(--space-3);
} }
.hero-contact-block {
display: grid;
justify-items: center;
gap: 0.45rem;
}
.hero-contact-title {
margin: 0;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--text-muted);
text-align: center;
}
.hero-contact-area { .hero-contact-area {
gap: 0.6rem; gap: 0.6rem;
} }