Skip to content

Commit 01848a2

Browse files
inyalalainyalala
committed
Update
1 parent b534dbc commit 01848a2

File tree

15 files changed

+2665
-0
lines changed

15 files changed

+2665
-0
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
name: Deploy SAAIL Lab to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
pull_request:
7+
branches: [ main ]
8+
workflow_dispatch:
9+
10+
permissions:
11+
contents: read
12+
pages: write
13+
id-token: write
14+
15+
concurrency:
16+
group: "pages"
17+
cancel-in-progress: false
18+
19+
jobs:
20+
build:
21+
runs-on: ubuntu-latest
22+
steps:
23+
- name: Checkout
24+
uses: actions/checkout@v4
25+
26+
- name: Setup Node.js
27+
uses: actions/setup-node@v4
28+
with:
29+
node-version: '18'
30+
cache: 'npm'
31+
32+
- name: Install dependencies
33+
run: npm ci
34+
35+
- name: Build site
36+
run: npm run build
37+
38+
- name: Upload artifact
39+
uses: actions/upload-pages-artifact@v3
40+
with:
41+
path: ./dist
42+
43+
deploy:
44+
environment:
45+
name: github-pages
46+
url: ${{ steps.deployment.outputs.page_url }}
47+
runs-on: ubuntu-latest
48+
needs: build
49+
steps:
50+
- name: Deploy to GitHub Pages
51+
id: deployment
52+
uses: actions/deploy-pages@v4

‎public/favicon.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎src/assets/astro.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎src/assets/background.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎src/components/About.astro‎

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
---
2+
---
3+
4+
<section id="about" class="section">
5+
<div class="container">
6+
<h2 class="section-title">About SAAIL Lab</h2>
7+
<div class="about-content">
8+
<div class="about-text">
9+
<div class="about-card">
10+
<h3 class="about-card-title">Our Mission</h3>
11+
<p>
12+
The SAAIL Lab is dedicated to pioneering transformative, ethical, and contextually-aware
13+
Artificial Intelligence solutions that leverage local strengths and collaborations.
14+
We focus on revolutionizing Sustainable Agriculture through AI, enhancing food security,
15+
and improving farmer livelihoods in East Africa.
16+
</p>
17+
</div>
18+
<div class="about-card">
19+
<h3 class="about-card-title">Our Vision</h3>
20+
<p>
21+
To become a leading research hub in the region, conducting world-class research,
22+
developing locally attuned innovations, cultivating future AI leaders, and forging
23+
impactful strategic partnerships with institutions like the Wadhwani School of
24+
Data Science and AI (WSAI) at IIT Madras.
25+
</p>
26+
</div>
27+
</div>
28+
29+
<div class="founding-pi">
30+
<div class="pi-card">
31+
<div class="pi-info">
32+
<h3>Founding Principal Investigator (Prospective)</h3>
33+
<h4 class="pi-name">Dr. Innocent Nyalala</h4>
34+
<p class="pi-description">
35+
As the prospective Founding Principal Investigator, Dr. Nyalala is establishing
36+
the SAAIL Lab at IIT Madras Zanzibar with a vision to create transformative
37+
AI solutions for sustainable agriculture and intelligent livelihoods in East Africa.
38+
The lab has been actively conducting research since October 2024.
39+
</p>
40+
</div>
41+
</div>
42+
</div>
43+
44+
<div class="affiliations">
45+
<h3 class="section-subtitle">Key Affiliations & Collaborations</h3>
46+
<div class="affiliation-grid">
47+
<div class="affiliation-item">
48+
<h4>IIT Madras Zanzibar</h4>
49+
<p>Host Institution</p>
50+
</div>
51+
<div class="affiliation-item">
52+
<h4>Wadhwani School of Data Science and AI</h4>
53+
<p>IIT Madras Chennai</p>
54+
</div>
55+
<div class="affiliation-item">
56+
<h4>Deakin University</h4>
57+
<p>Australia - Cotutelle PhD Program</p>
58+
</div>
59+
<div class="affiliation-item">
60+
<h4>Penn State University</h4>
61+
<p>USA - PlacentaVision Collaboration</p>
62+
</div>
63+
<div class="affiliation-item">
64+
<h4>Columbia University</h4>
65+
<p>Environmental AI Research</p>
66+
</div>
67+
<div class="affiliation-item">
68+
<h4>University of Cambridge</h4>
69+
<p>Responsible AI Framework</p>
70+
</div>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</section>
76+
77+
<style>
78+
.about-content {
79+
display: flex;
80+
flex-direction: column;
81+
gap: 3rem;
82+
}
83+
84+
.about-text {
85+
display: grid;
86+
grid-template-columns: 1fr 1fr;
87+
gap: 2rem;
88+
}
89+
90+
.about-card {
91+
background: white;
92+
border-radius: 1rem;
93+
padding: 2rem;
94+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
95+
border-left: 4px solid #1e3a8a;
96+
}
97+
98+
.about-card-title {
99+
font-size: 1.5rem;
100+
font-weight: 600;
101+
color: #1e3a8a;
102+
margin-bottom: 1rem;
103+
}
104+
105+
.about-card p {
106+
color: #374151;
107+
line-height: 1.7;
108+
}
109+
110+
.founding-pi {
111+
background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
112+
border-radius: 1rem;
113+
padding: 0.125rem;
114+
}
115+
116+
.pi-card {
117+
background: white;
118+
border-radius: 1rem;
119+
padding: 2rem;
120+
height: 100%;
121+
}
122+
123+
.pi-info h3 {
124+
font-size: 1.25rem;
125+
font-weight: 600;
126+
color: #6b7280;
127+
margin-bottom: 0.5rem;
128+
}
129+
130+
.pi-name {
131+
font-size: 1.75rem;
132+
font-weight: 700;
133+
color: #1e3a8a;
134+
margin-bottom: 1rem;
135+
}
136+
137+
.pi-description {
138+
color: #374151;
139+
line-height: 1.7;
140+
}
141+
142+
.affiliation-grid {
143+
display: grid;
144+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
145+
gap: 1.5rem;
146+
}
147+
148+
.affiliation-item {
149+
background: white;
150+
border-radius: 0.5rem;
151+
padding: 1.5rem;
152+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
153+
border: 1px solid #e5e7eb;
154+
transition: all 0.3s ease;
155+
}
156+
157+
.affiliation-item:hover {
158+
transform: translateY(-2px);
159+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
160+
border-color: #1e3a8a;
161+
}
162+
163+
.affiliation-item h4 {
164+
font-size: 1.125rem;
165+
font-weight: 600;
166+
color: #1e3a8a;
167+
margin-bottom: 0.5rem;
168+
}
169+
170+
.affiliation-item p {
171+
color: #6b7280;
172+
font-size: 0.875rem;
173+
}
174+
175+
@media (max-width: 768px) {
176+
.about-text {
177+
grid-template-columns: 1fr;
178+
}
179+
180+
.affiliation-grid {
181+
grid-template-columns: 1fr;
182+
}
183+
}
184+
</style>

0 commit comments

Comments
 (0)