← Projects
01 / 06 - HTML · CSS · JavaScript

Corporate Website
Rework

Static corporate website redesign with RU/EN localization, dark/light theme, responsive layout, interactive 3D network visualization, security headers and SEO files.

HTMLCSS JavaScriptWebGL i18nSecurity Headers
Overview

What it does

A complete redesign of a telecom company website. Built as a fully static site - no server-side rendering, no CMS - deployed directly via web hosting with all interactivity handled in vanilla JS.

The 3D network visualization is an interactive WebGL-based topology display built without external libraries. Security hardening includes strict CSP, X-Frame-Options, HSTS and a security.txt contact file.

Features

Key capabilities

01
Bilingual content
Full RU/EN i18n system with localStorage persistence. All text switched instantly without a page reload.
02
Dark / Light theme
System preference detection on first load. Smooth CSS variable transitions, persisted across sessions.
03
Responsive layout
Mobile-first design across all breakpoints. Fluid grids, scalable type, touch-friendly navigation.
04
3D network visualization
Interactive WebGL topology display showing network infrastructure. Mouse-controlled rotation and zoom.
05
Security hardening
CSP, X-Frame-Options, HSTS headers. sitemap.xml, robots.txt, security.txt. Optimized meta tags for SEO.
Architecture

Project structure

tree
site/
├── index.html
├── assets/
│   ├── main.css         # CSS variables, layout, components
│   ├── main.js          # i18n engine, theme, nav, animations
│   └── network3d.js     # WebGL network visualization
├── images/
├── sitemap.xml
├── robots.txt
└── security.txt
Security

Server headers

nginx
Content-Security-Policy: default-src 'self'; ...
X-Frame-Options: DENY
X-Content-Type-Options: nosniff
Strict-Transport-Security: max-age=31536000
Referrer-Policy: strict-origin-when-cross-origin