Skip to content

Commit

Permalink
Merge pull request #180 from TheExGenesis/update-homepage
Browse files Browse the repository at this point in the history
Cleaner homepage with clear action items + donation link
  • Loading branch information
TheExGenesis authored Dec 5, 2024
2 parents 6ed1d43 + 724ba73 commit 23241c1
Show file tree
Hide file tree
Showing 5 changed files with 92 additions and 107 deletions.
7 changes: 7 additions & 0 deletions docs/apps.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
# Apps

Applications running on top of the community archive.

| | | |
| ------------- | ------------- | ------------- |
| <a href="https://labs-community-archive.streamlit.app/"><img src="https://github.com/user-attachments/assets/39269a8e-e675-4040-9b71-f04c811ca304" width="350" /></a> | - [app](https://labs-community-archive.streamlit.app/) <br/> - [source code](https://github.com/TheExGenesis/community-archive-apps/tree/main) | "google trends" like app but for twitter data
34 changes: 7 additions & 27 deletions src/app/data-policy/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export default function DataPolicyPage() {
</h1>

<p>
At the Community Archive, we are committed to preserving the public
We are committed to preserving the public
history of Twitter conversations while respecting your privacy. This
policy outlines how we handle your data and the options available to
you.
Expand Down Expand Up @@ -51,6 +51,10 @@ export default function DataPolicyPage() {
anthropology research and fine-tuning language models.
</li>
</ul>
<br/>
<p>
API docs & instructions for downloading the data <a href='https://github.com/TheExGenesis/community-archive/tree/main/docs#docs' className='text-blue-500 hover:underline'>are in the GitHub repo.</a>
</p>

<h2 className="mt-6 text-2xl font-semibold">Important Considerations</h2>

Expand All @@ -72,22 +76,6 @@ export default function DataPolicyPage() {
<p>We offer several options to give you more control over your data:</p>

<ol className="list-inside list-decimal space-y-2">
<li>
<strong>Private Archive</strong>: You can choose to make your archive
private. In this case:
<ul className="ml-5 mt-2 list-inside list-disc space-y-1">
<li>
Only you and Community Archive stewards will have access to your
full data.
</li>
<li>
Your tweets may still appear in search results or aggregated data.
</li>
<li>
We may use your data for research and to improve our services.
</li>
</ul>
</li>
<li>
<strong>Exclude Likes</strong>: You can opt to leave out your likes
when uploading your archive.
Expand All @@ -103,14 +91,6 @@ export default function DataPolicyPage() {
</li>
</ol>

<h2 className="mt-6 text-2xl font-semibold">Data Access</h2>

<p>
We provide a full dump of the public database for easier data science
use. This allows researchers and developers to work with the collective
data more efficiently.
</p>

<h2 className="mt-6 text-2xl font-semibold">Contact Us</h2>

<p>
Expand All @@ -124,11 +104,11 @@ export default function DataPolicyPage() {
href="https://x.com/exgenesis"
target="_blank"
rel="noopener noreferrer"
className="text-blue-600 hover:underline"
className="text-blue-500 hover:underline"
>
@exgenesis
</a>
.
. Or find us on <a href="https://discord.gg/5mbWEfVrqw" className="text-blue-500 hover:underline">Discord</a> or <a href="https://github.com/TheExGenesis/community-archive" className="text-blue-500 hover:underline">GitHub</a>
</p>

<p>
Expand Down
8 changes: 4 additions & 4 deletions src/app/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -73,20 +73,20 @@ export default function RootLayout({
</Link>
</NavigationMenuItem>
<NavigationMenuItem>
<Link href="/mission-control" legacyBehavior passHref>
<Link href="/search" legacyBehavior passHref>
<NavigationMenuLink
className={navigationMenuTriggerStyle()}
>
Mission Control
Advanced Search
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
<NavigationMenuItem>
<Link href="/search" legacyBehavior passHref>
<Link href="https://github.com/TheExGenesis/community-archive/blob/main/docs/apps.md" legacyBehavior passHref>
<NavigationMenuLink
className={navigationMenuTriggerStyle()}
>
Advanced Search
Apps
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
Expand Down
147 changes: 72 additions & 75 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,19 +45,14 @@ export default async function Homepage() {
return (
<div className="relative mx-auto flex min-h-screen w-full max-w-3xl flex-col bg-white px-4 dark:bg-gray-800 sm:px-6 lg:px-24">
{/* Main content */}
<div className="mt-8 bg-white dark:bg-gray-800">
{' '}
<h1 className="mb-0 text-4xl font-bold text-zinc-400 dark:text-zinc-500 md:text-4xl">
Upload to the
</h1>
<div className="mt-8 bg-white dark:bg-gray-800 pb-16">
<h1 className="mt-0 text-4xl font-bold text-black dark:text-white md:text-4xl">
Community Archive!
Community Archive
</h1>
<br />
<h2 className="mb-4 text-xl text-zinc-600 dark:text-zinc-300">
{`An open database and API anyone can build on.`}
{`An open database and API anyone can build on`}
</h2>
<br />
<CommunityStats />
<h3 className="mb-4 text-sm">Featuring archives uploaded by:</h3>
{mostFollowed ? (
<AvatarList
Expand All @@ -69,82 +64,84 @@ export default async function Homepage() {
Failed to load most followed accounts.
</p>
)}
<br />
<CommunityStats />
<br />
<div className="text-sm">
<p className="mb-4 leading-relaxed">
{`Powered by your tweet history, the community archive lets anyone build things like:`}
</p>
<div className="mb-4 space-y-2 pl-4">
<p>🔎 Search that really knows what you mean</p>
<p>✨ AI apps with context on you and your friends</p>
<p>📚 Make artifacts like books based on your tweets</p>
<p>And more!</p>
</div>
<br />
</div>
<p className="mb-4 text-sm font-bold">{`How can I contribute?`}</p>
<ul className="mb-4 list-disc space-y-2 pl-6 text-sm">
<li>
{`If you don't have an archive yet, `}
<strong>
<a
href="https://x.com/settings/download_your_data"
className="text-blue-500 hover:underline"
>
request it here
</a>
</strong>
{` now!`}
</li>
<li className="dark:text-gray-300">{`If you do have an archive... `}</li>
</ul>

<br/>
<h2 className="mb-4 text-xl">
📤 Upload your data
</h2>

<p>
Export your data from twitter:{' '}
<a
href="https://x.com/settings/download_your_data"
className="text-blue-500 hover:underline"
>
https://x.com/settings/download_your_data
</a>
</p>
<br/>
<DynamicSignIn />
<UploadTwitterArchive supabase={null} />
<br />
<div className="mb-4 text-sm">
Useful links:
<ul className="mb-4 list-disc pl-6">
<li>
<a
href="https://github.com/TheExGenesis/community-archive/blob/main/docs/archive_data.md"
className="text-blue-500 hover:underline"
>
{`What data from the archive do we use, and why?`}
</a>
</li>
<li>
Want to build on the project? Check out our{' '}
<a
href="https://github.com/TheExGenesis/community-archive"
className="mr-2 inline-flex items-center text-blue-500 hover:underline"
>
<FaGithub className="mr-1" /> GitHub repo
</a>{' '}
and{' '}
<a

<h2 className="mb-4 text-xl my-10">
💻 Data & source code
</h2>

<p>
You can download any individual user&apos;s data (includes all tweets, followers, following, etc) as one big JSON file, or query our API, <a href='https://github.com/TheExGenesis/community-archive/tree/main/docs#docs' className='text-blue-500 hover:underline'>see documentation here</a>.
</p>

<br/>
<ul className='list-disc pl-4'>
<li>
<a
href="https://github.com/TheExGenesis/community-archive"
className="mr-2 inline-flex items-center text-blue-500 hover:underline"
>
<FaGithub className="mr-1" /> GitHub repo
</a>
</li>
<li>
<a
href="https://discord.gg/5mbWEfVrqw"
className="inline-flex items-center text-blue-500 hover:underline"
>
<FaDiscord className="mr-1" /> Discord
</a>
</li>
<li>
{`Want to know more? `}
<a
href="https://substack.com/@xiqo/p-148517224"
className="text-blue-500 hover:underline"
</li>
<li>
<a
href="https://github.com/TheExGenesis/community-archive/tree/main/docs"
className="inline-flex items-center text-blue-500 hover:underline"
>
{`Here's our FAQ`}
Docs & code examples
</a>
</li>
</ul>
<br />
<br />
</div>
<div className="mb-4"></div>
<br />
</li>
</ul>

<h2 className="mb-4 text-xl my-10">
📖 About this project
</h2>

<p>
We believe there is immense cultural, historical, and economic value in our data. We&apos;re building open source public infrastructure to collect, host, and serve this data for whatever purpose communities choose to use it for.
</p>

<br/>
<ul className='list-disc pl-4'>
<li>
<a href="https://opencollective.com/community-archive/donate" className='text-blue-500 hover:underline' target="_blank">
Donate to our Open Collective
</a>
</li>
</ul>

<br/>
<p>
Maintained & developed by <a href="@https://x.com/exgenesis" className='hover:underline'>Xiq (@exgeneis)</a> & contributors.
</p>

</div>

{/* Add Footer component */}
Expand Down
3 changes: 2 additions & 1 deletion src/components/file-upload-dialog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -285,8 +285,9 @@ export function FileUploadDialog({
<Link
href="/data-policy"
className="text-primary hover:underline"
target='_blank'
>
Read our Privacy Policy
Read our Data Policy
</Link>
</div>
</div>
Expand Down

0 comments on commit 23241c1

Please sign in to comment.