diff --git a/docs/apply.html b/docs/apply.html index 10d0153..80054ed 100644 --- a/docs/apply.html +++ b/docs/apply.html @@ -4,7 +4,7 @@ - VOID Tech + VOID Tech @@ -52,7 +52,7 @@
-
-
-
- V - O - I - D - T - E - C - H -
+
+
+
+
+

VOID

+

tech.

+ +
+
INNOVATE. CREATE. REALIZE.
+
+ A student organization bridging the gap between + technology and business through real-world consulting projects at the University of Michigan. +
+ +
-
Innovate. Create. Realize.
- - - -
-

About Us

-

What we do

-
+ +

What We Do

+
Founded in 2019, VOID Tech gives members real-world software development experience through real-world projects. We bring together student developers, designers, and product managers to @@ -144,24 +135,99 @@

What we do

applications.
+
+
+
+ + + + +
+

Development

+

+ Full-stack engineering from web apps to data pipelines. We build production-grade solutions for real clients. +

+
+ +
+
+ + + + + + + +
+

Design

+

+ User-centered design thinking, wireframing, prototyping, and polished UI/UX deliverables. +

+
+ +
+
+ + + + +
+

Business Consulting

+

+ Market research, strategy decks, and go- to-market plans that translate technical capabilities into business value. +

+ +
-

Our mission

-

How we do it

-
- Our goal is to set up students for success by creating - cross-functional teams that will allow them to explore their design, - development, and management capabilities, while learning about the - process of developing a functional application that solves a - real-world problem. Students will have to undergo a development - process that ranges from brainstorming, to development, then testing - and finally, deployment. We also host multiple social and + +

Our Mission

+
+ Our goal is to students up for success by creating + cross-functional teams where members can explore their skills in design, + development, and management capabilities, alongisde developing functional applications + to solve real-world problems. We also host multiple social and professional development events throughout the year that will allow you to make lifelong friends and connections! + +
+
    +
  • +
    + 01 | BRAINSTORMING +
    +

    Pitch projects, gather ideas, and sketch out a plan. This stage is all about asking 'Why?' before we figure out 'How' to build it.

    +
    +
    • +
  • +
    + 02 | DEVELOPMENT +
    +

    The 'code-heavy' phase. Build the frontend components and backend logic. Coffee-fueled sprints start here."

    +
    +
    • +
  • +
    + 03 | TESTING +
    +

    Perform tests, cross-browser checks, and code reviews to ensure everything is responsive and secure. If it's broken, we fix it."

    +
    +
    • +
  • +
    + 04 | DEPLOYMENT +
    +

    Publish our products and share the 'Live' link with the community!

    +
    +
    • +
+
+ +
diff --git a/docs/js/clients.js b/docs/js/clients.js new file mode 100644 index 0000000..a698efe --- /dev/null +++ b/docs/js/clients.js @@ -0,0 +1,43 @@ +document.addEventListener("DOMContentLoaded", function () { + const cards = document.querySelectorAll(".project-card"); + const modals = document.querySelectorAll(".modal"); + const closeButtons = document.querySelectorAll(".close"); + + cards.forEach((card) => { + card.addEventListener("click", function () { + const modalId = card.getAttribute("data-modal"); + const modal = document.getElementById(modalId); + + if (modal) { + modal.classList.add("show"); + document.body.classList.add("modal-open"); + } + }); + }); + + closeButtons.forEach((button) => { + button.addEventListener("click", function () { + const modal = button.closest(".modal"); + if (modal) { + modal.classList.remove("show"); + document.body.classList.remove("modal-open"); + } + }); + }); + + modals.forEach((modal) => { + modal.addEventListener("click", function (event) { + if (event.target === modal) { + modal.classList.remove("show"); + document.body.classList.remove("modal-open"); + } + }); + }); + + document.addEventListener("keydown", function (event) { + if (event.key === "Escape") { + modals.forEach((modal) => modal.classList.remove("show")); + document.body.classList.remove("modal-open"); + } + }); +}); \ No newline at end of file diff --git a/docs/js/common.js b/docs/js/common.js index b422785..1c046cf 100644 --- a/docs/js/common.js +++ b/docs/js/common.js @@ -6,6 +6,8 @@ function spinny() { function stopSpinny() { this.classList.remove("infinite"); } + +/* particlesJS("particles-js", { particles: { number: { value: 500, density: { enable: true, value_area: 800 } }, @@ -60,6 +62,7 @@ particlesJS("particles-js", { }, retina_detect: true }); +*/ var update; update = function() { diff --git a/docs/js/faq.js b/docs/js/faq.js new file mode 100644 index 0000000..e8a4b3f --- /dev/null +++ b/docs/js/faq.js @@ -0,0 +1,12 @@ +document.querySelectorAll('.faq-question').forEach(button => { + button.addEventListener('click', () => { + const faqItem = button.parentElement; + + // Optional: Close other open items + document.querySelectorAll('.faq-item').forEach(item => { + if (item !== faqItem) item.classList.remove('active'); + }); + + faqItem.classList.toggle('active'); + }); +}); \ No newline at end of file diff --git a/docs/team.html b/docs/team.html index 45e0065..7da2a59 100644 --- a/docs/team.html +++ b/docs/team.html @@ -67,7 +67,9 @@ /> -
VOID
+
+ VOID tech. +
@@ -76,17 +78,20 @@
@@ -96,27 +101,35 @@
- O - U - R - T - E - A - M + O + u + r + T + e + a + m +
+
+

Meet the talented individuals driving innovation at VOID Tech.

+
Group Photo of VOID Members
- +
--> +