-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
26 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
|
|
||
| <!-- SEO Meta Tags --> | ||
| <meta name="description" content="Empowering businesses with actionable insights and accessible data visualisation. Guy Orlov, Data Analyst and Accessibility Expert in the West Midlands."/> | ||
| <meta name="description" content="Empowering businesses with actionable insights and accessible data visualisation. Guy Orlov, Data Analyst and Accessibility Expert in the West Midlands." /> | ||
| <meta name="author" content="Guy Orlov" /> | ||
| <meta name="keywords" content="Data Analyst, Accessibility Expert, Data Visualisation, Dashboards, West Midlands, Guy Orlov, Business Insights, Data Analytics Services, Power BI, Excel, Inclusive Data" /> | ||
|
|
||
| <!-- Open Graph (OG) Meta Tags for Social Media Sharing --> | ||
| <meta property="og:title" content="Guy Orlov | Data Analyst & Accessibility Expert | West Midlands" /> | ||
| <meta property="og:description" content="Unlock the power of accessible data with Guy Orlov. Transform data into actionable insights with inclusive and visually engaging dashboards." /> | ||
| <meta property="og:image" content="img/profile.jpg" /> | ||
| <meta property="og:url" content="https://guyorlov.com" /> | ||
| <meta property="og:image" content="img/profile.jpg" /> | ||
| <meta property="og:url" content="https://guyorlov.com" /> | ||
| <meta property="og:type" content="website" /> | ||
|
|
||
| <!-- Twitter Card Meta Tags --> | ||
| <meta name="twitter:card" content="summary_large_image" /> | ||
| <meta name="twitter:title" content="Guy Orlov | Data Analyst | Accessibility & Dashboards" /> | ||
|
|
@@ -27,36 +28,16 @@ | |
|
|
||
| <!-- Favicon --> | ||
| <link rel="icon" type="image/x-icon" href="favicon.ico" /> | ||
|
|
||
| <!-- Font Awesome icons (free version) --> | ||
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet"> | ||
|
|
||
| <!-- Google Fonts --> | ||
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> | ||
|
|
||
| <!-- Core Theme CSS (includes Bootstrap) --> | ||
| <link href="css/styles.css" rel="stylesheet" /> | ||
|
|
||
| <!-- Structured Data (JSON-LD) for Rich Snippets --> | ||
| <script type="application/ld+json"> | ||
| { | ||
| "@context": "https://schema.org", | ||
| "@type": "Person", | ||
| "name": "Guy Orlov", | ||
| "jobTitle": "Data Analyst and Accessibility Expert", | ||
| "address": { | ||
| "@type": "PostalAddress", | ||
| "addressLocality": "West Midlands", | ||
| "addressCountry": "UK" | ||
| }, | ||
| "email": "[email protected]", | ||
| "url": "https://guyorlov.com", | ||
| "sameAs": [ | ||
| "https://www.linkedin.com/in/guy-orlov", | ||
| ] | ||
| } | ||
| </script> | ||
|
|
||
| </head> | ||
|
|
||
| <body id="page-top" class="home-page"> | ||
|
|
@@ -346,37 +327,27 @@ <h2>Ready to Gain Insights from Your Data?</h2> | |
| </div> | ||
| </section> | ||
|
|
||
| <!-- JavaScript to load the navigation and handle modal --> | ||
| <!-- Bootstrap JS --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | ||
|
|
||
| <!-- Load Testimonials Dynamically (optional, can be omitted) --> | ||
| <script> | ||
| // Load the navigation dynamically from nav.html | ||
| fetch('/nav.html') | ||
| .then(response => response.text()) | ||
| // Load testimonials from a JSON file or another source | ||
| fetch('/data/testimonials.json') | ||
| .then(response => response.json()) | ||
| .then(data => { | ||
| document.getElementById('navbar-placeholder').innerHTML = data; | ||
| const testimonialsContainer = document.getElementById('testimonials-container'); | ||
| data.forEach(testimonial => { | ||
| const testimonialElement = document.createElement('div'); | ||
| testimonialElement.classList.add('testimonial'); | ||
| testimonialElement.innerHTML = ` | ||
| <p class="lead">"${testimonial.text}"</p> | ||
| <p><strong>- ${testimonial.author}</strong></p> | ||
| `; | ||
| testimonialsContainer.appendChild(testimonialElement); | ||
| }); | ||
| }); | ||
|
|
||
| // Bootstrap modal event listener | ||
| const imageModal = document.getElementById('imageModal'); | ||
| imageModal.addEventListener('show.bs.modal', function (event) { | ||
| const button = event.relatedTarget; // Button that triggered the modal | ||
| const imgSrc = button.getAttribute('data-bs-img'); // Extract info from data-* attributes | ||
| const modalImage = imageModal.querySelector('#modalImage'); | ||
| console.log('Modal Image Source:', imgSrc); // Debugging log | ||
| modalImage.src = imgSrc; // Update the modal's content | ||
| }); | ||
|
|
||
| // Function to filter projects based on tag selection | ||
| function filterProjects(tag) { | ||
| const projects = document.querySelectorAll('.project'); | ||
| projects.forEach(project => { | ||
| if (tag === 'all' || project.classList.contains(tag)) { | ||
| project.style.display = 'block'; | ||
| } else { | ||
| project.style.display = 'none'; | ||
| } | ||
| }); | ||
| } | ||
| </script> | ||
| </body> | ||
| </body> | ||
|
|
||
| </html> | ||