data.coop/slides
8
0
Fork 0
Code Issues 1 Pull requests Releases Wiki Activity
slides/2024-04-04-kritik-digital/presentation/index.html

441 lines
8.6 KiB
HTML
Raw Normal View History

Initial presentation
2024-04-02 15:07:56 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Den Digitale Selvhjælpscafé: Introduktion til data.coop</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- fonts TODO -->
<style type="text/css">
/* latin */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-display: swap;
src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2');
}
/* latin */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2');
}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Space Mono'), local('SpaceMono-Regular'), url(fonts/spacemono/spacemono-regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(fonts/spacemono/spacemono-bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Variables */
:root {
--base-grid : 40px;
--base-font-size : 20px;
--text-color : #4b3aba;
--bg-color : #fff;
--alt-bg-color : #a8f3f4;
--bar-color : #f0dcac;
--burger_size : 45px;
}
body {
font-family: 'Space Grotesk';
background : var(--bg-color);
color : var(--text-color);
}
h1, h2, h3 {
font-family: 'Space Grotesk';
font-weight: bold;
line-height: 1.1;
color: var(--text-color);
}
a {
color: #333;
text-decoration: underline;
}
.left-column {
background: var(--alt-bg-color);
color: #fff;
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
text-align: center;
}
.right-column {
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
padding-left: 50px;
text-align: left;
}
.right-column2 {
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
padding-left: 50px;
text-align: left;
background: #efefef;
}
pre
{
text-align: left;
white-space: pre-wrap;
font-family: "Space Mono";
}
code {
font-family: "Space Mono";
}
table {
border-collapse: collapse;
border: 0;
margin: 0 auto;
}
td, th
{
font-weight: normal;
padding: 10px;
margin: 0;
background: #eee;
border: 0;
text-align: left;
}
tr
{
margin: 2px;
}
img
{
max-width: 80%;
max-height: 80%;
margin: auto auto;
display: block;
border: 4px dotted #CF2B52;
border-radius: 5px;
padding: 5px;
}
.no-border-img img {
border: 0;
padding: 0;
}
.hide-counter .remark-slide-number,
{
display: none;
}
.slide-columns {padding: 0 height: 100%; display: table-row;}
.fancy-headline-slide .left-column {
width: 20%;
background: var(--bar-color);
writing-mode: vertical-rl;
text-orientation: mixed;
}
.fancy-headline-slide .right-column {
width: 80%;
}
.fancy-headline-slide .right-column2 {
width: 80%;
}
.fancy-headline-slide1 .left-column {
background: var(--bar-color);
}
.fancy-headline-slide2 .left-column {
background: var(--bar-color);
}
.fancy-headline-slide3 .left-column {
background: var(--bar-color);
}
.picture-slide .right-column {
padding: 0;
width: 100%;
}
.picture-slide .right-column img {
max-width: 100%;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
.remark-slide-content {height: 100%;}
.remark-slide {padding: 0}
.talk-terms {
overflow: scroll;
max-height: 200px;
}
table {
border: 2px solid #999;
border-radius: 5px;
border-collapse: collapse;
}
td, th {
border: 2px solid #999;
}
th {
font-weight: bold;
color: #FFF;
background: #444;
}
th a {
font-weight: bold;
color: #FFF;
}
blockquote {
border-left: 4px solid #CCC;
padding-left: 20px;
font-size: 130%;
line-height: 130%;
}
.center-contents h1, h2, h3, h4, h5 {
text-align: center
}
</style>
</head>
<body>
<textarea id="source">
name: big-title
count: false
class: title-slide, slide-columns, hide-counter, no-border-img
.left-column[
# Den Digitale Selvhjælpscafé: Introduktion til data.coop
## 4. april 2024
]
.right-column[
<img src="logo_da.svg">
]
???
---
name: big-title
count: false
class: title-slide, slide-columns, hide-counter, no-border-img, center-contents
.left-column[
# Den Digitale Selvhjælpscafé: Introduktion til data.coop
## 4. april 2024
]
.right-column[
#### Benjamin Balder Bach (3xB)
#### Mikkel Munch Mortensen (3xM)
Slides | [https://git.data.coop/data.coop/slides](https://git.data.coop/data.coop/slides)
----------|-------------------------------------------------------------
Fediverse | [@datacoop@social.data.coop](https://social.data.coop/@datacoop)
WWW | [https://data.coop](https://data.coop)
]
???
---
class: fancy-headline-slide, fancy-headline-slide1, slide-columns, hide-counter
.left-column[
# Vores oplæg
]
.right-column[
<pre>
1. Introduktion
2. Den kooperative model
3. data.coop's opbygning
4. Specielt om Føderation (email, Matrix, ActivityPub)
5. Udfordringer i vores model
6. Utopi og fremtid for data.coop
</pre>
]
???
* Intro
* Den kooperative model, definitioner og erfaringer fra teknologi/internet-basserede kooperativer (det her er lidt et læringspunkt for mig, da jeg er blevet opmærksom på, at en enkelt god definition på forskellige tech-relaterede kooperative modeller)
* Hvordan data.coop er struktureret
* Badges og services
* Foreningen
* Tillidsmodellen
* Føderation - hvad er det, og hvordan minder det om email?
* Udfordringer i kooperative modeller ud fra vores erfaringer
* Penge
* Deltagelse
* Moderation
* Et bud på, hvordan fremtiden burde se ud, hvor vi gerne vil hen med data.coop
---
class: left, middle, section-title, center-contents
# Introduktion
---
name: big-title
class: title-slide, slide-columns, hide-counter
.left-column[
# Hvad er data.coop?
]
.right-column[
* Blah
* Blah
* Blah
]
???
Kommentarer
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, hide-counter
.left-column[
# Hej
]
.right-column[
# Aloha
]
???
talk notes
---
class: left, middle, section-title
# Oj!
---
name: big-title
class: title-slide, slide-columns, hide-counter
.left-column[
# Fin
]
.right-column[
* See you after the talk 👋️
* Let's make something happen: [https://github.com/django-denmark/django-consent](https://github.com/django-denmark/django-consent)
* Go watch: **'I Agree' - the biggest lie on the internet? | All Hail The Algorithm** by Aljazeera
https://www.youtube.com/watch?v=FrZQs25hA18
]
???
I'd love to accumulate ideas and experiences
Help me develop cases
Let's build something and if it doesn't work for tracking, that seems like a feature not a bug.
</textarea>
<script src="remark.min.js" type="text/javascript">
</script>
<script type="text/javascript">
// https://github.com/gnab/remark/wiki/Configuration
var slideshow = remark.create({
ratio: '16:9',
slideNumberFormat: 'Slide %current% of %total%'
});
</script>
</body>
</html>
Reference in a new issue Copy permalink