fizzyflow/index.html at master · FizzyFlow/fizzyflow · 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="FizzyFlow - Building innovative blockchain solutions on Sui. Award-winning projects including SuiSQL, HexCapsule, and FOMO.">
    <meta name="keywords" content="FizzyFlow, Sui, blockchain, SuiSQL, HexCapsule, FOMO, SuiMetaData, web3, cryptocurrency">
    <meta name="author" content="FizzyFlow Team">

    <!-- Open Graph / Social Media Meta Tags -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="FizzyFlow - Sui Blockchain Innovation">
    <meta property="og:description" content="Building innovative blockchain solutions on Sui since day one. Award-winning projects and pioneering developers.">
    <meta property="og:site_name" content="FizzyFlow">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="FizzyFlow - Sui Blockchain Innovation">
    <meta name="twitter:description" content="Building innovative blockchain solutions on Sui since day one.">

    <title>FizzyFlow - Sui Blockchain Innovation</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="container">
            <div class="nav-brand">
                <h1>FizzyFlow</h1>
            </div>
            <ul class="nav-links">
                <li><a href="#home">Home</a></li>
                <li><a href="#team">Team</a></li>
                <li><a href="#projects">Projects</a></li>
            </ul>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="container">
            <div class="hero-content">
                <h1 class="hero-title">Building the Future on <span class="highlight">Sui</span></h1>
                <p class="hero-subtitle">Innovative blockchain solutions powering the next generation of decentralized applications</p>
                <div class="hero-stats">
                    <div class="stat-item">
                        <h3>Award-Winning</h3>
                        <p>Multiple Overflow Awards</p>
                    </div>
                    <div class="stat-item">
                        <h3>Most Interactive</h3>
                        <p>FOMO remains #1 on Sui</p>
                    </div>
                    <div class="stat-item">
                        <h3>Since Day One</h3>
                        <p>Early Sui ecosystem pioneers</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team" class="team">
        <div class="container">
            <h2 class="section-title">Meet the Team</h2>
            <div class="team-grid">
                <!-- Jeka -->
                <div class="team-member">
                    <div class="member-avatar">
                        <div class="avatar-placeholder">J</div>
                    </div>
                    <h3 class="member-name">Jeka</h3>
                    <p class="member-role">Full-stack Engineer & Sui Pioneer</p>
                    <p class="member-bio">
                        Full-stack engineer and part of Sui since day one. Creator of
                        <strong>SuiMetaData</strong>, <strong>HexCapsule</strong> (2024 Overflow Awards recipient),
                        and <strong>SuiSQL</strong> (2025 Overflow Award recipient), demonstrating deep
                        expertise in innovative blockchain solutions.
                    </p>
                    <div class="member-achievements">
                        <span class="badge">SuiMetaData</span>
                        <span class="badge">HexCapsule 2024</span>
                        <span class="badge">SuiSQL 2025</span>
                    </div>
                </div>

                <!-- tenxhunter -->
                <div class="team-member">
                    <div class="member-avatar">
                        <div class="avatar-placeholder">T</div>
                    </div>
                    <h3 class="member-name">tenxhunter</h3>
                    <p class="member-role">Full-stack Engineer & Core Team Member</p>
                    <p class="member-bio">
                        Full-stack engineer and core member of the FizzyFlow team. Focused on building
                        robust, scalable systems to advance the Sui ecosystem through technical excellence.
                        Previously launched <strong>FOMO</strong>, a mining-meme project on Sui that remains
                        the most-interacted-with package on Sui today.
                    </p>
                    <div class="member-achievements">
                        <span class="badge">FOMO Creator</span>
                        <span class="badge">Most Interactive on Sui</span>
                        <span class="badge">Core Developer</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Projects Section -->
    <section id="projects" class="projects">
        <div class="container">
            <h2 class="section-title">Featured Projects</h2>
            <div class="projects-grid">
                <div class="project-card">
                    <h3>SuiSQL</h3>
                    <p class="project-year">2025 Overflow Award Recipient</p>
                    <p>Revolutionary database solution for the Sui blockchain ecosystem.</p>
                    <a href="https://github.com/FizzyFlow/suisql" target="_blank" rel="noopener noreferrer" class="project-link">
                        View Project →
                    </a>
                </div>
                <div class="project-card">
                    <h3>HexCapsule</h3>
                    <p class="project-year">2024 Overflow Award Recipient</p>
                    <p>Innovative storage and management system for blockchain assets.</p>
                    <a href="https://github.com/suidouble/timecapsule" target="_blank" rel="noopener noreferrer" class="project-link">
                        View Project →
                    </a>
                </div>
                <div class="project-card">
                    <h3>SuiMetaData</h3>
                    <p class="project-year">Metadata Management</p>
                    <p>Comprehensive metadata solution for Sui blockchain applications.</p>
                    <a href="https://github.com/suidouble/suidouble_metadata" target="_blank" rel="noopener noreferrer" class="project-link">
                        View Project →
                    </a>
                </div>
                <div class="project-card">
                    <h3>FOMO</h3>
                    <p class="project-year">Most Interactive on Sui</p>
                    <p>Mining-meme project that became the most-interacted-with package on Sui.</p>
                    <a href="https://suivision.xyz/package/0xa340e3db1332c21f20f5c08bef0fa459e733575f9a7e2f5faca64f72cd5a54f2?tab=Statistics" target="_blank" rel="noopener noreferrer" class="project-link">
                        View Statistics →
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <p>&copy; 2025 FizzyFlow. Building on Sui since day one.</p>
        </div>
    </footer>

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