templates/website/parts/footer.html.twig line 1

  1. <footer>
  2.     <div class="foot">
  3.         <div>
  4.             <b>Contact</b>
  5.             <p class="lead" style="margin:.4rem 0 0 0">vrshikyanstests@gmail.com</p>
  6.             <p class="lead" style="margin:.2rem 0 0 0">made by artyom19032008@gmail.com</p>
  7.         </div>
  8.         <div>
  9.             <b>Vrshikyans</b>
  10.             <p class="lead" style="margin:.4rem 0 0 0">Yerevan • Since 2025</p>
  11.             <small>© <span id="year"></span> Vrshikyans — All rights reserved.</small>
  12.         </div>
  13.     </div>
  14. </footer>
  16. <script>
  17.     // DATA: students as objects (edit this to add/remove students)
  18.         const STUDENT_CARDS = [
  19.             {
  20.                 name: 'Artyom H.',
  21.                 photo: 'students/Tyom.jpg',
  22.                 alt: 'Ani, Vrshikyans student with a high TOEFL score',
  23.                 score: 'SAT math 800/800',
  24.                 tests: 'SAT(Verbal --, Math 800)',
  25.                 blurb: 'Started with basic knoweledge in math and weak English, and after a year reached excellent scores in both SAT and TOEFL'
  26.             },
  27.             {
  28.                 name: 'Arman V.',
  29.                 photo: 'students/student_arman.jpg',
  30.                 alt: 'Arman, SAT and TOEFL student at Vrshikyans',
  31.                 score: 'SAT — 1520 / 1600',
  32.                 tests: 'Math 790 • R&W 730',
  33.                 blurb: 'Balances school, olympiads and prep. Uses the SAT & TOEFL tests here to simulate real exam mornings and track every improvement.'
  34.             },
  35.             {
  36.                 name: 'Maria K.',
  37.                 photo: 'students/student_maria.jpg',
  38.                 alt: 'Maria, IELTS student',
  39.                 score: 'IELTS Academic — 8.0',
  40.                 tests: 'L 8.5 • R 8.0 • W 7.5 • S 8.0',
  41.                 blurb: 'Practises reading and listening on the platform, then refines writing and speaking with targeted feedback from Ms Hasmik.'
  42.             },
  43.             {
  44.                 name: 'Davit S.',
  45.                 photo: 'students/student_davit.jpg',
  46.                 alt: 'Davit, ACT student',
  47.                 score: 'ACT — 33 / 36',
  48.                 tests: 'English • Reading • Science',
  49.                 blurb: 'Uses the calm exam-style layout to practise full ACT sets without distractions, focusing on timing and accuracy in Reading and Science.'
  50.             },
  51.             {
  52.                 name: 'Lilit M.',
  53.                 photo: 'students/student_lilit.jpg',
  54.                 alt: 'Lilit, TOEFL 2026 student',
  55.                 score: 'TOEFL 2026 — 27 Reading • 26 Listening',
  56.                 tests: 'Working towards 110+',
  57.                 blurb: 'Takes TOEFL 2026-style tests here every Sunday morning. Loves the smooth reading timer and automatic results page.'
  58.             },
  59.             {
  60.                 name: 'Narek A.',
  61.                 photo: 'students/student_narek.jpg',
  62.                 alt: 'Narek, future CS student',
  63.                 score: 'TOEFL — 108 / 120',
  64.                 tests: 'Planning for CS abroad',
  65.                 blurb: 'Uses the platform to practise reading long scientific passages and listening to lectures without pausing — just like on test day.'
  66.             }
  67.         ];
  69.     function renderStudentCards() {
  70.         const container = document.getElementById('studentCards');
  71.         if (!container) return;
  73.         container.innerHTML = STUDENT_CARDS.map(s => `
  74.                 <article class="student-card">
  75.                     <div class="avatar">
  76.                         <img src="${s.photo}" alt="${s.alt}"
  77.                              onerror="this.remove();this.parentElement.textContent='${s.name.split(' ')[0]}';">
  78.                     </div>
  79.                     <div class="meta">
  80.                         <h3 class="name">${s.name}</h3>
  81.                         <p class="score">${s.score}</p>
  82.                         ${s.tests ? `<p class="test-type">${s.tests}</p>` : ''}
  83.                         <p class="desc">${s.blurb}</p>
  84.                     </div>
  85.                 </article>
  86.             `).join('');
  87.     }
  89.     // Theme toggle
  90.     let isSwitching = false;
  91.     const validSections = ['home', 'mentors', 'students', 'value', 'exams', 'pricing'];
  93.     const themeBtn = document.getElementById('themeToggle');
  94.     const htmlEl = document.documentElement;
  95.     function setTheme(next) {
  96.         htmlEl.setAttribute('data-theme', next);
  97.         localStorage.setItem('theme', next);
  98.         themeBtn.textContent = next === 'light' ? '🌕' : '🌑';
  99.         themeBtn.setAttribute('aria-label', next === 'light' ? 'Switch to dark theme' : 'Switch to light theme');
  100.     }
  101.     themeBtn.addEventListener('click', () => setTheme(htmlEl.getAttribute('data-theme') === 'light' ? 'dark' : 'light'));
  102.     setTheme(htmlEl.getAttribute('data-theme') || 'dark');
  104.     // Section navigation
  105.     const navLinks = document.querySelectorAll('.nav-link, .mobile-nav-link');
  106.     const mobileMenu = document.getElementById('mobileMenu');
  107.     const mobileMenuBtn = document.getElementById('mobileMenuBtn');
  109.     function showSection(sectionId) {
  110.         if (!validSections.includes(sectionId) || isSwitching) return;
  112.         const newSection = document.getElementById(`${sectionId}-section`);
  113.         const oldSection = document.querySelector('.page-section.active');
  115.         if (!newSection || newSection === oldSection) return;
  117.         isSwitching = true;
  118.         document.body.classList.add('switching');
  120.         window.scrollTo({ top: 0, behavior: 'auto' });
  122.         if (oldSection) {
  123.             oldSection.classList.remove('active');
  124.             oldSection.classList.add('leaving');
  125.         }
  127.         newSection.classList.remove('leaving');
  128.         newSection.classList.add('active');
  130.         document.querySelectorAll('.nav-link, .mobile-nav-link').forEach(link => {
  131.             link.classList.toggle('active', link.dataset.section === sectionId);
  132.         });
  134.         if (mobileMenu) {
  135.             mobileMenu.classList.remove('active');
  136.         }
  138.         setTimeout(() => {
  139.             if (oldSection) {
  140.                 oldSection.classList.remove('leaving');
  141.             }
  142.             document.body.classList.remove('switching');
  143.             isSwitching = false;
  144.         }, 500);
  145.     }
  147.     navLinks.forEach(link => {
  148.         link.addEventListener('click', (e) => {
  149.             e.preventDefault();
  150.             const sectionId = link.getAttribute('data-section');
  152.             if (location.hash !== `#${sectionId}`) {
  153.                 location.hash = sectionId;
  154.             } else {
  155.                 showSection(sectionId);
  156.             }
  157.         });
  158.     });
  160.     function handleHashChange() {
  161.         const hash = (location.hash || '#home').replace('#', '');
  162.         const target = validSections.includes(hash) ? hash : 'home';
  163.         showSection(target);
  164.     }
  166.     window.addEventListener('hashchange', handleHashChange);
  168.     document.addEventListener('DOMContentLoaded', () => {
  169.         renderStudentCards();
  170.         handleHashChange();
  171.     });
  173.     // Mobile menu toggle
  174.     mobileMenuBtn.addEventListener('click', (e) => {
  175.         e.stopPropagation();
  176.         if (mobileMenu) {
  177.             mobileMenu.classList.toggle('active');
  178.         }
  179.     });
  181.     document.addEventListener('click', (e) => {
  182.         if (
  183.             mobileMenu &&
  184.             !mobileMenu.contains(e.target) &&
  185.             !mobileMenuBtn.contains(e.target)
  186.         ) {
  187.             mobileMenu.classList.remove('active');
  188.         }
  189.     });
  191.     // Scroll reveal
  192.     const io = new IntersectionObserver((entries) => {
  193.         entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
  194.     }, { threshold: .14 });
  196.     document.querySelectorAll('.reveal').forEach(el => io.observe(el));
  198.     // Subtle 3D tilt on the hero card
  199.     const heroCard = document.getElementById('heroCard');
  200.     if (heroCard) {
  201.         let af;
  202.         heroCard.addEventListener('mousemove', (e) => {
  203.             const r = heroCard.getBoundingClientRect();
  204.             const x = (e.clientX - r.left) / r.width - .5;
  205.             const y = (e.clientY - r.top) / r.height - .5;
  206.             const rx = (-y * 6).toFixed(2), ry = (x * 6).toFixed(2);
  207.             cancelAnimationFrame(af);
  208.             af = requestAnimationFrame(() => heroCard.style.transform = `translateY(-2px) rotateX(${rx}deg) rotateY(${ry}deg)`);
  209.         });
  210.         heroCard.addEventListener('mouseleave', () => heroCard.style.transform = 'translateY(0) rotateX(0) rotateY(0)');
  211.     }
  213.     const yearEl = document.getElementById('year');
  214.     if (yearEl) {
  215.         yearEl.textContent = new Date().getFullYear();
  216.     }
  217. </script>