feat(frontend): final version of the logo is out

A big thanks to BlackStarMuzic! <3
chaotic-cx · Jan 4, 2025 · 4479324 · 4479324
1 parent 42e2bf6
commit 4479324
Show file tree

Hide file tree

Showing 16 changed files with 10 additions and 11 deletions.
diff --git a/frontend/public/android-chrome-192x192.png b/frontend/public/android-chrome-192x192.png
diff --git a/frontend/public/android-chrome-512x512.png b/frontend/public/android-chrome-512x512.png
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/assets/logo.png b/frontend/public/assets/logo.png
diff --git a/frontend/public/assets/logo.svg b/frontend/public/assets/logo.svg
diff --git a/frontend/public/assets/logo.webp b/frontend/public/assets/logo.webp
diff --git a/frontend/public/assets/logo_28.png b/frontend/public/assets/logo_28.png
diff --git a/frontend/public/assets/logo_400.png b/frontend/public/assets/logo_400.png
diff --git a/frontend/public/assets/logo_orig.png b/frontend/public/assets/logo_orig.png
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div class="background min-h-svh">
   <garuda-shell [menuItems]="items">
-    <img garudaShellBarStart ngSrc="assets/logo.png" width="28" height="28" alt="logo" />
+    <img garudaShellBarStart ngSrc="assets/logo_28.png" width="28" height="28" alt="logo" />
     <div class="mt-5" [@routerTransition]="prepareRoute(routerOutlet)">
       <router-outlet #routerOutlet="outlet"></router-outlet>
     </div>

diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
@@ -1,18 +1,18 @@
+import { NgOptimizedImage, registerLocaleData } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import localeEnGb from '@angular/common/locales/en-GB';
 import { Component, inject, OnInit } from '@angular/core';
+import { Meta } from '@angular/platform-browser';
 import { RouterModule, RouterOutlet } from '@angular/router';
+import { ShellComponent } from '@garudalinux/core';
 import TimeAgo from 'javascript-time-ago';
 import en from 'javascript-time-ago/locale/en.json';
-import { HttpClient } from '@angular/common/http';
-import { routeAnimations } from './app.routes';
-import { ShellComponent } from '@garudalinux/core';
 import { MenuItem } from 'primeng/api';
-import { NgOptimizedImage, registerLocaleData } from '@angular/common';
 import { ScrollTop } from 'primeng/scrolltop';
 import { APP_CONFIG } from '../environments/app-config.token';
 import { EnvironmentModel } from '../environments/environment.model';
-import localeEnGb from '@angular/common/locales/en-GB';
+import { routeAnimations } from './app.routes';
 import { FooterComponent } from './footer/footer.component';
-import { Meta } from '@angular/platform-browser';
 
 @Component({
   imports: [RouterModule, ShellComponent, NgOptimizedImage, ScrollTop, FooterComponent],
@@ -110,7 +110,7 @@ export class AppComponent implements OnInit {
     this.meta.addTag({ name: 'keywords', content: 'Chaotic-AUR, AUR, repository, Archlinux' });
     this.meta.addTag({ property: 'og:title', content: 'Chaotic-AUR - automated binary repo 👨🏻‍💻' });
     this.meta.addTag({ property: 'og:description', content: "Building packages for you, so you don't have to!" });
-    this.meta.addTag({ property: 'og:image', content: '/assets/logo.webp' });
+    this.meta.addTag({ property: 'og:image', content: '/assets/logo.png' });
     this.meta.addTag({ property: 'og:site_name', content: 'Chaotic-AUR' });
     this.meta.addTag({ property: 'og:url', content: 'https://aur.chaotic.cx' });
   }

diff --git a/frontend/src/app/home/home.component.html b/frontend/src/app/home/home.component.html
@@ -2,7 +2,7 @@
   <div class="surface-section mt-5 px-4 py-8 md:mt-10 md:px-6 lg:px-8">
     <div class="text-center">
       <img
-        ngSrc="assets/logo.png"
+        ngSrc="assets/logo.svg"
         alt="logo"
         class="mx-auto cursor-pointer"
         width="741"

diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -13,7 +13,6 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <link rel="sitemap" href="/sitemap-index.xml" />
-    <link href="https://avatars.githubusercontent.com" rel="preconnect" />
     <link href="https://builds.garudalinux.org" rel="preconnect" />
 
     <!-- Highlight-js-ngx requires these -->