-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathimpact.html
More file actions
157 lines (142 loc) · 10.5 KB
/
Copy pathimpact.html
File metadata and controls
157 lines (142 loc) · 10.5 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Impact Ledger | Grey Software</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&family=IBM+Plex+Mono:ital,wght@0,300;0,400;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body class="font-mono text-sm antialiased selection:bg-blood selection:text-paper">
<div class="fixed top-0 left-0 w-full h-12 border-b frame-border z-40 flex items-center justify-between px-4 sm:px-6 lg:px-12 bg-ink/80 backdrop-blur-md text-paper">
<a href="index.html" class="flex items-center">
<img src="logos/logo-white-unpadded.png" alt="Grey Software" class="h-4 sm:h-5 w-auto object-contain" />
</a>
<nav class="flex items-center gap-5 sm:gap-8 lg:gap-10 text-xs tracking-widest uppercase">
<a href="impact.html" class="relative nav-link opacity-100 font-bold">Impact</a>
<a href="lineage.html" class="relative nav-link opacity-60">Lineage</a>
<a href="credits.html" class="relative nav-link opacity-60">Credits</a>
</nav>
</div>
<div class="fixed top-12 right-0 w-12 h-[calc(100vh-3rem)] border-l frame-border z-30 hidden md:block"></div>
<main class="pt-12 md:pl-12 md:pr-12 min-h-screen">
<section class="max-w-5xl mx-auto border-x frame-border">
<article class="grid grid-cols-1 md:grid-cols-4 border-t frame-border group relative reveal">
<div class="absolute left-0 top-0 bottom-0 w-1 bg-blood scale-y-0 group-hover:scale-y-100 transition-transform origin-top duration-500"></div>
<div class="md:col-span-1 border-b md:border-b-0 md:border-r frame-border p-8 lg:p-12 relative flex flex-col justify-start">
<div class="font-sans font-bold tracking-tight italic text-3xl">June 2026</div>
<div class="mt-auto pt-8">
<div class="w-3 h-3 bg-blood rounded-full animate-pulse shadow-[0_0_10px_rgba(137,35,35,0.8)]"></div>
</div>
</div>
<div class="md:col-span-3 p-8 lg:p-12 pl-8 lg:pl-16">
<h3 class="font-sans font-bold tracking-tight text-4xl lg:text-5xl mb-8">Code for Pakistan Hackathon</h3>
<div class="space-y-6 text-sm lg:text-base opacity-80 max-w-2xl leading-relaxed">
<p>
Grey Software partnered with Code for Pakistan for their civic tech hackathon, contributing a direct <span class="font-bold uppercase text-paper md:bg-paper md:text-ink md:px-2 md:py-0.5">$300 USD donation</span> and brokering <span class="font-bold uppercase text-paper md:bg-paper md:text-ink md:px-2 md:py-0.5">$1,000 in Scrimba subscriptions</span> as prizes for winning teams.
</p>
<p>
Grey Software was promoted as a sponsor to participants throughout the hackathon.
</p>
</div>
</div>
</article>
<article class="grid grid-cols-1 md:grid-cols-4 border-t frame-border group relative reveal">
<div class="absolute left-0 top-0 bottom-0 w-1 bg-blood scale-y-0 group-hover:scale-y-100 transition-transform origin-top duration-500"></div>
<div class="md:col-span-1 border-b md:border-b-0 md:border-r frame-border p-8 lg:p-12 relative flex flex-col justify-start">
<div class="font-sans font-bold tracking-tight italic text-3xl">2020–Present</div>
</div>
<div class="md:col-span-3 p-8 lg:p-12 pl-8 lg:pl-16">
<h3 class="font-sans font-bold tracking-tight text-4xl lg:text-5xl mb-8">Open Source Maintainer Sponsorships</h3>
<div class="space-y-6 text-sm lg:text-base opacity-80 max-w-2xl leading-relaxed">
<p>
Open source infrastructure is often maintained by individuals doing quiet, essential work. Since 2020, we've used GitHub Sponsors to send recurring support to open source maintainers who keep useful software available to everyone.
</p>
<div class="mt-8 p-6 bg-paper-dark/5 border-l-2 frame-border">
<p>
<span class="font-bold uppercase text-paper md:bg-paper md:text-ink md:px-2 md:py-0.5">$939+ sponsored to date</span>, with <span class="font-bold uppercase text-paper md:bg-paper md:text-ink md:px-2 md:py-0.5">$40/month</span> currently active.
</p>
<span class="text-xs uppercase tracking-widest opacity-50 block mt-6 mb-2">Sponsored</span>
<p>
<a href="https://github.com/sponsors/mifi" target="_blank" rel="noopener noreferrer" class="nav-link relative">mifi</a>,
<a href="https://github.com/sponsors/egoist" target="_blank" rel="noopener noreferrer" class="nav-link relative">egoist</a>,
<a href="https://github.com/sponsors/paulmillr" target="_blank" rel="noopener noreferrer" class="nav-link relative">paulmillr</a>,
<a href="https://github.com/sponsors/privatenumber" target="_blank" rel="noopener noreferrer" class="nav-link relative">privatenumber</a>,
<a href="https://github.com/sponsors/stevebauman" target="_blank" rel="noopener noreferrer" class="nav-link relative">stevebauman</a>,
<a href="https://github.com/sponsors/antfu" target="_blank" rel="noopener noreferrer" class="nav-link relative">antfu</a>,
<a href="https://github.com/sponsors/tibbi" target="_blank" rel="noopener noreferrer" class="nav-link relative">tibbi</a>,
<a href="https://github.com/sponsors/parse-community" target="_blank" rel="noopener noreferrer" class="nav-link relative">parse-community</a>,
<a href="https://github.com/sponsors/rstoenescu" target="_blank" rel="noopener noreferrer" class="nav-link relative">rstoenescu</a>,
<a href="https://github.com/sponsors/babel" target="_blank" rel="noopener noreferrer" class="nav-link relative">babel</a>,
<a href="https://github.com/sponsors/typicode" target="_blank" rel="noopener noreferrer" class="nav-link relative">typicode</a>,
<a href="https://github.com/sponsors/jsbroks" target="_blank" rel="noopener noreferrer" class="nav-link relative">jsbroks</a>,
<a href="https://github.com/sponsors/jsilva-pt" target="_blank" rel="noopener noreferrer" class="nav-link relative">jsilva-pt</a>,
and <a href="https://github.com/sponsors/Charlie85270" target="_blank" rel="noopener noreferrer" class="nav-link relative">Charlie85270</a>.
</p>
</div>
</div>
</div>
</article>
<article class="grid grid-cols-1 md:grid-cols-4 border-t frame-border group relative reveal">
<div class="absolute left-0 top-0 bottom-0 w-1 bg-blood scale-y-0 group-hover:scale-y-100 transition-transform origin-top duration-500"></div>
<div class="md:col-span-1 border-b md:border-b-0 md:border-r frame-border p-8 lg:p-12 relative flex flex-col justify-start">
<div class="font-sans font-bold tracking-tight italic text-3xl">2026 – Ongoing</div>
<div class="mt-auto pt-8">
<div class="w-3 h-3 bg-blood rounded-full animate-pulse shadow-[0_0_10px_rgba(137,35,35,0.8)]"></div>
</div>
</div>
<div class="md:col-span-3 p-8 lg:p-12 pl-8 lg:pl-16">
<h3 class="font-sans font-bold tracking-tight text-4xl lg:text-5xl mb-8">Pashto & Underrepresented Language Models</h3>
<div class="space-y-6 text-sm lg:text-base opacity-80 max-w-2xl leading-relaxed">
<p>
Grey Software has awarded <span class="font-bold uppercase text-paper md:bg-paper md:text-ink md:px-2 md:py-0.5">a $600 USD research grant over four months</span> to <a href="https://huggingface.co/junaid008" target="_blank" rel="noopener noreferrer" class="nav-link relative">Junaid Ahmad</a>, who is building language models and speech recognition tools for Pashto and other underrepresented languages in Pakistan. This builds on earlier support: two months of Colab Pro and a month of Hugging Face Pro.
</p>
<p>
This is the kind of work that doesn't get funded by large institutions. Too specific, too local, too far from the centres of capital. That's exactly why it belongs here.
</p>
</div>
</div>
</article>
</section>
<footer class="py-24 mt-24 relative overflow-hidden border-t frame-border">
<div class="max-w-7xl mx-auto px-6 lg:px-16 flex flex-col md:flex-row justify-between items-start md:items-end gap-16 relative z-10">
<div>
<img src="logos/logo-white-unpadded.png" alt="Grey Software" class="h-10 md:h-14 w-auto mb-8 object-contain" />
</div>
<div class="flex gap-12 sm:gap-16 text-xs uppercase tracking-widest">
<ul class="space-y-4">
<li class="opacity-40 border-b frame-border pb-2 mb-4">Internal</li>
<li><a href="index.html" class="nav-link relative pb-1">Home</a></li>
<li><a href="impact.html" class="nav-link relative pb-1">Impact Ledger</a></li>
<li><a href="lineage.html" class="nav-link relative pb-1">The Lineage</a></li>
<li><a href="credits.html" class="nav-link relative pb-1">Credits</a></li>
</ul>
<ul class="space-y-4">
<li class="opacity-40 border-b frame-border pb-2 mb-4">Social</li>
<li><a href="https://www.linkedin.com/company/grey-software" target="_blank" rel="noopener noreferrer" class="nav-link relative pb-1">LinkedIn</a></li>
<li><a href="https://www.instagram.com/greysoftware" target="_blank" rel="noopener noreferrer" class="nav-link relative pb-1">Instagram</a></li>
<li><a href="https://github.com/grey-software" target="_blank" rel="noopener noreferrer" class="nav-link relative pb-1">GitHub</a></li>
</ul>
</div>
</div>
</footer>
</main>
<script>
const revealElements = document.querySelectorAll('.reveal');
const revealOnScroll = () => {
for (let i = 0; i < revealElements.length; i++) {
const windowHeight = window.innerHeight;
const elementTop = revealElements[i].getBoundingClientRect().top;
const elementVisible = 100;
if (elementTop < windowHeight - elementVisible) {
revealElements[i].classList.add('active');
}
}
};
window.addEventListener('scroll', revealOnScroll);
revealOnScroll();
</script>
</body>
</html>