Skip to content

Commit 47f004a

Browse files
VolkanSahVolkanSah
authored
Update index.html
1 parent 632fd07 commit 47f004a

1 file changed

Lines changed: 41 additions & 47 deletions

File tree

‎index.html‎

Lines changed: 41 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
</head>
5454
<body class="min-h-screen flex flex-col">
5555
<header class="sticky top-0 z-50 bg-white shadow-sm">
56-
<div class="container mx-auto px-4 py-4 flex justify-between items-center">
56+
<div class="container mx-auto px-4 py-4 max-w-6xl flex justify-between items-center">
5757
<div class="flex items-center space-x-2">
5858
<div class="logo">M</div>
5959
<span class="text-2xl font-bold">Mini<span class="green-accent">GreX</span></span>
@@ -72,8 +72,8 @@
7272
</header>
7373

7474
<main class="flex-grow">
75-
<section class="py-20 px-4 flex items-center justify-center text-center">
76-
<div class="container mx-auto" data-aos="fade-up">
75+
<section class="py-20 px-4 flex items-center justify-center text-center bg-white">
76+
<div class="container mx-auto max-w-6xl" data-aos="fade-up">
7777
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
7878
Protecting <span class="green-accent">Truth</span> in<br>
7979
Challenging Environments
@@ -90,30 +90,30 @@ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
9090

9191
<div class="section-divider my-16"></div>
9292

93-
<section id="mission" class="py-16 px-4">
94-
<div class="container mx-auto max-w-4xl">
93+
<section id="mission" class="py-16 px-4 bg-gray-100">
94+
<div class="container mx-auto max-w-6xl">
9595
<div class="text-center mb-12" data-aos="fade-up">
9696
<h2 class="text-4xl font-bold mb-4">Our <span class="green-accent">Mission</span></h2>
97-
<p class="text-xl text-gray-600">
97+
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
9898
To support journalists, whistleblowers, and security developers with a secure and reliable web-infrastructure, ensuring that free and unbiased information continues to thrive.
9999
</p>
100100
</div>
101101
<div class="grid md:grid-cols-3 gap-8">
102-
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center" data-aos="fade-up" data-aos-delay="100">
102+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up" data-aos-delay="100">
103103
<div class="text-green-accent mb-4">
104104
<i data-feather="shield" class="w-10 h-10"></i>
105105
</div>
106106
<h3 class="text-2xl font-bold mb-2">Security First</h3>
107107
<p class="text-gray-600">Tools designed for high-risk environments with privacy as the core principle.</p>
108108
</div>
109-
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center" data-aos="fade-up" data-aos-delay="200">
109+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up" data-aos-delay="200">
110110
<div class="text-green-accent mb-4">
111111
<i data-feather="users" class="w-10 h-10"></i>
112112
</div>
113113
<h3 class="text-2xl font-bold mb-2">Community Driven</h3>
114114
<p class="text-gray-600">A collective of developers and specialists working together to enhance security.</p>
115115
</div>
116-
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center" data-aos="fade-up" data-aos-delay="300">
116+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up" data-aos-delay="300">
117117
<div class="text-green-accent mb-4">
118118
<i data-feather="globe" class="w-10 h-10"></i>
119119
</div>
@@ -126,8 +126,8 @@ <h3 class="text-2xl font-bold mb-2">Global Impact</h3>
126126

127127
<div class="section-divider my-16"></div>
128128

129-
<section id="about" class="py-16 px-4 bg-gray-100">
130-
<div class="container mx-auto max-w-4xl">
129+
<section id="about" class="py-16 px-4 bg-white">
130+
<div class="container mx-auto max-w-6xl">
131131
<div class="text-center mb-12" data-aos="fade-up">
132132
<h2 class="text-4xl font-bold mb-4">Who <span class="green-accent">We Are</span></h2>
133133
</div>
@@ -137,10 +137,10 @@ <h2 class="text-4xl font-bold mb-4">Who <span class="green-accent">We Are</span>
137137
MiniGreX is a collective of developers, security specialists, and advocates for press freedom. Together, we design and maintain tools that prioritize security, privacy, and ease of use.
138138
</p>
139139
<p class="text-lg text-gray-700">
140-
Access to this organization is restricted to vetted individuals who align with our mission. Applications are reviewed to ensure our resources are used ethically and responsibly.
140+
Access to this organization is restricted to vetted individuals who align with our mission. Applications are reviewed on a case-by-case basis to ensure that our resources are used ethically and responsibly.
141141
</p>
142142
</div>
143-
<div class="bg-white p-8 rounded-lg shadow-sm border border-gray-200 flex flex-col justify-center" data-aos="fade-left">
143+
<div class="bg-gray-100 p-8 rounded-lg shadow-sm border border-gray-200 flex flex-col justify-center" data-aos="fade-left">
144144
<div class="flex items-center mb-6">
145145
<div class="mr-4 text-green-accent">
146146
<i data-feather="alert-triangle" class="w-10 h-10"></i>
@@ -160,50 +160,44 @@ <h3 class="text-2xl font-bold">We're Looking For</h3>
160160

161161
<div class="section-divider my-16"></div>
162162

163-
<section id="offer" class="py-16 px-4">
164-
<div class="container mx-auto max-w-4xl">
163+
<section id="offer" class="py-16 px-4 bg-gray-100">
164+
<div class="container mx-auto max-w-6xl">
165165
<div class="text-center mb-12" data-aos="fade-up">
166166
<h2 class="text-4xl font-bold mb-4">What We <span class="green-accent">Offer</span></h2>
167167
</div>
168-
<div class="space-y-8">
169-
<div class="p-6 border border-gray-200 rounded-lg flex items-start" data-aos="fade-up">
170-
<div class="mr-6 text-green-accent">
168+
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
169+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up">
170+
<div class="text-green-accent mb-4">
171171
<i data-feather="lock" class="w-10 h-10"></i>
172172
</div>
173-
<div>
174-
<h3 class="text-2xl font-bold mb-2">Secure Infrastructure</h3>
175-
<p class="text-gray-600">Tools and frameworks designed for high-risk environments with multiple layers of protection.</p>
176-
</div>
173+
<h3 class="text-2xl font-bold mb-2">Secure Infrastructure</h3>
174+
<p class="text-gray-600">Tools and frameworks designed for high-risk environments with multiple layers of protection.</p>
177175
</div>
178-
<div class="p-6 border border-gray-200 rounded-lg flex items-start" data-aos="fade-up" data-aos-delay="100">
179-
<div class="mr-6 text-green-accent">
176+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up" data-aos-delay="100">
177+
<div class="text-green-accent mb-4">
180178
<i data-feather="git-merge" class="w-10 h-10"></i>
181179
</div>
182-
<div>
183-
<h3 class="text-2xl font-bold mb-2">Collaborative Development</h3>
184-
<p class="text-gray-600">A community-driven approach to enhance security features and share knowledge.</p>
185-
</div>
180+
<h3 class="text-2xl font-bold mb-2">Collaborative Development</h3>
181+
<p class="text-gray-600">A community-driven approach to enhance security features and share knowledge.</p>
186182
</div>
187-
<div class="p-6 border border-gray-200 rounded-lg flex items-start" data-aos="fade-up" data-aos-delay="200">
188-
<div class="mr-6 text-green-accent">
183+
<div class="p-6 border border-gray-200 rounded-lg flex flex-col items-center text-center bg-white" data-aos="fade-up" data-aos-delay="200">
184+
<div class="text-green-accent mb-4">
189185
<i data-feather="book-open" class="w-10 h-10"></i>
190186
</div>
191-
<div>
192-
<h3 class="text-2xl font-bold mb-2">Expertise Sharing</h3>
193-
<p class="text-gray-600">Resources and guidance for those working at the intersection of journalism and security.</p>
194-
</div>
187+
<h3 class="text-2xl font-bold mb-2">Expertise Sharing</h3>
188+
<p class="text-gray-600">Resources and guidance for those working at the intersection of journalism and security.</p>
195189
</div>
196190
</div>
197191
</div>
198192
</section>
199193

200194
<div class="section-divider my-16"></div>
201195

202-
<section id="join" class="py-16 px-4 bg-gray-100">
203-
<div class="container mx-auto max-w-2xl text-center">
196+
<section id="join" class="py-16 px-4 bg-white">
197+
<div class="container mx-auto max-w-6xl text-center">
204198
<div data-aos="fade-up">
205199
<h2 class="text-4xl font-bold mb-6">Join Our <span class="green-accent">Mission</span></h2>
206-
<p class="text-xl text-gray-600 mb-8">
200+
<p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
207201
If you share our vision and are interested in contributing to this initiative, we welcome your application.
208202
</p>
209203
<a href="#" class="btn btn-primary">Apply Now</a>
@@ -213,36 +207,36 @@ <h2 class="text-4xl font-bold mb-6">Join Our <span class="green-accent">Mission<
213207

214208
<div class="section-divider my-16"></div>
215209

216-
<section id="legal" class="py-16 px-4">
217-
<div class="container mx-auto max-w-4xl">
210+
<section id="legal" class="py-16 px-4 bg-gray-100">
211+
<div class="container mx-auto max-w-6xl">
218212
<div class="text-center mb-12" data-aos="fade-up">
219213
<h2 class="text-4xl font-bold mb-4">Legal <span class="green-accent">Notice</span></h2>
220214
</div>
221-
<div class="prose prose-green max-w-none" data-aos="fade-up">
215+
<div class="prose max-w-none prose-lg mx-auto" data-aos="fade-up">
222216
<h3 class="text-2xl font-bold mb-2">Usage Policies</h3>
223217
<p class="text-gray-600 mb-4">
224218
MiniGreX is built to support press freedom and the protection of fundamental rights. Misuse of this software for purposes contrary to these principles is strictly prohibited.
225219
</p>
226220
<h3 class="text-2xl font-bold mb-2 mt-6">Allowed Use</h3>
227221
<ul class="text-gray-600 mb-4 list-disc pl-5">
228-
<li>Development of tools that enhance security and protect freedom of expression.</li>
229-
<li>Usage by journalists, security professionals, and aligned developers.</li>
222+
<li>Development of tools and systems that enhance security, protect freedom of expression, and support journalistic work.</li>
223+
<li>Usage by journalists, security professionals, and developers aligned with the project’s mission.</li>
230224
</ul>
231225
<h3 class="text-2xl font-bold mb-2 mt-6">Prohibited Use</h3>
232226
<ul class="text-gray-600 mb-4 list-disc pl-5">
233-
<li>Illegal surveillance or suppression of information.</li>
234-
<li>Violation of human rights or actions undermining press freedom.</li>
227+
<li>Exploitation of the software for illegal surveillance, suppression of information, or harm to individuals.</li>
228+
<li>Violation of human rights or actions that undermine press freedom.</li>
235229
</ul>
236230
<p class="text-sm text-gray-500 mt-8">
237-
By using or contributing to MiniGreX, you acknowledge and agree to these terms.
231+
For more detailed information and the full legal disclaimer, please visit our official GitHub organization page.
238232
</p>
239233
</div>
240234
</div>
241235
</section>
242236
</main>
243237

244238
<footer class="bg-gray-900 text-white py-12 px-4">
245-
<div class="container mx-auto">
239+
<div class="container mx-auto max-w-6xl">
246240
<div class="flex flex-col md:flex-row justify-between items-center">
247241
<div class="mb-6 md:mb-0">
248242
<div class="flex items-center space-x-2">
@@ -252,7 +246,7 @@ <h3 class="text-2xl font-bold mb-2 mt-6">Prohibited Use</h3>
252246
<p class="text-gray-400 mt-2">Secure infrastructure for press freedom</p>
253247
</div>
254248
<div class="flex space-x-6">
255-
<a href="#" class="text-gray-400 hover:text-white transition">
249+
<a href="https://github.com/MiniGreX" class="text-gray-400 hover:text-white transition">
256250
<i data-feather="github"></i>
257251
</a>
258252
<a href="#" class="text-gray-400 hover:text-white transition">

0 commit comments

Comments
 (0)