diff --git a/assets/members/Rishav.jpg b/assets/members/Rishav.jpg new file mode 100644 index 0000000..6cbf3f1 Binary files /dev/null and b/assets/members/Rishav.jpg differ diff --git a/assets/members/Sujal_Bikram_Thapa.jpeg b/assets/members/Sujal_Bikram_Thapa.jpeg new file mode 100644 index 0000000..4a097ca Binary files /dev/null and b/assets/members/Sujal_Bikram_Thapa.jpeg differ diff --git a/assets/socialmedia/github.svg b/assets/socialmedia/github.svg new file mode 100644 index 0000000..936be9e --- /dev/null +++ b/assets/socialmedia/github.svg @@ -0,0 +1,7 @@ + + + + + + Github-color Created with Sketch. + \ No newline at end of file diff --git a/css/input.css b/css/input.css index c58e803..484c893 100644 --- a/css/input.css +++ b/css/input.css @@ -2,6 +2,7 @@ @tailwind components; @tailwind utilities; + @layer components { .bg-grid { background-color: #f6f6ff; @@ -21,6 +22,18 @@ grid-template-columns: repeat(2, minmax(0, 45%)); grid-template-rows: repeat(1, (0, 55%)); } + + + /* For FAQ page */ + .faq-item{ + @apply border bg-white border-gray-300 shadow-md rounded-md pt-4 px-4 my-5; + } + .faq-question{ + @apply w-full text-left flex justify-between gap-4 items-center; + } + .faq-answer{ + @apply my-2 text-gray-500 overflow-hidden transition-all duration-500 max-h-0; + } } @font-face { diff --git a/css/output.css b/css/output.css index 7a7fedf..f66b49c 100644 --- a/css/output.css +++ b/css/output.css @@ -1976,4 +1976,4 @@ video { font-size: 3rem; line-height: 1; } -} +} \ No newline at end of file diff --git a/data/members.json b/data/members.json new file mode 100644 index 0000000..c198d1d --- /dev/null +++ b/data/members.json @@ -0,0 +1,26 @@ +[ + { + "name": "Sujal Bikram Thapa", + "designation": "Graphics/Web Designer", + "image": "../assets/members/Sujal_Bikram_Thapa.jpeg", + "socialLinks": { + "facebook": "https://www.facebook.com/sujalbikramthapa", + "instagram": "https://www.instagram.com/sujalbthapa/", + "linkedin": "https://www.linkedin.com/in/sujalbthapa/", + "github": "https://github.com/sujalbthapa", + "website": "https://sujalbthapa.com.np/" + } + }, + { + "name": "Rishav Chapagain", + "designation": "Web Developer", + "image": "../assets/members/Rishav.jpg", + "socialLinks": { + "facebook": "https://www.facebook.com/rishavosaurus", + "instagram": "https://www.instagram.com/rishavosaurus/", + "linkedin": "https://www.linkedin.com/in/rishav-chapagain/", + "github": "https://github.com/RishavOsaurus/", + "website": "#" + } + } +] \ No newline at end of file diff --git a/js/faqs.js b/js/faqs.js index 1cb9235..edb137c 100644 --- a/js/faqs.js +++ b/js/faqs.js @@ -8,10 +8,10 @@ document.addEventListener('DOMContentLoaded', () => { question.addEventListener('click', () => { if (answer.style.maxHeight && answer.style.maxHeight !== "0px") { answer.style.maxHeight = "0px"; - question.querySelector('span.text-purple-600').textContent = '+'; + question.querySelector('span.text-gray-900').textContent = '+'; } else { answer.style.maxHeight = answer.scrollHeight + "px"; - question.querySelector('span.text-purple-600').textContent = '-'; + question.querySelector('span.text-gray-900').textContent = '-'; } }); }); diff --git a/js/footer.js b/js/footer.js index 4abc909..3c5977d 100644 --- a/js/footer.js +++ b/js/footer.js @@ -20,7 +20,7 @@ const footerCode = `
Home
  • About
  • Itinerary
    • -
  • Team
    • +
  • Team
  • Highlights
  • FAQs
  • Contact
    • diff --git a/js/members.js b/js/members.js new file mode 100644 index 0000000..dab1b57 --- /dev/null +++ b/js/members.js @@ -0,0 +1,55 @@ +// Function to create cards +function createCard(member) { + return ` +
    + + ${member.name} + + +
    +

    ${member.name}

    +

    ${member.designation}

    + + +
    + + + + + + + + + + + + + + + +
    + +
    +
    + + `; +} + +// Function to render all cards here +// Gets elemnt by id (members-container) and insert inside the tag... +async function fetchCards() { + try { + const response = await fetch('../data/members.json'); + const members = await response.json(); + + const container = document.getElementById('members-container'); + members.forEach(member => { + container.innerHTML += createCard(member); + }); + } catch (error) { + console.error('Error fetching the JSON data', error); + } +} + +// Call the function to render cards... +window.onload = fetchCards; diff --git a/pages/faqs.html b/pages/faqs.html index 8f6500a..7d34693 100644 --- a/pages/faqs.html +++ b/pages/faqs.html @@ -55,7 +55,6 @@ /* Animation for the FAQ Dropdown */ .faq-item { transition: border-color 0.3s ease-in-out; - background-color: white; } .faq-item:hover { @@ -87,15 +86,15 @@

    Frequently Asked Questions

    -
    +
    - -
    +
    Software Freedom Day (SFD) is a global event held annually by the Digital Freedom Foundation (DFF) to promote and raise awareness about Free Software. The goal of SFD is to educate the public on the benefits of Free Software and to encourage its widespread adoption @@ -103,43 +102,43 @@

    Frequently Asked Questions

    -
    +
    - -
    +
    Software Freedom Day is typically celebrated on the third Saturday of September each year.
    -
    +
    - -
    +
    EVERYONE!!!!
    -
    +
    - -
    +
    Yes totally, also you can donte if you are intrested.
    @@ -147,7 +146,7 @@

    Frequently Asked Questions

    - +

    Code of Conduct

    diff --git a/pages/itinerary.html b/pages/itinerary.html index 5235b98..131e2d9 100644 --- a/pages/itinerary.html +++ b/pages/itinerary.html @@ -191,7 +191,7 @@
    -

    Event Activities

    +

    Itinerary

    @@ -204,11 +204,7 @@

    Event Activities

    - - -
    - Register Now -
    +
    diff --git a/pages/ourteam.html b/pages/ourteam.html new file mode 100644 index 0000000..6417c9a --- /dev/null +++ b/pages/ourteam.html @@ -0,0 +1,129 @@ + + + + + + + Our Team + + + + + + + +
    +
    +

    Our Team

    +
    + + + +
    +
    +
    + + +
    +
    + +
    +
    + + + +
    + + + + + + + + + \ No newline at end of file