ajuste

Author: Fabio Brasileiro

angular.json

@@ -16,19 +16,17 @@
             "outputPath": "dist/java-jungle",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "@angular/material/prebuilt-themes/indigo-pink.css",
-              "src/styles.css"
+              "src/styles.css",
+              "node_modules/aos/dist/aos.css"
             ],
-            "scripts": []
+            "scripts": [
+              "node_modules/aos/dist/aos.js"
+            ]
           },
           "configurations": {
             "production": {
@@ -75,20 +73,17 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "@angular/material/prebuilt-themes/indigo-pink.css",
-              "src/styles.css"
+              "src/styles.css",
+              "node_modules/aos/dist/aos.css"
             ],
-            "scripts": []
+            "scripts": [
+              "node_modules/aos/dist/aos.js"
+            ]
           }
         }
       }

package-lock.json

@@ -21,8 +21,11 @@
     "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
     "@fortawesome/angular-fontawesome": "^0.14.1",
+    "@types/aos": "^3.0.7",
     "angular-font-awesome": "^3.1.2",
+    "aos": "^2.3.4",
     "rxjs": "~7.8.0",
+    "taos": "^1.0.5",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"
   },
@@ -42,4 +45,4 @@
     "tailwindcss": "^3.4.1",
     "typescript": "~5.4.2"
   }
-}
+}

package.json

@@ -0,0 +1,8 @@
+@font-face {
+  font-family: "jungle";
+  src: url("../assets/fonts/Tribeca.ttf");
+}
+
+.jungle-font {
+  font-family: jungle;
+}

src/app/app.component.css

@@ -1,9 +1,24 @@
 import { ApplicationConfig } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import {
+  provideRouter,
+  withComponentInputBinding,
+  withInMemoryScrolling,
+  withViewTransitions,
+} from '@angular/router';
 
 import { routes } from './app.routes';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideHttpClient, withJsonpSupport } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes), provideAnimationsAsync()]
+  providers: [
+    provideRouter(
+      routes,
+      withViewTransitions(),
+      withComponentInputBinding(),
+      withInMemoryScrolling({scrollPositionRestoration: 'enabled'})
+    ),
+    provideAnimationsAsync(),
+    provideHttpClient(withJsonpSupport())
+  ],
 };