Skip to content

Commit 4b26280

Browse files
marcpruxmarcprux
committed
Update landing
1 parent 10e1375 commit 4b26280

File tree

1 file changed

+93
-267
lines changed

1 file changed

+93
-267
lines changed

‎index.md‎

Lines changed: 93 additions & 267 deletions
Original file line numberDiff line numberDiff line change
@@ -4,278 +4,104 @@ title: "Keep Android Open"
44
permalink: /
55
description: "Advocating for Android as a free, open platform for everyone to build apps on."
66
---
7-
87
<!DOCTYPE html>
98
<html lang="en">
109
<head>
11-
<meta charset="UTF-8">
12-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
13-
<title>Keep Android Open</title>
14-
<style>
15-
* {
16-
margin: 0;
17-
padding: 0;
18-
box-sizing: border-box;
19-
}
20-
21-
body {
22-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
23-
line-height: 1.6;
24-
color: #333;
25-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
26-
min-height: 100vh;
27-
}
28-
29-
.container {
30-
max-width: 900px;
31-
margin: 0 auto;
32-
padding: 40px 20px;
33-
}
34-
35-
header {
36-
text-align: center;
37-
color: white;
38-
margin-bottom: 60px;
39-
animation: fadeInDown 0.8s ease-out;
40-
}
41-
42-
header h1 {
43-
font-size: 3.5rem;
44-
font-weight: 700;
45-
margin-bottom: 15px;
46-
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
47-
}
48-
49-
header p {
50-
font-size: 1.2rem;
51-
opacity: 0.95;
52-
max-width: 600px;
53-
margin: 0 auto;
54-
}
55-
56-
.content-wrapper {
57-
background: white;
58-
border-radius: 20px;
59-
padding: 60px;
60-
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
61-
animation: fadeInUp 0.8s ease-out;
62-
}
63-
64-
.section {
65-
margin-bottom: 50px;
66-
}
67-
68-
.section:last-child {
69-
margin-bottom: 0;
70-
}
71-
72-
.section h2 {
73-
font-size: 2rem;
74-
color: #667eea;
75-
margin-bottom: 20px;
76-
display: flex;
77-
align-items: center;
78-
gap: 12px;
79-
}
80-
81-
.section h2::before {
82-
content: '';
83-
display: inline-block;
84-
width: 5px;
85-
height: 30px;
86-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
87-
border-radius: 3px;
88-
}
89-
90-
.section p {
91-
font-size: 1.1rem;
92-
line-height: 1.8;
93-
color: #555;
94-
margin-bottom: 15px;
95-
}
96-
97-
.section ul {
98-
list-style: none;
99-
margin: 20px 0;
100-
}
101-
102-
.section li {
103-
padding: 12px 0 12px 35px;
104-
position: relative;
105-
font-size: 1.05rem;
106-
color: #555;
107-
line-height: 1.8;
108-
}
109-
110-
.section li::before {
111-
content: '▸';
112-
position: absolute;
113-
left: 0;
114-
color: #667eea;
115-
font-size: 1.5rem;
116-
line-height: 1;
117-
}
118-
119-
.cta-section {
120-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
121-
color: white;
122-
padding: 40px;
123-
border-radius: 15px;
124-
text-align: center;
125-
margin-top: 50px;
126-
}
127-
128-
.cta-section h3 {
129-
font-size: 1.8rem;
130-
margin-bottom: 15px;
131-
}
132-
133-
.cta-section p {
134-
color: rgba(255, 255, 255, 0.9);
135-
margin-bottom: 25px;
136-
font-size: 1.05rem;
137-
}
138-
139-
.button {
140-
display: inline-block;
141-
background: white;
142-
color: #667eea;
143-
padding: 14px 35px;
144-
border-radius: 50px;
145-
text-decoration: none;
146-
font-weight: 600;
147-
transition: all 0.3s ease;
148-
font-size: 1.05rem;
149-
border: none;
150-
cursor: pointer;
151-
}
152-
153-
.button:hover {
154-
transform: translateY(-2px);
155-
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
156-
}
157-
158-
footer {
159-
text-align: center;
160-
color: white;
161-
margin-top: 40px;
162-
font-size: 0.95rem;
163-
opacity: 0.8;
164-
}
165-
166-
@keyframes fadeInDown {
167-
from {
168-
opacity: 0;
169-
transform: translateY(-30px);
170-
}
171-
to {
172-
opacity: 1;
173-
transform: translateY(0);
174-
}
175-
}
176-
177-
@keyframes fadeInUp {
178-
from {
179-
opacity: 0;
180-
transform: translateY(30px);
181-
}
182-
to {
183-
opacity: 1;
184-
transform: translateY(0);
185-
}
186-
}
187-
188-
@media (max-width: 768px) {
189-
.container {
190-
padding: 20px 15px;
191-
}
192-
193-
.content-wrapper {
194-
padding: 35px 25px;
195-
}
196-
197-
header h1 {
198-
font-size: 2.2rem;
199-
}
200-
201-
header p {
202-
font-size: 1rem;
203-
}
204-
205-
.section h2 {
206-
font-size: 1.5rem;
207-
}
208-
209-
.section p {
210-
font-size: 1rem;
211-
}
212-
213-
.section li {
214-
padding-left: 30px;
215-
}
216-
}
217-
</style>
10+
<meta charset="UTF-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
12+
<title>{{ page.title }}</title>
13+
<style>
14+
body {
15+
font-family: 'Inter', sans-serif;
16+
margin: 0;
17+
padding: 0;
18+
background: #f9fafc;
19+
color: #222;
20+
line-height: 1.6;
21+
}
22+
header {
23+
text-align: center;
24+
padding: 60px 20px 30px;
25+
background: linear-gradient(135deg, #0066cc, #33cc99);
26+
color: #fff;
27+
}
28+
header h1 {
29+
font-size: 2.8em;
30+
margin-bottom: 0.3em;
31+
}
32+
header p {
33+
font-size: 1.2em;
34+
opacity: 0.9;
35+
}
36+
main {
37+
max-width: 800px;
38+
margin: 50px auto;
39+
padding: 0 20px;
40+
}
41+
section {
42+
margin-bottom: 40px;
43+
}
44+
h2 {
45+
color: #0066cc;
46+
margin-bottom: 0.4em;
47+
}
48+
p {
49+
margin-bottom: 1.2em;
50+
font-size: 1.05em;
51+
}
52+
.cta {
53+
text-align: center;
54+
margin-top: 50px;
55+
}
56+
.cta a {
57+
background: #0066cc;
58+
color: white;
59+
padding: 14px 28px;
60+
border-radius: 6px;
61+
text-decoration: none;
62+
font-weight: 600;
63+
transition: background 0.3s ease;
64+
}
65+
.cta a:hover {
66+
background: #0052a3;
67+
}
68+
footer {
69+
text-align: center;
70+
padding: 20px 0;
71+
color: #666;
72+
font-size: 0.9em;
73+
}
74+
</style>
21875
</head>
21976
<body>
220-
<div class="container">
221-
<header>
222-
<h1>Keep Android Open</h1>
223-
<p>Advocating for Android as a truly open platform where developers of all sizes can build and distribute apps freely</p>
224-
</header>
225-
226-
<div class="content-wrapper">
227-
<section class="section">
228-
<h2>Why Android Openness Matters</h2>
229-
<p>Android's greatest strength has always been its openness. Unlike proprietary mobile platforms, Android empowers developers to create, innovate, and compete on merit. This openness has driven billions of innovations and given users unprecedented choice in how they use their devices.</p>
230-
<p>When barriers to entry are low, the ecosystem thrives. Indie developers, startups, and enterprises alike can all participate equally. This diversity of apps and ideas benefits everyone—developers gain opportunity, users gain choice, and the entire mobile ecosystem becomes stronger.</p>
231-
</section>
232-
233-
<section class="section">
234-
<h2>The Threats We Face</h2>
235-
<p>Android's open nature faces increasing pressure from proprietary restrictions, walled gardens, and gatekeeping practices that limit developer freedom. These threats include:</p>
236-
<ul>
237-
<li>Restrictive app distribution mechanisms that limit where developers can publish</li>
238-
<li>Closed ecosystems that prevent users from full device ownership and control</li>
239-
<li>Barriers that favor large technology companies over independent developers</li>
240-
<li>Practices that lock users into specific services and platforms</li>
241-
<li>Erosion of side-loading capabilities and alternative distribution channels</li>
242-
</ul>
243-
</section>
244-
245-
<section class="section">
246-
<h2>What We Stand For</h2>
247-
<p>We believe Android should remain a platform where:</p>
248-
<ul>
249-
<li>Any developer can build and publish apps without gatekeeping or discriminatory approval processes</li>
250-
<li>Users retain control over their devices and can choose how to install and run software</li>
251-
<li>Competition drives innovation, benefiting users through better features and lower prices</li>
252-
<li>Open standards and interoperability prevent vendor lock-in</li>
253-
<li>The playing field remains level for developers of all sizes and backgrounds</li>
254-
</ul>
255-
</section>
256-
257-
<section class="section">
258-
<h2>How You Can Help</h2>
259-
<p>Keeping Android open requires active support from developers, users, and advocates:</p>
260-
<ul>
261-
<li><strong>Speak Up:</strong> Share your perspective on why platform openness matters to you and your users</li>
262-
<li><strong>Support Open Alternatives:</strong> Use and promote tools and platforms that respect developer freedom</li>
263-
<li><strong>Build Openly:</strong> Create apps that work across devices and don't rely on proprietary lock-in</li>
264-
<li><strong>Educate Others:</strong> Help users understand the benefits of open platforms and developer choice</li>
265-
<li><strong>Participate:</strong> Engage with open source projects and Android communities</li>
266-
</ul>
267-
</section>
268-
269-
<div class="cta-section">
270-
<h3>Join the Movement</h3>
271-
<p>The future of Android depends on our commitment to keeping it open. By supporting open platforms, you're supporting innovation, competition, and developer freedom for everyone.</p>
272-
<button class="button">Learn More</button>
273-
</div>
274-
</div>
275-
276-
<footer>
277-
<p>&copy; 2025 Keep Android Open. Advocating for free and open mobile development.</p>
278-
</footer>
77+
<header>
78+
<h1>Keep Android Open</h1>
79+
<p>Advocating for an Android ecosystem where everyone can innovate freely</p>
80+
</header>
81+
82+
<main>
83+
<section>
84+
<h2>Why It Matters</h2>
85+
<p>Android thrives because it is open. Developers of all backgrounds can build, publish, and share apps without excessive control or gatekeeping. This freedom fuels creativity, growth, and diversity in technology.</p>
86+
</section>
87+
88+
<section>
89+
<h2>The Challenge</h2>
90+
<p>Increasing restrictions, proprietary platforms, and app store lock-ins threaten the openness that made Android what it is today. We must keep the system fair, transparent, and accessible to developers and users alike.</p>
91+
</section>
92+
93+
<section>
94+
<h2>Our Mission</h2>
95+
<p>We advocate for policies and choices that preserve open-source principles in the Android ecosystem. We support independent developers, transparency in app distribution, and the right to build without corporate barriers.</p>
96+
</section>
97+
98+
<div class="cta">
99+
<a href="#join">Join the Movement</a>
279100
</div>
101+
</main>
102+
103+
<footer>
104+
<p>© {{ site.time | date: "%Y" }} Keep Android Open – Powered by Jekyll</p>
105+
</footer>
280106
</body>
281107
</html>

0 commit comments

Comments
 (0)