Skip to content

Commit e4b69ec

Browse files
vero-codevero-code
committed
feat: refine the pages content and structure
1 parent 6d46611 commit e4b69ec

5 files changed

Lines changed: 195 additions & 160 deletions

File tree

‎about.html‎

Lines changed: 49 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -19,54 +19,25 @@
1919

2020
<section>
2121
<h1>Guiding Human Curiosity</h1>
22-
<div class="mission-box">
23-
<p>"Connecting planetary exploration to the human experience through next-generation AI interfaces."</p>
24-
</div>
25-
</section>
26-
27-
<section>
28-
<h2>Our Mission</h2>
29-
<p>
30-
Celestine was born from a simple yet profound question: How can we make
31-
the vast complexity of space exploration accessible and relatable to everyone?
32-
</p>
33-
<p>
34-
By leveraging <strong>Multi-Agent Systems</strong> and <strong>Gemini 2.5</strong>, we translate geological
35-
and atmospheric data from distant worlds into familiar Earth contexts.
36-
Our goal is to foster a deeper connection between humanity and the universe,
37-
providing an intelligent co-pilot for the next era of discovery.
38-
</p>
39-
<div style="margin-top: 30px; background: rgba(124, 77, 255, 0.1); border-left: 4px solid #7c4dff; padding: 20px; border-radius: 0 8px 8px 0;">
40-
<p style="margin: 0; font-size: 1rem; color: #fff;">
41-
We measure impact through <strong>SDG 4 (Quality Education)</strong> and <strong>SDG 9 (Innovation)</strong>,
42-
making advanced planetary science accessible through consumer-grade technology.
43-
</p>
22+
<div style="margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
23+
<div style="padding: 20px; border-left: 3px solid #7c4dff; background: rgba(255,255,255,0.02);">
24+
<strong style="color: #fff; display: block; margin-bottom: 10px;">SDG 4: Quality Education</strong>
25+
<p style="font-size: 0.9rem; margin: 0;">Target 4.7: We visualize planetary geology through Earth's geography, fostering environmental awareness.</p>
26+
</div>
27+
<div style="padding: 20px; border-left: 3px solid #7c4dff; background: rgba(255,255,255,0.02);">
28+
<strong style="color: #fff; display: block; margin-bottom: 10px;">SDG 9: Innovation</strong>
29+
<p style="font-size: 0.9rem; margin: 0;">Target 9.5: Democratizing access to complex scientific data via consumer-grade multi-agent AI.</p>
30+
</div>
4431
</div>
4532
</section>
4633

4734
<section>
48-
<h2>The Founder</h2>
35+
<h2>Team & Expertise</h2>
4936
<div class="founder-card">
50-
5137
<div class="founder-image-wrapper">
5238
<img src="assets/me.png" alt="Veronika Kashtanova" class="founder-image">
53-
54-
<div class="founder-location">
55-
<i class="fas fa-map-marker-alt" style="color: #7c4dff;"></i>
56-
Dnipro, Ukraine
57-
</div>
58-
</div>
59-
60-
<div class="founder-info">
61-
<h3>Veronika Kashtanova</h3>
62-
<span class="founder-role">Founder & Software Engineer</span>
63-
64-
<p class="founder-bio">
65-
A Software Engineer and AI Specialist focused on building complex, multi-agent systems.
66-
I combine technical expertise with strategic management to translate ambitious cosmic concepts into precise, scalable architecture using the Google Cloud ecosystem.
67-
</p>
68-
69-
<div style="margin-bottom: 25px;">
39+
<div class="founder-location"><i class="fas fa-map-marker-alt" style="color: #7c4dff;"></i> Dnipro, Ukraine</div>
40+
<div style="margin-top: 20px; display: flex; justify-content: center; gap: 25px;">
7041
<a href="https://github.com/vero-code" target="_blank" style="color: var(--secondary-text); margin-right: 20px; font-size: 1.3rem; transition: color 0.3s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#a0a0a0'">
7142
<i class="fab fa-github"></i>
7243
</a>
@@ -77,40 +48,41 @@ <h3>Veronika Kashtanova</h3>
7748
<i class="fab fa-youtube"></i>
7849
</a>
7950
</div>
51+
</div>
52+
<div class="founder-info">
53+
<h3>Veronika Kashtanova</h3>
54+
<span class="founder-role">Founder & Lead Engineer</span>
55+
56+
<p class="founder-bio">
57+
<strong>As a solo founder, I execute all core functions:</strong><br>
58+
• <strong>Engineering:</strong> Full-stack dev, Cloud Architecture, ML Engineering.<br>
59+
• <strong>Product:</strong> UI/UX, 3D Visualization, Roadmap planning.<br>
60+
• <strong>Business:</strong> Strategic management & Community relations.
61+
</p>
8062

8163
<div class="credentials-grid">
82-
8364
<div class="credential-box">
84-
<h4><i class="fas fa-graduation-cap"></i> Education</h4>
85-
<ul style="list-style: none; padding: 0; color: #a0a0a0; font-size: 0.9rem;">
86-
<li style="margin-bottom: 15px;">
87-
<strong style="color: #fff; display: block; line-height: 1.3; margin-bottom: 4px;">Master’s Degree (Honors)</strong>
88-
<span style="display: block; color: #7c4dff; font-size: 0.85rem; margin-bottom: 4px;">Management of Organizations</span>
89-
Ukrainian State University of Chemical Technology
90-
</li>
91-
</ul>
65+
<h4 style="color: #fff; margin-bottom: 10px;"><i class="fas fa-graduation-cap"></i> Education</h4>
66+
<strong style="color: #fff; font-size: 0.95rem;">Master’s Degree (Honors)</strong>
67+
<span style="display: block; color: #7c4dff; font-size: 0.85rem;">Management of Organizations</span>
68+
<span style="display: block; color: #a0a0a0; font-size: 0.85rem;">Ukrainian State University of Chemical Technology</span>
9269
</div>
93-
9470
<div class="credential-box">
95-
<h4 style="color: #fff; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 5px;">
96-
<i class="fab fa-google"></i> Ecosystem Impact
97-
</h4>
98-
71+
<h4 style="color: #fff; margin-bottom: 10px;"><i class="fab fa-google"></i> Ecosystem</h4>
9972
<a href="https://github.com/google/adk-java/pull/189" target="_blank" style="text-decoration: none;">
10073
<div class="cert-tag" style="border-color: rgba(50, 205, 50, 0.3); background: rgba(50, 205, 50, 0.05); color: #88ff88;">
10174
<i class="fas fa-code-branch"></i>
10275
<div>
103-
<strong style="display: block; font-size: 0.85rem;">Contributor: Google adk-java</strong>
104-
<span style="font-size: 0.75rem; opacity: 0.8;">PR #189 (Core Optimization)</span>
76+
<strong style="display: block; font-size: 0.85rem;">Contributor: Google ADK</strong>
77+
</div>
10578
</div>
106-
</div>
79+
</a>
10780

10881
<a href="https://github.com/webmachinelearning/proofreader-api/issues/32" target="_blank" style="text-decoration: none;">
10982
<div class="cert-tag" style="border-color: rgba(29, 161, 242, 0.3); background: rgba(29, 161, 242, 0.05); color: #8ab4f8; transition: transform 0.2s; cursor: pointer;">
11083
<i class="fab fa-chrome"></i>
11184
<div>
11285
<strong style="display: block; font-size: 0.85rem;">Chrome Built-in AI EPP <i class="fas fa-external-link-alt" style="font-size: 0.7rem; opacity: 0.7;"></i></strong>
113-
<span style="font-size: 0.75rem; opacity: 0.8;">Active Feedback Contributor</span>
11486
</div>
11587
</div>
11688
</a>
@@ -121,53 +93,35 @@ <h4 style="color: #fff; margin-bottom: 15px; border-bottom: 1px solid rgba(255,2
12193
<span style="font-size: 0.8rem;">Google Developer Program</span>
12294
</div>
12395
</a>
124-
12596
</div>
12697
</div>
12798
</div>
12899
</div>
129100
</section>
130101

131102
<section>
132-
<h2>Origins</h2>
133-
<div class="stats-grid">
134-
<div class="stat-item">
135-
<span class="stat-value">July 2025</span>
136-
<span class="stat-label">Project Launch</span>
137-
</div>
138-
<div class="stat-item">
139-
<span class="stat-value">Gemini 2.5</span>
140-
<span class="stat-label">Core Engine</span>
141-
</div>
142-
<div class="stat-item">
143-
<span class="stat-value">Infinite</span>
144-
<span class="stat-label">Possibilities</span>
103+
<h2>Roadmap & Vision</h2>
104+
<div style="background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 30px;">
105+
<div style="display: flex; gap: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 20px;">
106+
<div style="min-width: 100px; color: #7c4dff; font-weight: bold;">July 2025</div>
107+
<div>
108+
<strong style="color: #fff; display: block; margin-bottom: 5px;">Project Launch</strong>
109+
<p style="margin: 0; font-size: 0.9rem; color: #a0a0a0;">Initial prototype and Multi-Agent architecture design using Google ADK.</p>
110+
</div>
145111
</div>
146-
</div>
147-
</section>
148112

149-
<section>
150-
<h2>Measuring Impact</h2>
151-
<p>We track our educational effectiveness and system performance through key metrics:</p>
152-
153-
<div class="stats-grid" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));">
154-
<div class="stat-item" style="text-align: left;">
155-
<span class="stat-value" style="font-size: 1.2rem; margin-bottom: 10px;">Analogue Discovery Rate</span>
156-
<span class="stat-label" style="display: block; line-height: 1.4;">How often users successfully connect cosmic features to Earth locations.</span>
157-
</div>
158-
<div class="stat-item" style="text-align: left;">
159-
<span class="stat-value" style="font-size: 1.2rem; margin-bottom: 10px;">Agent Reliability</span>
160-
<span class="stat-label" style="display: block; line-height: 1.4;">Success rate of AI tool calls to geospatial APIs.</span>
161-
</div>
162-
<div class="stat-item" style="text-align: left;">
163-
<span class="stat-value" style="font-size: 1.2rem; margin-bottom: 10px;">Session Depth</span>
164-
<span class="stat-label" style="display: block; line-height: 1.4;">Number of planetary POIs explored per active session.</span>
113+
<div style="display: flex; gap: 20px;">
114+
<div style="min-width: 100px; color: #fff; font-weight: bold;">Future</div>
115+
<div>
116+
<strong style="color: #fff; display: block; margin-bottom: 5px;">Next-Gen Immersion</strong>
117+
<ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #a0a0a0;">
118+
<li style="margin-bottom: 5px;">Transition to <strong>Gemini 3.0</strong> for real-time multimodal latency.</li>
119+
<li style="margin-bottom: 5px;"><strong>Routes API</strong> integration for geological tours.</li>
120+
<li><strong>Project Astra</strong> capabilities for live video reasoning.</li>
121+
</ul>
122+
</div>
165123
</div>
166124
</div>
167-
168-
<p style="margin-top: 20px; font-size: 0.95rem; opacity: 0.8;">
169-
These metrics validate that our multi-agent system can effectively teach planetary science at scale.
170-
</p>
171125
</section>
172126

173127
<script src="js/footer.js"></script>

‎contact.html‎

Lines changed: 17 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -18,32 +18,25 @@
1818
<celestine-header root-path="." active-page="contact"></celestine-header>
1919

2020
<section class="contact-section">
21-
<h1>Get in Touch</h1>
22-
<p class="subtitle">Have questions about our mission or technology? We're here to help.</p>
23-
21+
<div style="text-align: center; margin-bottom: 60px;">
22+
<h1>Get in Touch</h1>
23+
<p class="subtitle">Have questions about our mission or technology? We're here to help.</p>
24+
2425
<div style="margin-top: 30px; background: rgba(255, 165, 0, 0.1); border: 1px solid rgba(255, 165, 0, 0.3); padding: 20px; border-radius: 12px; max-width: 600px; margin-left: auto; margin-right: auto; text-align: left;">
25-
<h3 style="color: #ffb74d; margin-top: 0; font-size: 1.1rem; display: flex; align-items: center; gap: 10px;">
26-
<i class="fas fa-info-circle"></i> Project Status: Closed Alpha
27-
</h3>
28-
<p style="font-size: 0.95rem; margin-bottom: 10px; color: #ddd;">
29-
Infrastructure is temporarily paused while securing program resources.
30-
For demo access or partnership inquiries, please reach out via email.
31-
</p>
32-
<div style="display: flex; gap: 20px; margin-top: 15px; font-size: 0.9rem; color: #a0a0a0;">
33-
<span><i class="fas fa-code"></i> Status: <strong>Active Development</strong></span>
34-
<span><i class="fas fa-rocket"></i> Target: <strong>Q1 2026 Public Launch</strong></span>
35-
</div>
36-
</div>
37-
<div class="contact-info">
38-
<div class="info-item">
39-
<div class="info-icon"><i class="fas fa-envelope"></i></div>
40-
<div class="info-label">Email Support</div>
41-
<div class="info-text"><a href="mailto:veronika@vero-code.website" class="email-link">veronika@vero-code.website</a></div>
26+
<h3 style="color: #ffb74d; margin-top: 0; font-size: 1.1rem; display: flex; align-items: center; gap: 10px;">
27+
<i class="fas fa-info-circle"></i> Project Status: Closed Alpha
28+
</h3>
29+
<p style="font-size: 0.95rem; margin-bottom: 0; color: #ddd;">
30+
<strong>Infrastructure is temporarily paused.</strong><br>
31+
We are currently securing program resources to unpause Cloud Run & Vertex AI services.
32+
The platform is code-complete and ready for deployment.
33+
</p>
4234
</div>
43-
<div class="info-item">
44-
<div class="info-icon"><i class="fas fa-satellite"></i></div>
45-
<div class="info-label">Signal Status</div>
46-
<div class="info-text">Active / Nominal</div>
35+
36+
<div style="margin-top: 40px;">
37+
<i class="fas fa-envelope" style="font-size: 2rem; color: #7c4dff; margin-bottom: 10px;"></i>
38+
<p style="font-size: 1.2rem; color: #fff; margin-bottom: 5px;">Email Support</p>
39+
<a href="mailto:veronika@vero-code.website" style="color: #b388ff; font-size: 1.3rem; text-decoration: none;">veronika@vero-code.website</a>
4740
</div>
4841
</div>
4942
</section>

‎css/home.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,47 @@
198198
.feature-card h3 { margin: 0 0 10px 0; font-size: 1.3rem; }
199199
.feature-card p { margin: 0; color: var(--secondary-text); font-size: 0.95rem; }
200200

201+
/* Styles for Mission & Impact sections */
202+
.mission-box {
203+
background: var(--card-bg);
204+
border: 1px solid var(--card-border);
205+
padding: 30px;
206+
border-radius: 16px;
207+
text-align: center;
208+
backdrop-filter: blur(5px);
209+
margin-top: 20px;
210+
}
211+
212+
.stats-grid {
213+
display: grid;
214+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
215+
gap: 20px;
216+
text-align: center;
217+
margin-top: 30px;
218+
}
219+
220+
.stat-item {
221+
padding: 20px;
222+
background: var(--card-bg);
223+
border: 1px solid var(--card-border);
224+
border-radius: 12px;
225+
}
226+
227+
.stat-value {
228+
font-size: 1.2rem;
229+
font-weight: 700;
230+
color: var(--accent-color);
231+
display: block;
232+
margin-bottom: 10px;
233+
}
234+
235+
.stat-label {
236+
font-size: 0.9rem;
237+
color: var(--secondary-text);
238+
line-height: 1.4;
239+
display: block;
240+
}
241+
201242
@media (max-width: 992px) {
202243
.hero {
203244
flex-direction: column;

0 commit comments

Comments
 (0)