forked from stefanw/bibbot
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (150 loc) · 7.27 KB
/
index.html
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
---
---
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>VÖBBot – Browser-Erweiterung gegen deutsche Paywalls</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/mvp.css">
<link rel="icon" href="icons/voebbot.svg">
<!-- Primary Meta Tags -->
<meta name="title" content="VÖBBot – Browser-Erweiterung gegen deutsche Paywalls">
<meta name="description" content="Dieses Add-On ersetzt bei Artikeln deutscher Medienseiten die Paywalls mit dem Artikeltext.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://stefanw.github.io/voebbot/">
<meta property="og:title" content="VÖBBot – Browser-Erweiterung gegen deutsche Paywalls">
<meta property="og:description" content="Dieses Add-On ersetzt bei Artikeln deutscher Medienseiten die Paywalls mit dem Artikeltext.">
<meta property="og:image" content="https://stefanw.github.io/voebbot/assets/social.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://stefanw.github.io/voebbot/">
<meta property="twitter:title" content="VÖBBot – Browser-Erweiterung gegen deutsche Paywalls">
<meta property="twitter:description" content="Dieses Add-On ersetzt bei Artikeln deutscher Medienseiten die Paywalls mit dem Artikeltext.">
<meta property="twitter:image" content="https://stefanw.github.io/voebbot/assets/social.png">
</head>
<body>
<header>
<h1>
<img src="icons/voebbot.svg" alt="Schematischer Roboter im Stil des VÖBB-Logos" style="transform: translate(0, 15px)"/>
VÖBBot
</h1>
<p>
Browser-Erweiterung, um <s>Paywalls deutscher Nachrichtenseiten zu umgehen</s>.
</p>
<!--
{% assign release = site.github.releases | first %}
{% assign short_version = release.tag_name | remove_first:'v' %}
-->
<h2>
<strong>Leider steht der Download aus Gründen zur Zeit nicht zur Verfügung.</strong>
</h2>
</header>
<main>
<section>
<div>
<p>
Für die Nutzung des Add-Ons würden Sie ein Benutzerkonto bei <a href="https://www.voebb.de/" target="_blank">VÖBB.de – dem Verbund der öffentlichen Bibliotheken Berlins benötigen.</a>
Das Konto kostet nur <b>10 Euro im Jahr</b> – das ist <i>wesentlich günstiger</i> als jedes einzelne Abo bei einer Nachrichtenseite und dafür bekommen Sie Zugang zu den Texten einer Vielzahl von Nachrichtenseiten + viele weitere digitale Medien.
</p>
<p>
<mark>
Momentan ist das VÖBB-Konto aufgrund der Corona-Pandemie für 3 Monate kostenfrei!
</mark>
</p>
<h4>Noch kein VÖBB-Konto?</h4>
<p>
→ Gehen Sie auf <a href="https://www.voebb.de/registrieren" target="_blank">voebb.de</a> und erstellen Sie dort ein Konto. Bezahlen können Sie per Lastschrift.
</p>
<details id="register-tips">
<summary>Tipps zum Einrichten des VÖBB-Kontos</summary>
<p>
Die VÖBB-Seite hat leider einige ungewöhnliche Eigenheiten:
</p>
<ul>
<li>
Sie können bei der Registrierung kein eigenes Passwort setzen. <b>Ihr initiales Passwort ist Ihr Geburtsdatum in der Form ttmmjjjj.</b>
Geben Sie also ein Geburtsdatum bei der Registrierung an, dass Sie sich merken können – im Zweifel Ihr eigenes.
</li>
<li>
Nach der Registrierung bekommen Sie eine E-Mail. Diese enthält aber keinen Bestätigungs-Link.
</li>
<li>
Nach dem ersten Einloggen sollten Sie Ihr Passwort ändern. Leider kann Ihr Passwort bei voebb.de nur aus Ziffern bestehen.
In das Passwort-Feld kann man generierte Passwörter nur mit dem Kontext-Menu (Rechtsklick) einfügen.
Die Sicherheitsfragen müssen Sie ausfüllen, es muss aber natürlich keine echte Antwort sein.
</li>
</ul>
</details>
<details id="how">
<summary>So würde das Add-On funktionieren</summary>
<p>Wenn die Extension einen Artikel mit Paywall auf einer der unterstützten Nachrichtenseiten findet, dann:</p>
<ol>
<li>Öffnet sich im Hintergrund ein neues Tab, wo sich falls nötig bei VÖBB eingeloggt wird</li>
<li>Beim Pressedatenbank-Partner der VÖBB (z.B. Genios oder Munzinger) wird automatisch im Hintergrund der Artikel gesucht</li>
<li>Wird der Artikel in der Pressedatenbank gefunden, dann wird der Artikeltext in das Layout der Nachrichtenseite eingesetzt.</li>
</ol>
<p>Der Vorgang dauert im Regelfall wenige Sekunden.</p>
</details>
<details id="failure">
<summary>Das kann schief gehen</summary>
<p>Es kann passieren, dass VÖBBot den Artikel nicht findet. Folgende Gründe sind möglich:</p>
<ul>
<li>
ggf. ist der Artikel online-exklusiv und nicht über die Pressedatenbank verfügbar
</li>
<li>
Der Titel des Online-Artikels kann sich von der Druckausgabe unterscheiden, das macht das Auffinden schwierig. <br/>→ Nutzen Sie das neue Tab am Ende Ihrer Tableiste um selbst nach Stichworten zum Artikel zu suchen.
</li>
<li>
Artikel aus der gedruckten Ausgabe sind ggf. erst später in der Pressedatenbank verfügbar. <br/>→ Da müssen Sie leider Geduld haben.
</li>
</ul>
<p>Außerdem kann es sein, dass Ihre gewünschte Nachrichtenseite noch nicht unterstützt wird. Eine Liste der unterstützten Seiten finden Sie im nächsten Abschnitt.</p>
</details>
<details id="fail">
<summary>Das ging schief</summary>
<ul>
<li>
Informationen einfacher zugänglich machen.
</li>
</ul>
</details>
<details id="supported">
<summary>Aktuell unterstützte Nachrichtenseiten</summary>
<ul>
<li>🤡</li>
</ul>
</details>
</div>
</section>
</main>
<footer>
<hr>
<p>
<small>
<a href="https://stefanwehrmeyer.com/">Stefan Wehrmeyer</a> -
<a href="https://stefanwehrmeyer.com/impressum/">Impressum</a>
</small>
</p>
</footer>
<script>
window.setTimeout(function() {
var selectedDetails = document.querySelector('details:target')
if (selectedDetails) {
selectedDetails.setAttribute('open', true)
}
}, 100)
fetch('manifest.json').then(response => response.json()).then(data => {
var domains = data.content_scripts[0].matches.map(url => url.replace('https://', '').replace('/*', ''))
var ul = document.getElementById('newssites')
domains.forEach(domain => {
var li = document.createElement('li')
li.innerText = domain
ul.appendChild(li)
});
});
</script>
</body>
</html>