Concept-Visualizer/about.html at main · Anish-Rooj-cpu/Concept-Visualizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About | Engineering Concepts Visualizer</title>

  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link
    href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&display=swap"
    rel="stylesheet">
</head>

<body>

  <div class="grid-bg"></div>
  <div class="orb orb-1"></div>
  <div class="orb orb-2"></div>
  <div class="orb orb-3"></div>

  <header id="navbar">
    <a href="index.html" class="logo">
      <div class="logo-icon">
        <i class="fa-solid fa-layer-group"></i>
      </div>
      <div class="logo-text">
        <span class="logo-name">ECV</span>
        <span class="logo-sub">Engineering Visualizer</span>
      </div>
    </a>

    <button class="mobile-toggle" id="mobile-toggle" aria-label="Toggle Menu">
      <i class="fa-solid fa-bars"></i>
    </button>

    <nav id="nav-menu">
      <a href="index.html">Home</a>
      <a href="index.html#topics">Topics</a>
      <a href="about.html" class="active">About</a>
    </nav>
  </header>

  <!-- Page Hero -->
  <section class="hero" style="min-height: 300px; padding: 80px 5% 60px;">
    <div class="hero-eyebrow">About ECV</div>
    <h2 style="font-size: clamp(2.2rem, 5vw, 3.8rem);">
      Behind the
      <span class="line-2 text-gradient">Platform</span>
    </h2>
    <p class="hero-desc" style="margin-bottom: 0;">
      Bridging the gap between mathematical theory and intuitive understanding.
    </p>
  </section>

  <div class="about-section">

    <!-- About the Project -->
    <div class="about-title">// Project</div>
    <div class="about-card reveal">
      <p>
        Engineering concepts are often mathematically intensive and difficult to interpret from equations alone.
        This project transforms abstract theory into interactive visualizations — making learning more intuitive,
        engaging, and memorable.
      </p>
      <p>
        Instead of solving equations on paper, users can explore how systems behave in real time —
        from control systems and signal processing to advanced digital architecture. Every tool here
        is built around the belief that <em>seeing</em> a system is worth a thousand derivations.
      </p>

      <div class="terminal">
        <div class="terminal-body">
          <div><span class="prompt">$ </span>modules --list</div>
          <div><span class="value">→</span> Control Systems · Signal Processing · Computer Architecture · VLSI</div>
          <div><span class="prompt">$ </span>visualizations --count</div>
          <div><span class="value">→</span> 16 interactive modules · 0 prerequisites</div>
          <div><span class="prompt">$ </span>status</div>
          <div><span class="value">→</span> Active · Open source · Continuously updated</div>
        </div>
      </div>
    </div>

    <!-- The Architect -->
    <div class="about-title">// Architect</div>
    <div class="about-card reveal">
      <div class="about-name">
        <i class="fa-solid fa-microchip"></i>
        Anish Rooj
      </div>
      <p>
        Electronics and Telecommunication Engineering student at Jadavpur University, with a strong focus on
        digital design, computer architecture, and system-level engineering.
      </p>
      <p>
        My work centers on building systems from first principles — understanding how theory translates into
        hardware. I have designed and implemented 32-bit RISC-V processors, working from high-level HDL
        descriptions down to gate-level implementations using fundamental logic components.
      </p>
      <p>
        Through these projects, I have developed a deep understanding of datapath design, control logic,
        instruction execution, and hardware verification. This platform was created to share that practical
        understanding with other students and engineers.
      </p>
      <a href="https://github.com/anish-rooj-cpu" target="_blank" class="btn-primary"
        style="margin-top: 10px; display: inline-flex; width: fit-content;">
        <i class="fa-brands fa-github"></i> GitHub Profile
      </a>
    </div>

    <!-- The Assistant -->
    <div class="about-title">// AI Collaborator</div>
    <div class="about-card reveal">
      <div class="about-name about-name-ai">
        <i class="fa-solid fa-robot"></i>
        Google Gemini
      </div>
      <p>
        This platform was co-created with Gemini, an AI assistant. While Anish provided the engineering
        concepts, mathematical logic, and overall system architecture, Gemini acted as the coding assistant
        to translate those ideas into the modern, interactive web components you see here.
      </p>
      <p>
        The collaboration reflects a workflow that's becoming increasingly important: domain expertise
        paired with AI-assisted implementation to build faster without sacrificing depth.
      </p>
    </div>

  </div>

  <footer>
    <div class="footer-left">
      <span class="footer-brand">ECV // Engineering Concepts Visualizer</span>
      <span class="footer-copy">© 2026 Anish Rooj · All rights reserved</span>
    </div>
    <div class="footer-right">
      <span class="footer-sub">Engineered by Anish Rooj · Powered by AI Collaboration</span>
    </div>
  </footer>

  <script src="script.js"></script>
</body>

</html>