Skip to content

Commit

Permalink
Added some icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@keshavsingh4522
keshavsingh4522 committed Sep 15, 2024
1 parent 802101c commit 2a26a8e
Show file tree
Hide file tree
Showing 5 changed files with 29 additions and 78 deletions.
4 changes: 4 additions & 0 deletions src/app/components/general/header/header.component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,3 +47,7 @@ mat-card {
justify-content: space-between;
align-items: center;
}

.nav-link mat-icon {
margin-right: 5px; /* Adjust icon spacing */
}
86 changes: 12 additions & 74 deletions src/app/components/general/header/header.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<header>
<nav [@animateMenu] class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">
Expand All @@ -13,89 +12,28 @@
<a class="nav-link active" aria-current="page" (click)="toggleNavbar()" href="#">Home</a>
<a class="nav-link" (click)="scroll('about'); toggleNavbar()" href="#about">About me</a>
<a class="nav-link" (click)="scroll('jobs'); toggleNavbar()" href="#jobs">Experience</a>
<a class="nav-link" (click)="scroll('projects'); toggleNavbar()" href="/404">Projects</a>
<a class="nav-link" (click)="scroll('contact'); toggleNavbar()" href="#footer">Contact me</a>
<a class="nav-link" [href]="blogUrl" target="_blank">Blogs</a>
<a class="nav-link" [href]="adminUrl" target="_blank">Admin</a>
</div>
<div class="navbar-nav ms-auto">
<a class="nav-link" href="#" (click)="download(slides)" title="resume">Resume<!--<mat-icon class="mat-download-icon-custom">download</mat-icon>--></a>
<!-- Contact Links -->
<a class="nav-link" href="tel:+919982761929" title="Call us"><mat-icon>phone</mat-icon></a>
<a class="nav-link" href="https://wa.me/9982761929" target="_blank" title="WhatsApp"><mat-icon>chat</mat-icon></a>

<!-- Resume Download -->
<a class="nav-link" href="#" (click)="download(slides)" title="resume">Resume</a>

<!-- Profile Image -->
<a class="navbar-brand" href="#">
<img src="https://avatars3.githubusercontent.com/keshavsingh4522?size=400" height="22" alt="Profile image"
class="profileImg" />
</a>

<!-- Login/Logout -->
<a class="nav-link" href="#" *ngIf="!loginDisplay" (click)="login('en')" title="login"><mat-icon>login</mat-icon></a>
<a class="nav-link" href="#" *ngIf="loginDisplay" (click)="logout()" title="logout"><mat-icon>logout</mat-icon></a>
</div>
</div>
</div>
</nav>

<mat-card>
<!-- <div class="file">
<p>{{ slides.name }}</p>
<button (click)="download(slides)" mat-raised-button color="primary">Download</button>
</div> -->
<mat-progress-bar *ngIf="download$ | async as download"
[mode]="download.state === 'PENDING' ? 'buffer' : 'determinate'"
[value]="download.progress">
</mat-progress-bar>
</mat-card>

</header>
<!-- <header>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
<div class="home p-1 rounded">
<ul class="navbar-nav">
<li class="nav-item p-1 rounded">
<a class="nav-link smooth-scroll text-uppercase" href="#"><i class='bx bx-home'></i> {{'header.home'
| translate}}
</a>
</li>
</ul>
</div>
<button class="navbar-toggler nav mb-1">
<span class="navbar-toggler-icon"></span>
</button>
<div class="container ">
<div style="width: 100%; float: right;" class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav" style=" float: right;">
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#about"><i
class='bx bx-user'></i> {{'header.about' | translate}}
</a>
</li>
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#skills"><i
class='bx bx-briefcase-alt'></i>{{'header.skills' | translate}}</a>
</li>
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#cv"> <i
class='bx bx-file-blank'></i>CV</a>
</li>
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#portfolio"> <i
class='bx bx-book-content'></i>Portfolio</a>
</li>
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#references"><i
class='bx bxs-badge-check'></i> {{'header.references' | translate}}</a>
</li>
<li class="nav-item p-1 rounded">
<a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#contact"> <i
class='bx bx-envelope'></i>{{'header.contactMe' | translate}}</a>
</li>
<li class="nav-item p-1 rounded">
<mat-radio-group [(ngModel)]="language" style="margin-top: 5px;"
(change)="languageChange($event)" aria-label="Select a language">
<mat-radio-button value="en" >
English
</mat-radio-button>
<mat-radio-button value="fr" class="pl-3">
Français
</mat-radio-button>
</mat-radio-group>
</li>
</ul>
</div>
</div>
</nav>
</header> -->
2 changes: 2 additions & 0 deletions src/app/components/general/header/header.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
pageYPosition = 0;
cvName = "";
cvUrl="";
blogUrl = environment.blogUrl;
adminUrl = environment.adminUrl;
languageFormControl: FormControl = new FormControl();
slides =
{ name: 'Keshav_Singh_Resume', url: environment.awsUserApiBaseUrl + '/'+ environment.mapConfig.analytics +'/' + environment.fileApiEndpoints.generateUrl.replace("{key}","Keshav_Singh_Resume_2024.pdf") };
Expand Down
2 changes: 2 additions & 0 deletions src/environments/environment.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
export const environment = {
production: false,
awsUserApiBaseUrl: 'https://dev-api-v2.keshavsingh.net',
blogUrl: 'https://www.blogs.keshavsingh.net',
adminUrl: 'https://www.admin.keshavsingh.net',
apiVersion: 'v1',
mapConfig:{
external:"ext",
Expand Down
13 changes: 9 additions & 4 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,11 +101,16 @@
</head>

<body>
<app-root>loading...</app-root>
<app-redirect></app-redirect>
<noscript>Please enable JavaScript to continue using this application.</noscript>
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7491898429210678"
crossorigin="anonymous"></script> -->
</body>

<app-root>
<div class="fade show" style="text-align: center; padding-top: calc(100vh / 2); height: 100vh">
<i class="spinner-grow spinner-grow-sm"></i>
<span class="m-1">Loading...</span>
</div>
</app-root>
<app-redirect></app-redirect>
<noscript>Please enable JavaScript to continue using this application.</noscript>
</body>
</html>

0 comments on commit 2a26a8e

Please sign in to comment.