add: changelog; change: coming soon, Styling, navbar styling

This commit is contained in:
danielvici123
2025-11-21 17:24:33 +01:00
parent 62c3513d67
commit 595f66d9d6
13 changed files with 160 additions and 17 deletions

View File

@@ -1,4 +1,4 @@
<div>
<div class="rounded-lg shadow-md p-6 max-w-2xl mx-auto ">
<div class="mb-8">
<app-custom-title
text="Password Generator"
@@ -6,7 +6,7 @@
fontWeight="bold"
></app-custom-title>
</div>
<div class="bg-zinc-800 rounded-lg shadow-md p-6">
<div class="bg-zinc-800 rounded-lg shadow-md p-6 max-w-2xl mx-auto ">
<app-custom-description
descriptionText="Generate secure passwords with customizable options. For maximum security, it's recommend to:"
[additionalListEnabled]="true"

View File

@@ -1,4 +1,4 @@
<div class="px-8 text-white">
<div class="rounded-lg shadow-md p-6 max-w-2xl mx-auto">
<div class="mx-auto">
<div class="mb-8">
<app-custom-title

View File

@@ -0,0 +1,59 @@
<div class="rounded-lg shadow-md p-6 max-w-2xl mx-auto">
<div class="mb-8">
<app-custom-title
text="Changelog"
[textSizeInPx]="36"
fontWeight="bold"
></app-custom-title>
</div>
<div class="bg-zinc-800 rounded-lg shadow-md p-6 max-w-2xl mx-auto gap-4">
<p>Changes that have been made:</p>
<div class="mt-4"> <!-- Version 0.3.0-->
<app-custom-title
text="Version 0.3.0"
[textSizeInPx]="24"
fontWeight="bold"
></app-custom-title>
<ul class="list-disc pl-10 mt-2 space-y-2 mt-2 text-gray-300">
<li>Site remade in Angular 20</li>
<li>Settings Tab removed</li>
<li>Text in <a routerLink="/coming-soon" class="text-blue-500 hover:text-blue-600">Coming soon</a> changed</li>
</ul>
</div>
<div class="mt-4"><!-- Version 0.2.0 -->
<app-custom-title
text="Version 0.2.0"
[textSizeInPx]="24"
fontWeight="bold"
></app-custom-title>
<ul class="list-disc pl-10 mt-2 space-y-2 text-gray-300">
<li>Added Settings and Changelog pages</li>
<li>Color Converter added</li>
<li>Enhanced QR code generator</li>
<li>Currency converter added</li>
<li>Number Converter added</li>
<li>Scientific Calculator added</li>
<li>Removed bookmarked websites feature</li>
<li>Updated navigation structure</li>
</ul>
</div>
<div class="mt-4"> <!-- Version 0.1.0-->
<app-custom-title
text="Version 0.1.0"
[textSizeInPx]="24"
fontWeight="bold"
></app-custom-title>
<ul class="list-disc pl-10 mt-2 space-y-2 mt-2 text-gray-300">
<li>Initial release</li>
<li>Added basic tools: Password Generator, QR Code Generator</li>
<li>Added converters: Number, Color, Currency</li>
<li>Added Scientific Calculator</li>
<li>Basic website layout and navigation</li>
</ul>
</div>
</div>
</div>

View File

@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Changelog } from './changelog';
describe('Changelog', () => {
let component: Changelog;
let fixture: ComponentFixture<Changelog>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [Changelog]
})
.compileComponents();
fixture = TestBed.createComponent(Changelog);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@@ -0,0 +1,13 @@
import { Component } from '@angular/core';
import { CustomTitle } from "../../../components/custom-title/custom-title";
import { RouterLink } from "@angular/router";
@Component({
selector: 'app-changelog',
imports: [CustomTitle, RouterLink],
templateUrl: './changelog.html',
styleUrl: './changelog.css',
})
export class Changelog {
}

View File

@@ -1,4 +1,4 @@
<div>
<div class="rounded-lg shadow-md p-6 max-w-2xl mx-auto">
<div class="mb-8">
<app-custom-title
text="Coming Soon"
@@ -7,6 +7,7 @@
></app-custom-title>
</div>
<div class="bg-zinc-800 rounded-lg shadow-md p-6 max-w-2xl mx-auto">
<div class="text-gray-300">
<p>This project is maintained and developed by
@@ -18,9 +19,28 @@
Instead, I add new tools and functions when I have a good idea and the time allows.
</p>
</div>
<div class="mt-4">
<app-custom-title
text="Version 0.4.0"
[textSizeInPx]="24"
fontWeight="bold"
></app-custom-title>
<div class="ml-4">
<h3>New Tool(s):</h3>
<ul class="list-disc pl-10 mt-2 space-y-2 text-gray-300">
<li>Document Converter - changes format of documents</li>
<li>Random Generator - generates random numbers or selects a randing string from a input</li>
<li>Date Converter - converts date formats</li>
<li>Text Case Converter - converts text to upper, lower or title case</li>
</ul>
</div>
<hr class="my-4 border-gray-400">
<div class="bg-blue-900/20 rounded-lg p-6 border border-blue-800 mt-4">
<h3 class="text-xl font-bold text-blue-400 mb-2">Want to suggest a feature?</h3>
<div class="ml-2">
<div class="ml-4">
<p>Feel free to give me feedback or suggestions for the project! I welcome any suggestions, feedback or features.</p>
<ul class="ml-2 mt-2">
<li>- <a href="https://wsdaniel.notion.site/1f5dcb62b3ee80c38fa0fa5e872e78a0?pvs=105" class="text-blue-500 hover:text-blue-600"> Notion Form</a></li>

View File

@@ -1,4 +1,4 @@
<div class="text-white">
<div class="max-w-7xl mx-auto space-y-12">
<div class="mb-6">
<app-custom-title
[textSizeInPx]="24"