mirror of
https://github.com/Lissy93/awesome-privacy.git
synced 2026-03-11 08:55:33 +00:00
Wrote an about page... that no one will ever read
This commit is contained in:
Alicia Sykes
parent
c872b612aa
commit
7efbf24c95
1 changed files with 262 additions and 20 deletions
|
|
@ -2,10 +2,110 @@
|
|||
|
||||
import Layout from '@layouts/Layout.astro';
|
||||
import Main from '@components/scafold/MainCard.astro';
|
||||
import Icon from '@components/form/Icon.astro';
|
||||
|
||||
const contributorsResource = async () => {
|
||||
const url = 'https://api.github.com/repos/lissy93/personal-security-checklist/contributors?per_page=100';
|
||||
const response = await fetch(url);
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to fetch contributors');
|
||||
}
|
||||
return await response.json();
|
||||
};
|
||||
|
||||
const sponsorsResource = async () => {
|
||||
const url = 'https://github-sponsors.as93.workers.dev/lissy93';
|
||||
const response = await fetch(url);
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to fetch sponsors');
|
||||
}
|
||||
return await response.json();
|
||||
};
|
||||
|
||||
export const projects = [
|
||||
{
|
||||
title: 'Email Comparison',
|
||||
description: 'Objective comparison of private/secure mail providers',
|
||||
icon: 'https://email-comparison.as93.net/favicon.png',
|
||||
link: 'https://github.com/lissy93/email-comparison',
|
||||
},
|
||||
{
|
||||
title: 'Personal Security Checklist',
|
||||
description: 'Checklist of security tips, for protecting your privacy',
|
||||
icon: 'https://i.ibb.co/Rb6P6h6/shield.png',
|
||||
link: 'https://github.com/Lissy93/personal-security-checklist',
|
||||
},
|
||||
{
|
||||
title: 'Web-Check',
|
||||
description: 'OSINT tool for analysing any website',
|
||||
icon: 'https://icon.horse/icon/web-check.xyz',
|
||||
link: 'https://github.com/lissy93/web-check',
|
||||
},
|
||||
{
|
||||
title: 'Dashy',
|
||||
description: 'Dashboard app, for organising your self-hosted services',
|
||||
icon: 'https://dashy.to/img/dashy.png',
|
||||
link: 'https://github.com/lissy93/dashy',
|
||||
},
|
||||
{
|
||||
title: 'Portainer-Templates',
|
||||
description: 'Compiled repository of 1-click Docker apps for self-hosting',
|
||||
icon: 'https://portainer-templates.as93.net/favicon.png',
|
||||
link: 'https://github.com/lissy93/portainer-templates',
|
||||
},
|
||||
{
|
||||
title: 'AdGuardian',
|
||||
description: 'CLI tool for monitoring your networks traffic and AdGuard DNS stats',
|
||||
icon: 'https://adguardian.as93.net/favicon.png',
|
||||
link: 'https://github.com/lissy93/adguardian-term',
|
||||
},
|
||||
{
|
||||
title: 'Bug-Bounties',
|
||||
description: 'Database of websites which accept responsible vulnerability discolsure',
|
||||
icon: 'https://bug-bounties.as93.net/favicon.png',
|
||||
link: 'https://github.com/lissy93/bug-bounties',
|
||||
},
|
||||
{
|
||||
title: 'Git-In',
|
||||
description: 'Tools and resources to help beginners get into open source',
|
||||
icon: 'https://www.git-in.to/favicon.png',
|
||||
link: 'https://github.com/lissy93/git-in',
|
||||
},
|
||||
];
|
||||
|
||||
export const socials = [
|
||||
{
|
||||
title: 'GitHub',
|
||||
icon: 'hub',
|
||||
link: 'https://github.com/lissy93',
|
||||
},
|
||||
{
|
||||
title: 'Twitter',
|
||||
icon: 'twitter',
|
||||
link: 'https://x.com/lissy_sykes',
|
||||
},
|
||||
{
|
||||
title: 'Mastodon',
|
||||
icon: 'mastodon',
|
||||
link: 'https://mastodon.social/@lissy93',
|
||||
},
|
||||
{
|
||||
title: 'Dev',
|
||||
icon: 'dev',
|
||||
link: 'https://dev.to/lissy93',
|
||||
},
|
||||
{
|
||||
title: 'LinkedIn',
|
||||
icon: 'linkedin',
|
||||
link: 'https://linkedin.com/in/aliciasykes',
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
---
|
||||
|
||||
<Layout title="Awesome Privacy">
|
||||
<div class="about-page">
|
||||
<Main>
|
||||
<h2>Objective</h2>
|
||||
<p>
|
||||
|
|
@ -28,39 +128,106 @@ import Main from '@components/scafold/MainCard.astro';
|
|||
Awesome Privacy (including all data and code) is fully open source,
|
||||
maintained by a core group of volenteers, with a lot of help from the community.
|
||||
<br /><br />
|
||||
We welcome suggestions, additions, edits and removals to the list.
|
||||
We welcome suggestions, additions, edits and removals to the list.<br />
|
||||
It's thanks to contributors like you that this project is possible 💜
|
||||
<br /><br />
|
||||
To get started, head over to our GitHub repository.
|
||||
To get started, head over to our <a href="https://github.com/lissy93/awesome-privacy">GitHub repository</a>.
|
||||
From here, you'll be able to edit <a href="#"><code>awesome-privacy.yml</code></a>
|
||||
where all data is stored, and then submit your changes as a pull request.
|
||||
where all data is stored, and then submit your changes as a pull request.<br />
|
||||
<br /><br />
|
||||
You can find further details on the repo.
|
||||
Be sure to check the contributing guidelines before submitting a PR or issue,
|
||||
and ensure you're following our Code of Conduct.
|
||||
If you're new to open source, you can find some resources to get you started
|
||||
at <a href="https://git-in.to">git-in.to</a>, but feel free to reach out if you need any help 😊
|
||||
</p>
|
||||
<hr />
|
||||
|
||||
<h2>Credits</h2>
|
||||
<h3>Sponsors</h3>
|
||||
<p>Huge thanks to the following sponsors, for their ongoing support 💖</p>
|
||||
<div class="user-list">
|
||||
{sponsorsResource().then((sponsors) => {
|
||||
return sponsors.map((sponsor: any) => (
|
||||
<a class="user" href={`https://github.com/${sponsor.login}`} target="_blank" rel="noreferrer">
|
||||
<img src={sponsor.avatarUrl} alt={sponsor.login} />
|
||||
<p>{sponsor.name || sponsor.login}</p>
|
||||
</a>
|
||||
));
|
||||
})}
|
||||
</div>
|
||||
|
||||
<h3>Contributors</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
|
||||
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
This project exists thanks to all the people who've helped build and maintain it.<br />
|
||||
Special thanks to the below, top-100 contributors 🌟
|
||||
</p>
|
||||
<div class="user-list">
|
||||
{contributorsResource().then((sponsors) => {
|
||||
return sponsors.map((sponsor: any) => (
|
||||
<a class="user" href={sponsor.html_url} target="_blank" rel="noreferrer">
|
||||
<img src={sponsor.avatar_url} alt={sponsor.login} />
|
||||
<p>{sponsor.login}</p>
|
||||
</a>
|
||||
));
|
||||
})}
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>Author</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
|
||||
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<article class="author">
|
||||
<p>
|
||||
This project was originally started by
|
||||
me, <a href="https://aliciasykes.com">Alicia Sykes</a>
|
||||
(with a lot of help from the community)
|
||||
</p>
|
||||
<br />
|
||||
<p class="about">
|
||||
I build apps which aim to help people escape big tech, secure their data,
|
||||
and protect their privacy.
|
||||
</p>
|
||||
<br />
|
||||
<div class="pic-and-socials">
|
||||
<a href="https://aliciasykes.com">
|
||||
<img class="pic" width="180" height="240" alt="Alicia Sykes" src="https://i.ibb.co/fq10qhL/DSC-0597.jpg" />
|
||||
</a>
|
||||
<div class="socials">
|
||||
{
|
||||
socials.map((social) => (
|
||||
<a href={social.link}>
|
||||
<Icon icon={social.icon} width={24} height={24} />
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<p class="more-about">
|
||||
I have a particular interest in self-hosting, Linux, security and OSINT.<br />
|
||||
So if this type of stuff interests you, check out these other projects:
|
||||
</p>
|
||||
<ul>
|
||||
{
|
||||
projects.map((project) => (
|
||||
<li>
|
||||
<img width="20" height="20" alt={project.title} src={project.icon} />
|
||||
<a href={project.link} target="_blank" rel="noreferrer">
|
||||
{project.title}
|
||||
</a> - {project.description}
|
||||
</li>
|
||||
))
|
||||
}
|
||||
<li>
|
||||
...and loads more, over at <a href="https://apps.aliciasykes.com/">apps.aliciasykes.com</a>
|
||||
and on <a href="https://github.com/lissy93">github.com/lissy93</a>
|
||||
</li>
|
||||
</ul>
|
||||
<br />
|
||||
<p>
|
||||
If you'd like to support the ongoing work on Awesome Privacy,
|
||||
and other similar projects,
|
||||
consider <a href="https://github.com/sponsors/lissy93">sponsoring me</a> on GitHub 💖
|
||||
</p>
|
||||
|
||||
</article>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>License</h2>
|
||||
|
|
@ -74,6 +241,7 @@ import Main from '@components/scafold/MainCard.astro';
|
|||
</p>
|
||||
|
||||
</Main>
|
||||
</div>
|
||||
</Layout>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
@ -95,4 +263,78 @@ hr {
|
|||
border-color: var(--accent-2);
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.user-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
margin: 2rem 0;
|
||||
.user {
|
||||
width: 6rem;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
border-radius: var(--curve-md);
|
||||
}
|
||||
p {
|
||||
font-size: 1rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.author {
|
||||
p {
|
||||
margin: 1rem 0 0 0;
|
||||
}
|
||||
ul {
|
||||
padding-left: 1.5rem;
|
||||
list-style: circle;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.about {
|
||||
font-size: 1.4rem;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
color: var(--accent-3);
|
||||
text-align: center;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
small {
|
||||
font-size: 1rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.pic-and-socials {
|
||||
float:right;
|
||||
img {
|
||||
margin: 0.5rem 1rem;
|
||||
border-radius: var(--curve-md);
|
||||
border: 2px solid var(--foreground);
|
||||
box-shadow: 4px 4px 0 var(--foreground);
|
||||
}
|
||||
.socials {
|
||||
display: flex;
|
||||
margin: 0.5rem 1rem;
|
||||
justify-content: space-between;
|
||||
:global(a svg) {
|
||||
color: var(--foreground);
|
||||
transition: color 0.2s ease-in-out;
|
||||
&:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in a new issue