tudor.stanciu/bitip
tudor.stanciu/bitip
1
0
Fork 0
mirror of https://dev.azure.com/tstanciu94/PhantomMind/_git/Bitip synced 2025-10-13 01:52:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: update branding with new favicon and logo, enhance visual identity in application

Browse Source
This commit is contained in:
Tudor Stanciu 2025-10-05 20:40:54 +03:00
parent 078c41ef75
commit 2021b5d651
9 changed files with 75 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
content/ReleaseNotes.json
View File

@ -1,5 +1,48 @@
{
"releases": [
{
"version": "1.0.3",
"date": "2025-10-05T16:30:00Z",
"title": "Branding & Visual Identity",
"summary": "Added favicon and logo to enhance the application's visual identity and brand recognition.",
"sections": [
{
"title": "Overview",
"content": "Version 1.0.3 introduces visual branding elements to the application. The new favicon provides easy tab identification in the browser, while the logo in the header reinforces the application's identity and creates a more polished, professional appearance."
},
{
"title": "Visual Enhancements",
"items": [
"**Favicon** - Custom favicon displays in browser tabs and bookmarks for easy identification",
"**Header Logo** - Bitip logo appears in the application header for brand recognition",
"**Consistent Branding** - Visual elements maintain cohesive design language",
"**Professional Appearance** - Polished look with branded assets throughout the UI",
"**Base Path Support** - Logo and favicon URLs respect configured base path for flexible deployment"
]
},
{
"title": "Technical Implementation",
"items": [
"Added `favicon.png` to `src/frontend/public/` directory",
"Added `logo.png` to `src/frontend/public/` directory",
"Updated `index.html` with favicon link using `%BASE_URL%` placeholder",
"Integrated logo in `App.tsx` header with `config.BASE_PATH` for dynamic path resolution",
"Vite automatically replaces `%BASE_URL%` at build time for correct asset paths",
"Both assets served from public directory in development and production builds"
]
},
{
"title": "Asset Details",
"items": [
"**Favicon Format** - PNG format with standard dimensions for browser compatibility",
"**Logo Placement** - Positioned prominently in application header",
"**Path Handling** - Uses environment-aware BASE_PATH configuration",
"**Build Process** - Assets copied to dist during production build",
"**Static Serving** - Backend serves public assets correctly in both dev and prod modes"
]
}
]
},
{
"version": "1.0.2",
"date": "2025-10-05T15:00:00Z",

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "bitip",
"version": "1.0.2",
"version": "1.0.3",
"description": "Bitip - GeoIP Lookup Service with REST API and Web Interface",
"main": "dist/backend/index.js",
"scripts": {

2
src/backend/package.json
View File

@ -1,6 +1,6 @@
{
"name": "bitip-backend",
"version": "1.0.2",
"version": "1.0.3",
"description": "Bitip Backend - GeoIP REST API Service",
"type": "module",
"main": "dist/index.js",

2
src/frontend/index.html
View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="%BASE_URL%vite.svg" />
<link rel="icon" href="%BASE_URL%favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bitip - GeoIP Lookup Service</title>
<meta

2
src/frontend/package.json
View File

@ -1,6 +1,6 @@
{
"name": "bitip-frontend",
"version": "1.0.2",
"version": "1.0.3",
"description": "Bitip Frontend - GeoIP Web Interface",
"type": "module",
"scripts": {

BIN
src/frontend/public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
src/frontend/public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

14
src/frontend/src/App.css
View File

@ -50,6 +50,16 @@ body {
font-weight: 700;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.header h1 .logo {
height: 3.5rem;
width: auto;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
.header p {
@ -133,6 +143,10 @@ body {
font-size: 2.5rem;
}
.header h1 .logo {
height: 2.8rem;
}
.header p {
font-size: 1rem;
}

20
src/frontend/src/App.tsx
View File

@ -1,11 +1,12 @@
import React, { useEffect, useState } from 'react';
import { Routes, Route, NavLink } from 'react-router-dom';
import Home from './pages/Home.js';
import Overview from './pages/Overview.js';
import ReleaseNotes from './pages/ReleaseNotes.js';
import ExternalLinks from './components/ExternalLinks.js';
import BitipAPI from './services/api.js';
import Home from './pages/Home';
import Overview from './pages/Overview';
import ReleaseNotes from './pages/ReleaseNotes';
import ExternalLinks from './components/ExternalLinks';
import BitipAPI from './services/api';
import './App.css';
import config from '@/services/config';
interface VersionInfo {
version: string;
@ -36,7 +37,14 @@ const App: React.FC = () => {
<header className="header">
<ExternalLinks />
<div className="header-content">
<h1>🌍 Bitip</h1>
<h1>
<img
src={`${config.BASE_PATH}logo.png`}
alt="Bitip Logo"
className="logo"
/>
Bitip
</h1>
<p>Professional GeoIP Lookup Service</p>
</div>
<nav className="nav">