ntacv / ntacv.github.io

Main website for testing and production

ntacv.github.io

Main website for testing and production on ntacv

Version v0.2.0

Figma

FigmaAI is out

Inspi

• Template Xfolio

• Variables: fonts, colors, gradients, sizes, themes

• Components: texts, buttons, cards, headers, navbars, sections

• Variants: for content completion

• UX: sitemap, wireframe, persona

• Design: page layouts, illustrations

• Compare storyboard with op

Versions

Using tags for version reference: vX.Y.Z notation with the following:

• X will be increased on major changes (on rebranding, or major changes in the website structure, etc.)
• Y on minor changes (new features, new pages, etc.)
• Z for hotfixes (bug fixes, color changes, etc.)

v0.1.0

Start counting versions: basic site, wrong architecture, few content...

v0.2.0

Added Photography section with mosaic gallery.

Deployment

check vercel, cloudflare check github workflow op (yml for lint build test deploy)

• CI for unit tests (tap test, vitest) having a subdomain in full HTML

TODO

language cv comp assembler (avr dude)

1. proper figma (with components)
2. create components (flexbox for autolayout)
3. écouter sara !!
4. code components
5. code lang and project
6. vlogs to yt
7. archives (site 2018 2022, perso archi)
8. cv link and auto fill (update cms?)
9. Playbook portfolio mis en avant
10. Custom socials list (large left icon, right {name, desc: how I use it})
11. add language support (multilang, fr,en)
12. SEO (meta, sitemap.xml, robots.txt) opti SSR SSG (nextjs) articles esilv & medium

Projet Sara next js and tailwind UI. PayloadCms

• Grapho78 (mouse hover mask)

Search: Flask, Dash py, Angular, SwiftEmbd

Improvements

• dark and color theme
• change color theme on refresh
• pwa with offline feat
• translation to fr,es, cn
• redesign for cn and cn vertical

Generate files with plop and moustache js maybe generate project pages

Sitemap

3 categories: ingé, code, design.

1. profil (about me, cv, contact) simple first screen (hero), quantum second heightscreen, coding lines
2. content, productions (photos, vlogs, logos, chartes, articles)
3. projects, archives (websites, games), articles esilv embed Playbook ? or api ? same for insta vlogs embed?

inspi

Angular scroll animation (28/06/24)

Hassan Bolajraf

Richard Hanrick

CriticalByDesign

DesignSpells

Sarah Garcin - webGuideFrugal

ntacv.github.io's Issues

Entry animation

• recenter the atom
• change the middle text and link
• verify functions position responsive
• make a responsive animation

element card background gradient

when an img is on the element, the gradient is correct. If the image src is wrong the size stays the same with the gradient appearing.

Todo
if no src -> change size if card
if wrong source > search for a fix

if no fix, change gradient

Design Figma

menu

types of menu

• side transparent middle bar (desktop) appear from left burger (mobile)
• bottom bar Name(Desktop)Icon(Mobile)

Photo Mosaic presentation

recode the photo mosaic gallery for responsive and no glitch