inturious/index.html at main · Inturious-Labs/inturious · 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Inturious Labs - Development Studio</title>
  <meta name="description" content="Inturious Labs - AI native development studio creating nifty tools for writers, creators, and readers of non-AI generated contents">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://inturious.com/">
  <meta property="og:title" content="Inturious Labs - Development Studio">
  <meta property="og:description" content="Inturious Labs - AI native development studio creating nifty tools for writers, creators, and readers of non-AI generated contents">
  <meta property="og:image" content="https://inturious.com/img/vibe-coding-man.jpg">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://inturious.com/">
  <meta name="twitter:title" content="Inturious Labs - Development Studio">
  <meta name="twitter:description" content="Inturious Labs - AI native development studio creating nifty tools for writers, creators, and readers of non-AI generated contents">
  <meta name="twitter:image" content="https://inturious.com/img/vibe-coding-man.jpg">

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="img/favicon.ico">
  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
  <link rel="icon" type="image/svg+xml" href="img/favicon.svg">

  <!-- Apple Touch Icon -->
  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">

  <!-- Android Chrome -->
  <link rel="icon" type="image/png" sizes="192x192" href="img/android-chrome-192x192.png">
  <link rel="icon" type="image/png" sizes="512x512" href="img/android-chrome-512x512.png">

  <!-- DNS Prefetch & Preconnect for external resources -->
  <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
  <link rel="dns-prefetch" href="https://www.google-analytics.com">
  <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>

  <link rel="stylesheet" href="css/pico.min.css">
  <link rel="stylesheet" href="css/style.css">

  <!-- Google Analytics -->
  <script src="scripts/analytics.js" defer></script>
</head>
<body>
  <main class="container">
    <div class="hero">
      <hgroup>
        <h1>Inturious Labs</h1>
      </hgroup>
    </div>

    <div class="hero-image-section">
      <img src="img/vibe-coding-man.jpg" alt="Vibe Coding Creator" class="hero-image" loading="lazy">
      <div class="hero-overlay">
        <p class="hero-quote">"The first billion-dollar company run by a single employee could emerge in 2026"</p>
        <p class="hero-attribution">— Dario Amodei, Anthropic founder, May 2025</p>
      </div>
    </div>

    <section class="products">
      <h2>Portfolio</h2>

      <div class="products-grid">
      <a href="products/digital-sovereignty-chronicle/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-pistachio) 0%, color-mix(in srgb, var(--color-pistachio) 70%, black) 100%);">
          <h3>Digital Sovereignty Chronicle</h3>
          <span class="status-badge live">Live</span>
          <p>Newsletter on AI, crypto, decentralization, and data sovereignty</p>
        </article>
      </a>

      <a href="products/the-sunday-blender/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-blue) 0%, color-mix(in srgb, var(--color-blue) 70%, black) 100%);">
          <h3>The Sunday Blender</h3>
          <span class="status-badge live">Live</span>
          <p>Weekly newsletter for curious kids aged 8~15 to learn about the world</p>
        </article>
      </a>

      <a href="products/herbert-yang-blog/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-coral) 0%, color-mix(in srgb, var(--color-coral) 70%, black) 100%);">
          <h3>Herbert Yang</h3>
          <span class="status-badge live">Live</span>
          <p>The digital garden of Herbert Yang</p>
        </article>
      </a>

      <article class="product-card hidden">
        <h3>The Remnants of Globalization</h3>
        <span class="status-badge live">Live</span>
        <p>Stories from the generation navigating post-globalization</p>
        <a href="products/remnants-of-globalization/index.html" role="button" class="secondary">Learn More</a>
      </article>

      <article class="product-card hidden">
        <h3>Herbert Yang</h3>
        <span class="status-badge live">Live</span>
        <p>Personal website and blog</p>
        <a href="https://herbertyang.xyz" role="button" class="secondary">Learn More</a>
      </article>

      <a href="products/ic123/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-vanilla) 0%, color-mix(in srgb, var(--color-vanilla) 70%, black) 100%);">
          <h3>ic123</h3>
          <span class="status-badge live">Live</span>
          <p>Internet Computer developer resources in Chinese</p>
        </article>
      </a>

      <article class="product-card hidden">
        <h3>Y3 Game Studio</h3>
        <span class="status-badge live">Live</span>
        <p>Fun and engaging casual gaming experience</p>
        <a href="products/y3game/index.html" role="button" class="secondary">Learn More</a>
      </article>

      <a href="products/rapport/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-sky) 0%, color-mix(in srgb, var(--color-sky) 70%, black) 100%);">
          <h3>Rapport</h3>
          <span class="status-badge live">Live</span>
          <p>a light-weight comments plugin to drive hassle-free engagement with your readers</p>
        </article>
      </a>

      <a href="products/lumen/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-peach) 0%, color-mix(in srgb, var(--color-peach) 70%, black) 100%);">
          <h3>Lumen</h3>
          <span class="status-badge live">Live</span>
          <p>make photo sharing great again</p>
        </article>
      </a>

      <a href="products/flux/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-mint) 0%, color-mix(in srgb, var(--color-mint) 70%, black) 100%);">
          <h3>Flux</h3>
          <span class="status-badge live">Live</span>
          <p>a prolific content creator's mission-control room for writing multiple publications simultaneously</p>
        </article>
      </a>

      <a href="products/y3-labs/index.html" class="product-card-link">
        <article class="product-card" style="background: linear-gradient(135deg, var(--color-pink) 0%, color-mix(in srgb, var(--color-pink) 70%, black) 100%);">
          <h3>Y3 Labs</h3>
          <span class="status-badge live">Live</span>
          <p>The attack from the world's youngest vibe coder</p>
        </article>
      </a>

      <article class="product-card hidden">
        <h3>Readly</h3>
        <span class="status-badge">Coming Soon</span>
        <p>Fast and reliable QR code scanning solution</p>
        <a href="products/readly/index.html" role="button" class="secondary">Learn More</a>
      </article>

      <article class="product-card hidden">
        <h3>Rift</h3>
        <span class="status-badge">Coming Soon</span>
        <p>Transform URLs into scannable QR codes</p>
        <a href="products/rift/index.html" role="button" class="secondary">Learn More</a>
      </article>

      <article class="product-card hidden">
        <h3>Puffin</h3>
        <span class="status-badge">Coming Soon</span>
        <p>Nimble cryptocurrency trading bot</p>
        <a href="products/puffin/index.html" role="button" class="secondary">Learn More</a>
      </article>

      <article class="product-card hidden">
        <h3>Inturious Labs</h3>
        <span class="status-badge">Coming Soon</span>
        <p>Development studio official site</p>
        <a href="products/inturious-labs/index.html" role="button" class="secondary">Learn More</a>
      </article>
      </div>
    </section>

  </main>

  <footer>
    <div class="container">
      <div class="social-links">
        <a href="https://x.com/InturiousLabs" target="_blank" rel="noopener noreferrer" aria-label="Follow us on X (Twitter)">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
          </svg>
        </a>
        <a href="https://github.com/Inturious-Labs" target="_blank" rel="noopener noreferrer" aria-label="Visit us on GitHub">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
          </svg>
        </a>
      </div>
      <p>&copy; 2025 Inturious Labs. All rights reserved.</p>
      <p class="powered-by"><small>Powered by <a href="https://internetcomputer.org/" target="_blank" rel="noopener noreferrer"><img src="img/ic_logo.svg" alt="Internet Computer" class="ic-logo"></a></small></p>
    </div>
  </footer>
</body>
</html>