Implement minimalist static personal website for humanities + AI researcher with custom domain

[Copilot]

Static portfolio site for humanities-trained researcher in computational linguistics, NLP, and African language technology. Zero dependencies, GitHub Pages compatible. Pre-configured for deployment to custom domain adamu.tech.

Structure

• Homepage: Positioning statement, featured projects, recent writing, social links
• Writing: Blog with multilingual support (EN/FR/HA/FF) and proper lang attributes for accessibility
• Projects: Portfolio pages optimized for recruiters (problem/solution/impact format)
• CV: Web-native resume with print-friendly layout (@media print)
• Contact: Professional contact page

Technical

• Semantic HTML5, mobile-first CSS (breakpoints: 768px, 480px)
• Typography: Georgia serif body, system sans-serif headings, max-width 720px
• Assets: 12KB CSS + 4.2KB vanilla JS (smooth scroll, filters, nav highlighting)
• Accessibility: WCAG contrast, semantic elements, multilingual lang attributes
• SEO: Meta descriptions on all pages

Example: Multilingual Content

<div class="multilingual-content" lang="ha">
  <p class="lang-indicator">Hausa</p>
  <p>Shekaru da yawa, al'adun wallafe-wallafen Afirka...</p>
</div>

Multilingual sections use proper ISO 639-1 language codes for screen reader support.

Deployment

Pre-configured with CNAME file for custom domain adamu.tech. Includes comprehensive deployment guides for GitHub Pages:

• QUICK_DEPLOY.md: 4-step deployment guide with DNS configuration, visual flow diagrams and checklist
• DEPLOYMENT.md: Complete deployment documentation covering GitHub Pages setup, custom domain configuration, DNS settings, troubleshooting, and maintenance

Site can be deployed to adamu.tech by:

1. Configuring DNS A records at domain registrar
2. Merging to main and enabling GitHub Pages
3. Waiting for DNS propagation (5-30 minutes)

All URLs in documentation updated to reflect custom domain deployment.

Original prompt

Design and implement a clean, minimalist, and professional static personal website hosted on GitHub Pages. The site will position the owner as a humanities-trained researcher working at the intersection of languages, literature, and AI (LLMs, NLP). It serves as a portfolio, writing space, CV/resume hub, and professional contact point. The entire website must be lightweight, fast, fully static, and exclusively focus on HTML5, CSS, and optional vanilla JavaScript. The site should have support for multiple languages, markdown-like readability, and be optimized for recruiters and professional visibility. The site structure will include sections for writing, projects, CV, and contact details. The following files should be created:

• index.html: Homepage with positioning statement, CTAs, a short bio, featured projects, recent writings, and social links.
• writing/index.html: Entry point for writing samples.
• writing/sample-post.html: A template post in long-form typography with multilingual support (English, French, Hausa, Fulfulde).
• projects/index.html: Portfolio entry point to showcase AI/LLM-related work.
• projects/sample-project.html: Template project displaying problem, tools, role, and impact optimized for recruiters.
• cv/index.html: Web-native CV with printable layout.
• contact/index.html: Contact page with professional links.
• assets/css/style.css: Minimalist style focusing on accessibility, strong spacing, and hierarchy. Mobile-first design with contrast.
• assets/js/main.js: Optional JavaScript for interactive filters or features.

The design should include semantic HTML, a maximum width of ~720px, serif body fonts, sans-serif heading fonts, strong spacing, accessible contrast, and proper typography for readability. Social links, a PDF download placeholder for the CV, and basic SEO meta descriptions are required. The website structure must adhere to GitHub Pages' compatibility.

This pull request was created as a result of the following prompt from Copilot chat.

Design and implement a clean, minimalist, and professional static personal website hosted on GitHub Pages. The site will position the owner as a humanities-trained researcher working at the intersection of languages, literature, and AI (LLMs, NLP). It serves as a portfolio, writing space, CV/resume hub, and professional contact point. The entire website must be lightweight, fast, fully static, and exclusively focus on HTML5, CSS, and optional vanilla JavaScript. The site should have support for multiple languages, markdown-like readability, and be optimized for recruiters and professional visibility. The site structure will include sections for writing, projects, CV, and contact details. The following files should be created:

• index.html: Homepage with positioning statement, CTAs, a short bio, featured projects, recent writings, and social links.
• writing/index.html: Entry point for writing samples.
• writing/sample-post.html: A template post in long-form typography with multilingual support (English, French, Hausa, Fulfulde).
• projects/index.html: Portfolio entry point to showcase AI/LLM-related work.
• projects/sample-project.html: Template project displaying problem, tools, role, and impact optimized for recruiters.
• cv/index.html: Web-native CV with printable layout.
• contact/index.html: Contact page with professional links.
• assets/css/style.css: Minimalist style focusing on accessibility, strong spacing, and hierarchy. Mobile-first design with contrast.
• assets/js/main.js: Optional JavaScript for interactive filters or features.

The design should include semantic HTML, a maximum width of ~720px, serif body fonts, sans-serif heading fonts, strong spacing, accessible contrast, and proper typography for readability. Social links, a PDF download placeholder for the CV, and basic SEO meta descriptions are required. The website structure must adhere to GitHub Pages' compatibility.

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
adab-tech-github-io	Ready	Preview, Comment	Dec 14, 2025 6:31pm

[adab-tech]

@copilot show how to deploy

[Copilot]

@copilot show how to deploy

🚀 Deployment Guide (commit 38da9e4)

I've added two deployment guides:

• QUICK_DEPLOY.md - 3-step fast track deployment
• DEPLOYMENT.md - Comprehensive deployment documentation

Quick Deployment (3 Steps):

Step 1: Merge to Main

git checkout main
git merge copilot/create-static-personal-website
git push origin main

Step 2: Enable GitHub Pages

1. Go to: https://github.com/adab-tech/adab-tech.github.io/settings/pages
2. Under Source, select: Deploy from a branch
3. Under Branch, select: main and / (root)
4. Click Save

Step 3: Access Your Site
Wait 1-2 minutes, then visit: https://adab-tech.github.io/

---

Alternative (Test Before Merging):

You can deploy the current branch directly:

1. In Settings → Pages, select branch: copilot/create-static-personal-website
2. Select folder: / (root) and Save
3. Site will be live at same URL for testing

All pages will be accessible:

• Homepage: /
• Writing: /writing/
• Projects: /projects/
• CV: /cv/
• Contact: /contact/

See the guides for troubleshooting, custom domains, and advanced options.

[adab-tech]

@copilot how to merge to main?

[Copilot]

@copilot how to merge to main?

Merging to Main Branch

You have two options:

Option 1: Via GitHub Web Interface (Easiest)

1. Go to the PR page: https://github.com/adab-tech/adab-tech.github.io/pull/[PR_NUMBER]
2. Click the green "Merge pull request" button
3. Click "Confirm merge"
4. Done! The changes are now in main

Option 2: Via Command Line

# Switch to main branch
git checkout main

# Pull latest changes
git pull origin main

# Merge the feature branch
git merge copilot/create-static-personal-website

# Push to GitHub
git push origin main

After merging either way, enable GitHub Pages in Settings → Pages (select main branch, / (root) folder) and your site will be live at https://adab-tech.github.io/ in 1-2 minutes.

Recommendation: Use Option 1 (GitHub web interface) - it's simpler and automatically closes the PR.

[adab-tech]

@copilot # Switch to main branch
git checkout main

Pull latest changes

git pull origin main

Merge the feature branch

git merge copilot/create-static-personal-website

Push to GitHub

git push origin main

[adab-tech]

@copilot so fix problem with my site

[Copilot]

@copilot so fix problem with my site

I'd be happy to help! Could you please provide more details about the problem you're experiencing?

For example:

• Is the site not loading at all?
• Are specific pages showing 404 errors?
• Is the CSS/styling not displaying correctly?
• Are navigation links not working?
• Is there an issue with GitHub Pages deployment?
• Is something else not working as expected?

Please share:

1. What problem you're seeing
2. What URL you're accessing
3. Any error messages (if any)

This will help me identify and fix the specific issue.

[Copilot]

Pull request overview

This PR implements a comprehensive static personal website for a humanities-trained researcher specializing in computational linguistics, NLP, and African language technology. The site is built using semantic HTML5, custom CSS, and vanilla JavaScript, optimized for GitHub Pages deployment with zero external dependencies.

Key Changes

• Complete website structure with homepage, writing section, projects portfolio, CV, and contact pages featuring multilingual content support (English, French, Hausa, Fulfulde)
• Lightweight assets totaling only 16.2KB (12KB CSS + 4.2KB JS) with mobile-first responsive design and WCAG-compliant accessibility features
• Comprehensive deployment documentation including quick-start guide and full deployment instructions for GitHub Pages

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
index.html	Homepage with positioning statement, featured projects, recent writing, and social links
writing/index.html	Writing section landing page listing blog posts and articles
writing/sample-post.html	Multilingual sample article demonstrating support for EN/FR/HA/FF with proper lang attributes
projects/index.html	Portfolio landing page showcasing NLP and language technology projects
projects/sample-project.html	Detailed project page for Hausa Language Explorer with recruiter-optimized format
cv/index.html	Web-native CV with print-friendly layout and comprehensive experience sections
contact/index.html	Professional contact page with availability information and social links
assets/css/style.css	Comprehensive stylesheet with mobile-first responsive design, print styles, and accessibility features
assets/js/main.js	Vanilla JavaScript for smooth scrolling, navigation highlighting, filtering, and copy-to-clipboard functionality
QUICK_DEPLOY.md	Fast-track 3-step deployment guide with visual flow diagrams
DEPLOYMENT.md	Complete deployment documentation covering GitHub Pages setup and troubleshooting

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[adab-tech]

@copilot first, let us go back to the initial portfolio site and redeploy it to adamu.tech

[Copilot]

@copilot first, let us go back to the initial portfolio site and redeploy it to adamu.tech

I can help you set up deployment to your custom domain adamu.tech.

To clarify: Do you want to:

1. Keep the new personal website I created and deploy it to adamu.tech, OR
2. Revert to the Hausa Explorer site (hausa_explorer.html) and deploy that to adamu.tech?

For either option, here's how to set up the custom domain:

Custom Domain Setup for adamu.tech

Step 1: Create CNAME file
Add a file named CNAME (no extension) in the repository root with content:

adamu.tech

Step 2: Configure DNS at your domain registrar
Add these DNS records:

• A records (for apex domain):
  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153
• CNAME record (for www subdomain):
  • www → adab-tech.github.io

Step 3: Enable in GitHub Pages

1. Go to Settings → Pages
2. Under "Custom domain", enter adamu.tech
3. Click Save

Let me know which option you prefer and I can help implement it.

[adab-tech]

@copilot go to my repository, it is the portfolio that we are going to publish

[Copilot]

@copilot go to my repository, it is the portfolio that we are going to publish

Perfect! The personal website portfolio is ready to deploy to adamu.tech.

I see a CNAME file already exists with your custom domain. Here's what you need to do:

1. Configure DNS (at your domain registrar)

Add these DNS records for adamu.tech:

• A records (for apex domain):
  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153

2. Merge and Deploy

git checkout main
git merge copilot/create-static-personal-website
git push origin main

3. Enable GitHub Pages

1. Go to: https://github.com/adab-tech/adab-tech.github.io/settings/pages
2. Source: main branch, / (root) folder
3. Custom domain: adamu.tech (should auto-populate from CNAME)
4. Click Save
5. Check "Enforce HTTPS" after DNS propagates (5-10 minutes)

Your portfolio will be live at https://adamu.tech/ with all sections:

• Homepage: https://adamu.tech/
• Writing: https://adamu.tech/writing/
• Projects: https://adamu.tech/projects/
• CV: https://adamu.tech/cv/
• Contact: https://adamu.tech/contact/

DNS propagation typically takes 5-30 minutes.