Hugging Face's logo

Spaces:
ddakou
/
dossiyadakou
Running

App Files Community
ddakou commited on
Commit
c814c81
·
verified ·
1 Parent(s): 269a488

Add the rubrlque of all section at the head of the website - Follow Up Deployment

Browse files
Files changed (3) hide show
  1. about.html +23 -9
  2. index.html +22 -20
  3. prompts.txt +4 -1
about.html CHANGED
@@ -56,16 +56,30 @@
56
  </div>
57
  </div>
58
  </nav>
59
- <nav class="border-b border-gray-800 py-4 px-6 md:px-12 lg:px-24 flex justify-between items-center">
60
- <a href="index.html" class="text-teal font-inter font-bold text-xl">Dossiya DAKOU</a>
61
- <div class="flex items-center space-x-6">
62
- <div class="flex space-x-4">
63
- <a href="#" class="text-teal hover:text-orange transition">EN</a>
64
- <a href="#" class="text-gray-500 hover:text-orange transition">FR</a>
65
- </div>
66
- <a href="contact.html" class="hidden md:block bg-orange text-onyx px-4 py-2 rounded-md hover:bg-opacity-90 transition">
67
- Contact / Book a call
68
  </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
69
  </div>
70
  </nav>
71
 
 
56
  </div>
57
  </div>
58
  </nav>
59
+ <nav class="sticky top-0 z-50 bg-onyx/90 backdrop-blur border-b border-gray-800 py-3 px-6 md:px-12 lg:px-24">
60
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
61
+ <a href="index.html" class="flex items-center space-x-2">
62
+ <span class="text-2xl font-inter font-bold text-green-300">Dossiya DAKOU</span>
 
 
 
 
 
63
  </a>
64
+ <div class="hidden md:flex space-x-2">
65
+ <a href="index.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Home</a>
66
+ <a href="about.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-orange font-medium">About</a>
67
+ <a href="experience.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Experience</a>
68
+ <a href="projects.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Projects</a>
69
+ <a href="awards.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Awards</a>
70
+ <a href="skills.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Skills</a>
71
+ <a href="contact.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Contact</a>
72
+ <a href="resume.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Resume</a>
73
+ </div>
74
+ <div class="flex items-center space-x-4">
75
+ <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-800">
76
+ <i class="fas fa-moon text-teal"></i>
77
+ </button>
78
+ <div class="flex items-center space-x-1 ml-4">
79
+ <a href="#" class="px-3 py-1 rounded-md bg-orange/10 text-orange hover:bg-orange/20">EN</a>
80
+ <a href="#" class="px-3 py-1 rounded-md hover:bg-gray-800">FR</a>
81
+ </div>
82
+ </div>
83
  </div>
84
  </nav>
85
 
index.html CHANGED
@@ -58,23 +58,25 @@
58
  <img src="/images/b19c12f6-0e3f-4f15-b9ff-b1b60d376b87.jpeg" alt="Dossiya DAKOU" class="h-12 w-12 rounded-full object-cover border-2 border-teal">
59
  <span class="text-2xl font-inter font-bold text-green-300">Dossiya DAKOU</span>
60
  </a>
61
- <div class="hidden md:flex space-x-2">
62
- <a href="index.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-orange font-medium">Home</a>
63
- <a href="about.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">About</a>
64
- <a href="experience.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Experience</a>
65
- <a href="projects.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Projects</a>
66
- <a href="awards.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Awards</a>
67
- <a href="skills.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Skills</a>
68
- <a href="contact.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Contact</a>
69
- <a href="resume.html" class="px-4 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Resume</a>
 
 
70
  </div>
71
  <div class="flex items-center space-x-4">
72
  <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-800">
73
  <i class="fas fa-moon text-teal"></i>
74
  </button>
75
  <div class="flex items-center space-x-1 ml-4">
76
- <a href="#" class="px-3 py-1 rounded-md bg-orange/10 text-orange hover:bg-orange/20">EN</a>
77
- <a href="#" class="px-3 py-1 rounded-md hover:bg-gray-800">FR</a>
78
  </div>
79
  </div>
80
  </div>
@@ -142,17 +144,17 @@
142
  <h2 class="text-4xl font-inter font-bold text-green-300 mb-12">Engineering Approach</h2>
143
  <div class="grid md:grid-cols-3 gap-12">
144
  <div class="bg-onyx p-8 rounded-lg">
145
- <span class="block text-orange mb-6 text-4xl"><i class="fas fa-leaf"></i></span>
146
  <h3 class="text-3xl font-inter text-teal mb-4">Sustainability-First</h3>
147
  <p class="text-xl">Design balancing technical feasibility and environmental/social impact</p>
148
  </div>
149
  <div class="bg-onyx p-8 rounded-lg">
150
- <span class="block text-orange mb-6 text-4xl"><i class="fas fa-brain"></i></span>
151
  <h3 class="text-3xl font-inter text-teal mb-4">AI-Enhanced</h3>
152
  <p class="text-xl">Applying ML for optimized energy systems and predictive maintenance</p>
153
  </div>
154
  <div class="bg-onyx p-8 rounded-lg">
155
- <span class="block text-orange mb-6 text-4xl"><i class="fas fa-hand-holding-heart"></i></span>
156
  <h3 class="text-3xl font-inter text-teal mb-4">Community-Centered</h3>
157
  <p class="text-xl">Solutions developed with and for local users, ensuring adoption</p>
158
  </div>
@@ -212,8 +214,8 @@
212
  <div>
213
  <h4 class="text-orange font-medium">Links</h4>
214
  <div class="flex space-x-4">
215
- <a href="https://www.linkedin.com/in/dossiya-dakou" class="text-main hover:text-orange transition"><i class="fab fa-linkedin"></i></a>
216
- <a href="https://dossiyadakou.vercel.app" class="text-main hover:text-orange transition"><i class="fas fa-globe"></i></a>
217
  </div>
218
  </div>
219
  </div>
@@ -486,10 +488,10 @@
486
  <p class="text-sm text-green-300 mt-1">Built with passion and Next.js & Tailwind CSS</p>
487
  </div>
488
  <div class="flex space-x-6">
489
- <a href="https://www.linkedin.com/in/dossiya-dakou" class="text-main hover:text-orange transition"><i class="fab fa-linkedin"></i></a>
490
- <a href="mailto:ddakou@asu.edu" class="text-main hover:text-orange transition"><i class="fas fa-envelope"></i></a>
491
- <a href="tel:+250796892820" class="text-main hover:text-orange transition"><i class="fas fa-phone"></i></a>
492
- <a href="https://dossiyadakou.vercel.app" class="text-main hover:text-orange transition"><i class="fas fa-globe"></i></a>
493
  </div>
494
  </div>
495
  </footer>
 
58
  <img src="/images/b19c12f6-0e3f-4f15-b9ff-b1b60d376b87.jpeg" alt="Dossiya DAKOU" class="h-12 w-12 rounded-full object-cover border-2 border-teal">
59
  <span class="text-2xl font-inter font-bold text-green-300">Dossiya DAKOU</span>
60
  </a>
61
+ <div class="hidden md:flex space-x-0">
62
+ <a href="index.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-orange font-medium">Home</a>
63
+ <a href="about.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">About</a>
64
+ <a href="experience.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Experience</a>
65
+ <a href="projects.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Projects</a>
66
+ <a href="awards.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Awards</a>
67
+ <a href="skills.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Skills</a>
68
+ <a href="education.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Education</a>
69
+ <a href="volunteering.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Volunteering</a>
70
+ <a href="contact.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Contact</a>
71
+ <a href="resume.html" class="px-3 py-2 rounded-lg hover:bg-gray-800 text-offwhite">Resume</a>
72
  </div>
73
  <div class="flex items-center space-x-4">
74
  <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-800">
75
  <i class="fas fa-moon text-teal"></i>
76
  </button>
77
  <div class="flex items-center space-x-1 ml-4">
78
+ <a href="#" class="px-2 py-1 rounded-md bg-orange/10 text-orange hover:bg-orange/20 text-sm">EN</a>
79
+ <a href="#" class="px-2 py-1 rounded-md hover:bg-gray-800 text-sm">FR</a>
80
  </div>
81
  </div>
82
  </div>
 
144
  <h2 class="text-4xl font-inter font-bold text-green-300 mb-12">Engineering Approach</h2>
145
  <div class="grid md:grid-cols-3 gap-12">
146
  <div class="bg-onyx p-8 rounded-lg">
147
+ <span class="block text-green-300 mb-6 text-4xl"><i class="fas fa-leaf"></i></span>
148
  <h3 class="text-3xl font-inter text-teal mb-4">Sustainability-First</h3>
149
  <p class="text-xl">Design balancing technical feasibility and environmental/social impact</p>
150
  </div>
151
  <div class="bg-onyx p-8 rounded-lg">
152
+ <span class="block text-green-300 mb-6 text-4xl"><i class="fas fa-brain"></i></span>
153
  <h3 class="text-3xl font-inter text-teal mb-4">AI-Enhanced</h3>
154
  <p class="text-xl">Applying ML for optimized energy systems and predictive maintenance</p>
155
  </div>
156
  <div class="bg-onyx p-8 rounded-lg">
157
+ <span class="block text-green-300 mb-6 text-4xl"><i class="fas fa-hand-holding-heart"></i></span>
158
  <h3 class="text-3xl font-inter text-teal mb-4">Community-Centered</h3>
159
  <p class="text-xl">Solutions developed with and for local users, ensuring adoption</p>
160
  </div>
 
214
  <div>
215
  <h4 class="text-orange font-medium">Links</h4>
216
  <div class="flex space-x-4">
217
+ <a href="https://www.linkedin.com/in/dossiya-dakou" class="text-green-300 hover:text-orange transition"><i class="fab fa-linkedin"></i></a>
218
+ <a href="https://dossiyadakou.vercel.app" class="text-green-300 hover:text-orange transition"><i class="fas fa-globe"></i></a>
219
  </div>
220
  </div>
221
  </div>
 
488
  <p class="text-sm text-green-300 mt-1">Built with passion and Next.js & Tailwind CSS</p>
489
  </div>
490
  <div class="flex space-x-6">
491
+ <a href="https://www.linkedin.com/in/dossiya-dakou" class="text-green-300 hover:text-orange transition"><i class="fab fa-linkedin"></i></a>
492
+ <a href="mailto:ddakou@asu.edu" class="text-green-300 hover:text-orange transition"><i class="fas fa-envelope"></i></a>
493
+ <a href="tel:+250796892820" class="text-green-300 hover:text-orange transition"><i class="fas fa-phone"></i></a>
494
+ <a href="https://dossiyadakou.vercel.app" class="text-green-300 hover:text-orange transition"><i class="fas fa-globe"></i></a>
495
  </div>
496
  </div>
497
  </footer>
prompts.txt CHANGED
@@ -883,4 +883,7 @@ turn light gray to green light
883
  color gray to green light
884
  Blue to green light
885
  all pages must be in french and english take yout time to do step by step all
886
- the option of french not work
 
 
 
 
883
  color gray to green light
884
  Blue to green light
885
  all pages must be in french and english take yout time to do step by step all
886
+ the option of french not work
887
+ change the color of all icones to green light
888
+ I need the rubrique of all sections at the head of the website
889
+ Add the rubrlque of all section at the head of the website