This commit is contained in:
tree🌴 2024-02-12 11:21:14 +01:00
parent 1271d81e31
commit 35e4a1ea79
6 changed files with 50 additions and 3 deletions

View file

@ -1,3 +1,7 @@
---
published: https://paragraph.xyz/@privacynews/2024-05
---
### Research ### Research
* [Privacy Spreadsheet](https://privacyspreadsheet.com/messaging-apps) comparing different messengers on their privacy properties ([src](https://twitter.com/russian_bot_69/status/1754051913182478683)) * [Privacy Spreadsheet](https://privacyspreadsheet.com/messaging-apps) comparing different messengers on their privacy properties ([src](https://twitter.com/russian_bot_69/status/1754051913182478683))

View file

@ -0,0 +1,30 @@
---
import { setWeek, nextMonday, format, addDays } from 'date-fns';
const { issue } = Astro.props;
const [ year, week ] = issue.week.split('-');
const current = false;
---
<div class=`mb-8 border ${!issue.published ? "border-dashed border-blue-950" : "border-white/20"}`>
<div class=`flex w-full p-4 sm:p-6 ${!issue.published ? "bg-blue-950" : "bg-white/10"}`>
<div class="grid gap-2 sm:gap-6 sm:flex items-center">
<h1 class="text-2xl"><a href={issue.published} class=`${!issue.published ? 'no-underline' : ''}`>Week {issue.week.split('-').join('/')}</a></h1>
<div class=`text-xl ${current ? "text-white/50" : ""}`>{format(issue.period[0], "MMM d")} - {format(issue.period[1], "MMM d, yyyy")}</div>
{!issue.published &&
<div class="text-white">🚧 Current week</div>
}
</div>
<div class="grow"></div>
<div class="">
<a href=`https://github.com/web3privacy/news/edit/main/data/${year}/week${week}.md`>Edit</a>
</div>
</div>
<div class="p-4 sm:p-6">
<div class="news-content" set:html={issue.newsHtml}></div>
</div>
</div>

1
web/src/issues.json Symbolic link
View file

@ -0,0 +1 @@
../../dist/index.json

View file

@ -1,7 +1,8 @@
--- ---
import BaseLayout from '../layouts/base.astro'; import BaseLayout from '../layouts/base.astro';
import WeekNews from '../components/WeekNews.svelte'; import WeekNews from '../components/WeekNews.astro';
import issues from '../issues.json';
--- ---
@ -9,6 +10,7 @@ import WeekNews from '../components/WeekNews.svelte';
<div class="mb-8"> <div class="mb-8">
<a href="https://paragraph.xyz/@privacynews/subscribe">Subscribe now!</a> <a href="https://paragraph.xyz/@privacynews/subscribe">Subscribe now!</a>
</div> </div>
<WeekNews year="2024" week="06" current={true} client:load /> {issues.map((issue) => (
<WeekNews year="2024" week="05" client:load /> <WeekNews {issue} />
))}
</BaseLayout> </BaseLayout>

View file

@ -16,6 +16,16 @@
a:hover { a:hover {
@apply no-underline; @apply no-underline;
} }
.news-content h3 {
@apply mb-4 text-xl;
}
.news-content ul {
@apply list-disc mb-6;
}
.news-content li {
@apply ml-6 mb-2;
}
} }
.w3pn-logo { .w3pn-logo {