├── .gitignore
├── README.md
├── app.vue
├── components
    ├── bypassInstruction
    │   ├── android.vue
    │   ├── chrome.vue
    │   ├── chromeMobile.vue
    │   ├── edge.vue
    │   ├── firefox.vue
    │   ├── fritzbox.vue
    │   ├── ios.vue
    │   ├── linux.vue
    │   ├── macOS.vue
    │   └── windows.vue
    ├── count.vue
    ├── cuiiMember.vue
    ├── domainTable.vue
    ├── menuItem.vue
    ├── resolverResponse.vue
    ├── resolverStatus.vue
    └── sidebarDivider.vue
├── error.vue
├── layouts
    └── default.vue
├── nuxt.config.ts
├── package-lock.json
├── package.json
├── pages
    ├── about.vue
    ├── domains.vue
    ├── filmpalast.vue
    ├── index.vue
    ├── isp.vue
    ├── probe.vue
    ├── resolvers.vue
    └── umgehen.vue
├── public
    ├── favicon.ico
    └── img
    │   ├── anbieter
    │       ├── 1&1.png
    │       ├── deutsche_glasfaser.png
    │       ├── freenet.png
    │       ├── telefonica.png
    │       ├── telekom.png
    │       └── vodafone.png
    │   ├── bucket.png
    │   ├── bypass
    │       ├── android1.png
    │       ├── android2.png
    │       ├── chrome1.png
    │       ├── chrome2.png
    │       ├── chrome3.png
    │       ├── chromeMobile1.png
    │       ├── chromeMobile2.png
    │       ├── chromeMobile3.png
    │       ├── chromeMobile4.png
    │       ├── edge1.png
    │       ├── edge2.png
    │       ├── edge3.png
    │       ├── firefox1.png
    │       ├── firefox2.png
    │       ├── firefox3.png
    │       ├── fritzbox1.png
    │       ├── fritzbox2.png
    │       ├── fritzbox3.png
    │       ├── fritzbox4.png
    │       ├── ios1.png
    │       ├── ios2.png
    │       ├── windows1.png
    │       ├── windows2.png
    │       ├── windows3.png
    │       ├── windows4.png
    │       └── windows5.png
    │   ├── cuii_bg.webp
    │   ├── dam-88x31.gif
    │   ├── nicht_genannt.webp
    │   ├── nocuii.png
    │   └── ssi-88x31.gif
├── server
    └── tsconfig.json
├── tailwind.config.js
└── tsconfig.json


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Nuxt dev/build outputs
 2 | .output
 3 | .data
 4 | .nuxt
 5 | .nitro
 6 | .cache
 7 | dist
 8 | 
 9 | # Node dependencies
10 | node_modules
11 | 
12 | # Logs
13 | logs
14 | *.log
15 | 
16 | # Misc
17 | .DS_Store
18 | .fleet
19 | .idea
20 | 
21 | # Local env files
22 | .env
23 | .env.*
24 | !.env.example
25 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Front-end for CuiiListe    
2 | 
3 | See it live at https://cuiiliste.de
4 | 


--------------------------------------------------------------------------------
/app.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <NuxtLayout>
3 |         <NuxtPage />
4 |     </NuxtLayout>
5 | </template>


--------------------------------------------------------------------------------
/components/bypassInstruction/android.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="material-symbols:android" class="mr-2" />
15 | 			Android <span v-if="isRecommended" class="text-accent">(Einfach)</span></div>
16 | 		<div class="collapse-content md:ml-4">
17 | 			<p><count>1.</count> Lade die App "1.1.1.1 + WARP: Safer Internet" aus dem
18 | 				<a href="https://play.google.com/store/apps/details?id=com.cloudflare.onedotonedotonedotone" class="link" target="_blank" rel="noopener">Play Store</a>
19 | 				herunter.
20 | 			</p>
21 | 			<NuxtImg src="/img/bypass/android1.png" alt="1.1.1.1 runterladen" width="300" />
22 | 			<p><count>2.</count> Öffne die App, klicke dich kurz durch die Einführung. Installie ggfs. das VPN-Profil.</p>
23 | 			<p><count>3.</count> Lege den Schalter um, um WARP zu aktivieren. Das war's!</p>
24 | 			<NuxtImg src="/img/bypass/android2.png" alt="WARP aktivieren" width="300" />
25 | 		</div>
26 | 	</div>
27 | </template>
28 | 
29 | <style scoped>
30 | 
31 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/chrome.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="mingcute:chrome-fill" class="mr-2" />
15 | 			Chrome <span v-if="isRecommended" class="text-accent">(Einfach)</span></div>
16 | 		<div class="collapse-content md:ml-4">
17 | 			<p><count>1.</count> Öffne Chrome </p>
18 | 			<p><count>2.</count> Klicke auf die drei Punkte oben rechts und wähle "Einstellungen".</p>
19 | 			<NuxtImg src="/img/bypass/chrome1.png" alt="Chrome Einstellungen" width="300" />
20 | 			<p><count>3.</count> Wähle "Datenschutz & Sicherheit" aus und klicke auf "Sicherheit".</p>
21 | 			<NuxtImg src="/img/bypass/chrome2.png" alt="Datenschutz & Sicherheit" width="300" />
22 | 			<p><count>4.</count> Scrolle nach unten, schalte "Sicheres DNS" ein und wähle als Anbieter "Cloudflare (1.1.1.1)" aus.</p>
23 | 			<NuxtImg src="/img/bypass/chrome3.png" alt="Sicheres DNS" width="300" />
24 | 		</div>
25 | 	</div>
26 | </template>
27 | 
28 | <style scoped>
29 | 
30 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/chromeMobile.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="mi:mobile" class="mr-2" />
15 | 			Chrome Mobile</div>
16 | 		<div class="collapse-content md:ml-4">
17 | 			<p><count>1.</count> Öffne Chrome </p>
18 | 			<p><count>2.</count> Klicke auf die drei Punkte oben rechts und wähle "Einstellungen".</p>
19 | 			<NuxtImg src="/img/bypass/chromeMobile1.png" alt="Chrome Einstellungen" height="600" />
20 | 			<p><count>3.</count> Wähle "Datenschutz & Sicherheit" aus.</p>
21 | 			<NuxtImg src="/img/bypass/chromeMobile2.png" alt="Datenschutz & Sicherheit" height="600" />
22 | 			<p><count>4.</count> Scrolle nach unten und wähle "Sicheres DNS verwenden" aus.</p>
23 | 			<NuxtImg src="/img/bypass/chromeMobile3.png" alt="Sicheres DNS" height="600" />
24 | 			<p><count>5.</count> Schalte "Sicheres DNS verwenden" ein und wähle einen anderen Anbieter aus. Wir empfehlen "Cloudflare (1.1.1.1)</p>
25 | 			<NuxtImg src="/img/bypass/chromeMobile4.png" alt="Sicheres DNS" width="300" />
26 | 		</div>
27 | 	</div>
28 | </template>
29 | 
30 | <style scoped>
31 | 
32 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/edge.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="mingcute:edge-fill" class="mr-2" />
15 | 			Edge <span v-if="isRecommended" class="text-accent">(Einfach)</span></div>
16 | 		<div class="collapse-content md:ml-4">
17 | 			<p><count>1.</count> Öffne Edge</p>
18 | 			<p><count>2.</count> Klicke auf die drei Punkte oben rechts und wähle "Einstellungen".</p>
19 | 			<NuxtImg src="/img/bypass/edge1.png" alt="Edge Einstellungen" width="300" />
20 | 			<p><count>3.</count> Wähle "Datenschutz, Suche und Dienste" aus.</p>
21 | 			<NuxtImg src="/img/bypass/edge2.png" alt="Datenschutz, Suche und Dienste" width="300" />
22 | 			<p>
23 | 				<count>4.</count> Scrolle nach unten bis zu "Sicherheit", schalte "Sicheres DNS" ein und wähle einen eigenen Anbieter aus.
24 | 				Wir empfehlen "Cloudflare (1.1.1.1)".
25 | 			</p>
26 | 			<NuxtImg src="/img/bypass/edge3.png" alt="Sicheres DNS" width="300" />
27 | 		</div>
28 | 	</div>
29 | </template>
30 | 
31 | <style scoped>
32 | 
33 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/firefox.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="mdi:firefox" class="mr-2" />Firefox <span v-if="isRecommended" class="text-accent">(Einfach)</span></div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p><count>1.</count> Öffne Firefox </p>
17 | 			<p><count>2.</count> Klicke auf die drei Striche oben rechts und wähle "Einstellungen".</p>
18 | 			<NuxtImg src="/img/bypass/firefox1.png" alt="Firefox Einstellungen" width="300" />
19 | 			<p><count>3.</count> Wähle "Datenschutz & Sicherheit" aus.</p>
20 | 			<NuxtImg src="/img/bypass/firefox2.png" alt="Firefox Datenschutz & Sicherheit" width="300" />
21 | 			<p><count>4.</count> Scrolle nach ganz unten und wähle "Erhöhter Schutz" aus.</p>
22 | 			<NuxtImg src="/img/bypass/firefox3.png" alt="Firefox Erhöhter Schutz" width="300" />
23 | 		</div>
24 | 	</div>
25 | </template>
26 | 
27 | <style scoped>
28 | 
29 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/fritzbox.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="material-symbols:router" class="mr-2" />Fritzbox <span v-if="isRecommended" class="text-accent">(Gilt für alle im Netzwerk)</span></div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p><count>1.</count> Öffne <a href="http://192.168.178.1" target="_blank" class="text-accent">http://fritz.box</a></p>
17 | 			<p><count>2.</count> Melde dich an</p>
18 | 			<NuxtImg src="/img/bypass/fritzbox1.png" alt="Fritzbox Anmeldung" width="600" />
19 | 			<p><count>3.</count> Gehe auf "Internet" und dann auf "Zugangsdaten"</p>
20 | 			<NuxtImg src="/img/bypass/fritzbox2.png" alt="Fritzbox Internet Zugangsdaten" height="600" />
21 | 			<p><count>4.</count> Wähle "DNS-Server" aus</p>
22 | 			<NuxtImg src="/img/bypass/fritzbox3.png" alt="Fritzbox DNS-Server" width="600" />
23 | 			<p>
24 | 				<count>5.</count> Stelle bei DNSv4 auf "Andere DNSv4-Server verwenden" um und trage "9.9.9.10" und "1.1.1.1" ein.
25 | 				Bei DNSv6 auf "Andere DNSv6-Server verwenden" und trage "2620:fe::fe" und "2606:4700:4700::1111" ein
26 | 			</p>
27 | 			<NuxtImg src="/img/bypass/fritzbox4.png" alt="Fritzbox DNS-Server" width="600" />
28 | 			<p><count>6.</count> Speichere die Einstellungen</p>
29 | 		</div>
30 | 	</div>
31 | </template>
32 | 
33 | <style scoped>
34 | 
35 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/ios.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="mdi:apple" class="mr-2" />iOS <span v-if="isRecommended" class="text-accent">(Einfach)</span></div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p><count>1.</count> Lade die App "1.1.1.1: Faster Internet" aus dem
17 | 				<a href="https://apps.apple.com/de/app/1-1-1-1-faster-internet/id1423538627" class="link" target="_blank" rel="noopener">App Store</a>
18 | 				herunter.
19 | 			</p>
20 | 			<NuxtImg src="/img/bypass/ios1.png" alt="1.1.1.1 runterladen" width="300" />
21 | 			<p><count>2.</count> Öffne die App, klicke dich kurz durch die Einführung. Installie das VPN-Profil.</p>
22 | 			<p><count>3.</count> Lege den Schalter um, um WARP zu aktivieren. Das war's!</p>
23 | 			<NuxtImg src="/img/bypass/ios2.png" alt="WARP aktivieren" width="300" />
24 | 		</div>
25 | 	</div>
26 | </template>
27 | 
28 | <style scoped>
29 | 
30 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/linux.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="iconoir:linux" class="mr-2" />Linux</div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p>
17 | 				Ey, du hast Linux installiert, du weißt ganz genau was du machen musst. Ändere einfach deine DNS Einstellungen,
18 | 				sodass du nicht mehr das DNS durch den Router beziehst.</p>
19 | 		</div>
20 | 	</div>
21 | </template>
22 | 
23 | <style scoped>
24 | 
25 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/macOS.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="gravity-ui:logo-macos" class="mr-2" />MacOS</div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p><count>1.</count> Öffnen Sie die Übersicht Ihrer Programme im Finder und starten Sie die App "Systemeinstellungen".</p>
17 | 			<p><count>2.</count> Wählen Sie nun in der Mitte "Netzwerk" aus.</p>
18 | 			<p><count>3.</count> Klicken Sie am linken Rand auf die Netzwerkverbindung, die Sie verwenden, zum Beispiel Ihre
19 | 				WLAN-Verbindung. Aktive Verbindungen erkennen Sie an dem grünen Punkt.</p>
20 | 			<p><count>4.</count> Öffnen Sie jetzt rechts unten die "weiteren Optionen". Hier können Sie Änderungen an Ihrer aktuellen Netzwerkverbindung vornehmen.</p>
21 | 			<p><count>5.</count> Oben finden Sie den Reiter "DNS" (s. Bild). Hier können Sie eigene DNS-Server hinzufügen oder wieder löschen. Füge die DNS-Server "9.9.9.10" und "1.1.1.1" hinzu.</p>
22 | 		</div>
23 | 	</div>
24 | </template>
25 | 
26 | <style scoped>
27 | 
28 | </style>


--------------------------------------------------------------------------------
/components/bypassInstruction/windows.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps({
 4 | 	isRecommended: {
 5 | 		type: Boolean,
 6 | 		default: false
 7 | 	}
 8 | })
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="collapse collapse-plus bg-base-200 mx-auto">
13 | 		<input type="checkbox" class="peer" />
14 | 		<div class="collapse-title text-xl font-medium flex items-center"><Icon name="ri:windows-fill" class="mr-2" />Windows</div>
15 | 		<div class="collapse-content md:ml-4">
16 | 			<p><count>1.</count> Öffne die Windows Einstellungen</p>
17 | 			<p><count>2.</count> Klicke auf "Netzwerk & Internet"</p>
18 | 			<NuxtImg src="/img/bypass/windows1.png" alt="Windows Einstellungen" width="300" />
19 | 			<p><count>3.</count> Geh auf "WLAN" bzw. "Ethernet"</p>
20 | 			<NuxtImg src="/img/bypass/windows2.png" alt="Windows WLAN" width="300" />
21 | 			<p><count>4.</count> (Nur bei WLAN: Geh auf "Hardwareeigenschaften")</p>
22 | 			<NuxtImg src="/img/bypass/windows3.png" alt="Windows WLAN Netzwerk" width="300" />
23 | 			<p><count>5.</count> Wähle "Bearbeiten" bei "DNS-Serverzuweisung" aus</p>
24 | 			<NuxtImg src="/img/bypass/windows4.png" alt="Windows DNS-Serverzuweisung" width="300" />
25 | 			<p><count>6.</count> Wähle "Manuell" aus, schalte IPv4 ein, und trage "9.9.9.10" und "1.1.1.1" ein</p>
26 | 			<NuxtImg src="/img/bypass/windows5.png" alt="Windows DNS-Serverzuweisung" width="300" />
27 | 			<p><count>7.</count> Speichere die Einstellungen</p>
28 | 		</div>
29 | 	</div>
30 | </template>
31 | 
32 | <style scoped>
33 | 
34 | </style>


--------------------------------------------------------------------------------
/components/count.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | </script>
 4 | 
 5 | <template>
 6 | 	<span class="text-accent md:-ml-4">
 7 | 		<slot></slot>
 8 | 	</span>
 9 | </template>
10 | 
11 | <style scoped>
12 | 
13 | </style>


--------------------------------------------------------------------------------
/components/cuiiMember.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 |     name: {
 4 |         type: String,
 5 |         required: true
 6 |     },
 7 |     logoLink: {
 8 |         type: String,
 9 |         default: false
10 |     },
11 | 	shouldInvertDark: {
12 | 		type: Boolean,
13 | 		default: false
14 | 	}
15 | })
16 | </script>
17 | 
18 | <template>
19 | 	<div class="bg-base-200 shadow-lg min-h-64 w-52 mx-auto relative">
20 | 		<div class="block h-16 bg-base-300"></div>
21 | 		<div class="top-4 h-30 w-30 rounded-full overflow-hidden mx-auto absolute left-1/2 transform -translate-x-1/2 ">
22 | 			<div class="rounded-full h-24 w-24 overflow-hidden bg-base-300 transition-all duration-500 ease-in-out flex items-center m-2.5 hover:w-28 hover:h-28 hover:m-0 group">
23 | 				<div class="absolute inset-3.5 border-[3px] border-base-100 rounded-full transition-all duration-500 ease-in-out group-hover:inset-1"></div>
24 | 
25 | 				<NuxtImg :src="logoLink" class="h-auth w-max transition-all duration-500 ease-in-out grayscale z-10" alt="Logo"
26 | 				                        :class="shouldInvertDark ? 'dark:invert' : 'group-hover:grayscale-0'" />
27 | 			</div>
28 | 		</div>
29 | 		<div class="text-center text-base-content mt-24">
30 | 			<div class="font-bold text-lg">{{ name }}</div>
31 | 		</div>
32 | 	</div>
33 | </template>
34 | 
35 | <style scoped>
36 | 
37 | </style>


--------------------------------------------------------------------------------
/components/domainTable.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts" xmlns="http://www.w3.org/1999/html">
 2 | const props = defineProps({
 3 |     domains: {
 4 | 		type: Array,
 5 | 		required: true
 6 | 	}
 7 | })
 8 | 
 9 | const currentPage = ref(1)
10 | const rowsPerPageOptions = {
11 | 	15: 15,
12 | 	30: 30,
13 | 	50: 50,
14 | 	100: 100,
15 | 	"Alle": props.domains?.length
16 | }
17 | const rowsPerPage = ref(15)
18 | const isSmallWindow = computed(() => {
19 | 	let isSmall = useWindowSize().width.value < 626;
20 | 	if (isSmall) {
21 | 		rowsPerPage.value = props.domains?.length
22 | 	}
23 | 	return isSmall
24 | })
25 | const search = ref('')
26 | const getDomains = computed(() => {
27 | 	return props.domains.filter((domain: any) => {
28 | 		return domain.domain.toLowerCase().includes(search.value.toLowerCase())
29 | 	})
30 | })
31 | const currentPageDomains = computed(() => {
32 | 	const start = (currentPage.value - 1) * rowsPerPage.value
33 | 	const end = start + rowsPerPage.value
34 | 	return getDomains.value.slice(start, end)
35 | })
36 | const totalDomains = computed(() => {
37 | 	return getDomains.value.length
38 | })
39 | const pageCount = computed(() => {
40 | 	return Math.ceil(totalDomains.value / rowsPerPage.value)
41 | })
42 | </script>
43 | 
44 | <template>
45 | 	<div class="flex flex-row justify-center w-full my-2 px-3">
46 | 		<input type="text" class="input input-bordered w-full" placeholder="Suche..." v-model="search">
47 | 		<select class="select select-bordered ml-1 " v-model="rowsPerPage" v-if="!isSmallWindow">
48 | 			<option
49 | 				v-for="(option, key) in rowsPerPageOptions"
50 | 				key="option"
51 | 				:value="option">
52 | 				{{ key }}
53 | 			</option>
54 | 		</select>
55 | 	</div>
56 | 	<table class="table table-zebra shadow-lg border border-base-200 rounded-box">
57 | 		<thead>
58 | 			<tr>
59 | 				<th>Domain</th>
60 | 				<th class="text-end mr-2">Blockiert am*</th>
61 | 			</tr>
62 | 		</thead>
63 | 		<tbody>
64 | 			<tr v-for="domain in currentPageDomains" :key="domain.domain">
65 | 				<td>{{ domain.domain }}</td>
66 | 				<td class="text-end mr-2">{{ domain.first_blocked_on }}</td>
67 | 			</tr>
68 | 		</tbody>
69 | 	</table>
70 | 	<div class="join flex justify-center mt-2" v-if="pageCount > 1">
71 | 		<input key="prev" class="join-item btn btn-square" type="button" @click="currentPage = currentPage - 1" :disabled="currentPage === 1" value="<">
72 | 		<input v-for="page in pageCount" class="join-item btn btn-square" :key="page" type="button" @click="currentPage = page" :class="currentPage === page ? 'btn-accent' : ''" :value="page">
73 | 		<input key="next" class="join-item btn btn-square" type="button" @click="currentPage = currentPage + 1" :disabled="currentPage === pageCount" value=">">
74 | 	</div>
75 | 	<p class="text-xs text-gray-500 mt-2">
76 | 		* Das Datum ist ungenau, teils bedeutet es, wann die Sperrempfehlung stattfand,
77 | 		teils wann die Domain das erste Mal in unserer Datenbank auftauchte.
78 | 	</p>
79 | </template>
80 | 
81 | <style scoped>
82 | 
83 | </style>


--------------------------------------------------------------------------------
/components/menuItem.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <NuxtLink :to="link" class="py-2 md:px-0.5 md:mx-0.5 xl:p-1 xl:mx-2" >
 3 |         <div class="py-2 xl:px-2 md:px-0.5 text-center">
 4 |             <div class="font-bold text-accent" :class="active ? '' : 'invisible h-0'">
 5 |                 <span class="flex items-center">
 6 |                     <Icon :name="icon" class="mr-1" />
 7 |                     <slot></slot>
 8 |                 </span>
 9 |             </div>
10 |             <div class="text-base-content" v-if="!active">
11 |                 <span class="flex items-center">
12 |                     <Icon :name="icon" class="mr-1" />
13 |                     <slot></slot>
14 |                 </span>
15 |             </div>
16 |         </div>
17 |     </NuxtLink>
18 | </template>
19 | 
20 | 
21 | 
22 | <script setup>
23 | 
24 | const props = defineProps({
25 |     link: {
26 |         type: String,
27 |         required: true
28 |     },
29 |     active: {
30 |         type: Boolean,
31 |         default: false
32 |     },
33 | 	icon: {
34 | 		type: String,
35 | 		default: ''
36 | 	}
37 | })
38 | 
39 | </script>
40 | 


--------------------------------------------------------------------------------
/components/resolverResponse.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 | 	name: {
 4 | 		type: String,
 5 | 		required: true
 6 | 	},
 7 | 	response: {
 8 | 		type: String,
 9 | 		required: true
10 | 	},
11 | 	ping: {
12 | 		type: Number,
13 | 		required: true
14 | 	},
15 | })
16 | 
17 | const color = computed(() => {
18 | 	if (props.response === 'BLOCKED') {
19 | 		return 'accent'
20 | 	} else if (props.response === 'ERROR') {
21 | 		return 'error'
22 | 	} else if (props.response === 'NXDOMAIN' || props.response === 'TIMEOUT') {
23 | 		return '[--lessimportant]'
24 | 	}
25 | 	return 'success'
26 | })
27 | 
28 | const tooltip = computed(() => {
29 | 	if (props.response === 'BLOCKED') {
30 | 		return 'Blockiert die Anfrage, Ping: ' + props.ping + 'ms'
31 | 	} else if (props.response === 'ERROR') {
32 | 		return 'Error'
33 | 	} else if (props.response === 'NXDOMAIN') {
34 | 		return 'Domain konnte nicht gefunden werden, Ping: ' + props.ping + 'ms'
35 | 	} else if (props.response === 'TIMEOUT') {
36 | 		return 'Timed out'
37 | 	} else {
38 | 		return 'Erreichbar, Ping: ' + props.ping + 'ms'
39 | 	}
40 | })
41 | </script>
42 | 
43 | <template>
44 | 	<div class="text-center items-center flex gap-2 align-middle">
45 | 		<Icon name="uil:check" v-if="props.response === 'NOT_BLOCKED'" :class="`text-${color} mt-1`" />
46 | 		<Icon name="uil:ban" v-else-if="props.response === 'BLOCKED'" :class="`text-${color} mt-1`" />
47 | 		<Icon name="uil:clock" v-else-if="props.response === 'TIMEOUT'" :class="`text-${color} mt-1`" />
48 | 		<Icon name="uil:times" v-else-if="props.response === 'NXDOMAIN'" :class="`text-${color} mt-1`" />
49 | 		<Icon name="uil:times" v-else-if="props.response === 'ERROR'" :class="`text-${color} mt-1`" />
50 | 
51 | 		<span :class="`text-${color}`" >{{ props.name }}</span>
52 | 		<div class="tooltip mt-1.5" :data-tip="tooltip">
53 | 			<Icon name="uil:info-circle"></Icon>
54 | 		</div>
55 | 	</div>
56 | </template>
57 | 
58 | <style scoped>
59 | 
60 | </style>


--------------------------------------------------------------------------------
/components/resolverStatus.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 | 	name: {
 4 | 		type: String,
 5 | 		required: true
 6 | 	},
 7 | 	health: {
 8 | 		type: String,
 9 | 		required: true
10 | 	},
11 | 	ping: {
12 | 		type: Number,
13 | 		required: true
14 | 	},
15 | })
16 | 
17 | let color = 'success'
18 | let tooltip = 'Ping: ' + props.ping + 'ms'
19 | if (props.health === 'UNREACHABLE') {
20 | 	color = 'warning'
21 | 	tooltip = 'Unreachable'
22 | } else if (props.health === 'ERROR') {
23 | 	color = 'error'
24 | 	tooltip = 'Error'
25 | }
26 | </script>
27 | 
28 | <template>
29 | 	<div class="text-center items-center flex gap-2">
30 | 		<Icon name="uil:check" class="text-success" v-if="props.health === 'REACHABLE'"></Icon>
31 | 		<Icon name="uil:ban" class="text-warning" v-else-if="props.health === 'UNREACHABLE'"></Icon>
32 | 		<Icon name="uil:times" class="text-error" v-else></Icon>
33 | 		<span :class="`text-${color}`">
34 | 			{{ props.name }}
35 | 		</span>
36 | 		<div class="tooltip mt-1.5" :data-tip="tooltip">
37 | 			<Icon name="uil:info-circle"></Icon>
38 | 		</div>
39 | 	</div>
40 | </template>
41 | 
42 | <style scoped>
43 | 
44 | </style>


--------------------------------------------------------------------------------
/components/sidebarDivider.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | </script>
 4 | 
 5 | <template>
 6 | 	<div class="h-0.5 bg-gray-700"></div>
 7 | </template>
 8 | 
 9 | <style scoped>
10 | 
11 | </style>


--------------------------------------------------------------------------------
/error.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | import type {NuxtError} from "#app";
 4 | 
 5 | const props = defineProps({
 6 | 	error: Object as () => NuxtError
 7 | })
 8 | 
 9 | </script>
10 | 
11 | <template>
12 | 	<div class="error-page text-center mt-20 mx-auto">
13 | 		<div v-if = "error?.statusCode === 404">
14 | 			<h1 class="text-3xl font-bold"> Die Seite konnte nicht gefunden werden</h1>
15 | 			<a href="/" class="link">Zurück zur Startseite</a>
16 | 		</div>
17 | 		<div v-else>
18 | 			<h1 class="text-3xl font-bold">Ein Fehler ist aufgetreten</h1>
19 | 			<div class="error-code">{{ error?.statusCode }}</div>
20 | 			<div class="error-message">{{ error?.message }}</div>
21 | 		</div>
22 | 	</div>
23 | </template>


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div class="drawer">
  3 | 		<input id="my-drawer" type="checkbox" class="drawer-toggle"/>
  4 | 		<div class="drawer-content flex flex-col">
  5 | 			<!-- Navbar -->
  6 | 			<div class="navbar bg-base-300 w-full z-30 sticky top-0">
  7 | 				<div class="flex-none lg:hidden">
  8 | 					<label for="my-drawer" aria-label="open sidebar" class="btn btn-square btn-ghost">
  9 | 						<svg
 10 | 							xmlns="http://www.w3.org/2000/svg"
 11 | 							fill="none"
 12 | 							viewBox="0 0 24 24"
 13 | 							class="inline-block h-6 w-6 stroke-current">
 14 | 							<path
 15 | 								stroke-linecap="round"
 16 | 								stroke-linejoin="round"
 17 | 								stroke-width="2"
 18 | 								d="M4 6h16M4 12h16M4 18h16"></path>
 19 | 						</svg>
 20 | 					</label>
 21 | 				</div>
 22 | 				<NuxtLink class="mx-2 flex-1 px-2" href="/"><span class="font-bold text-accent text-2xl">CUII</span><span class="text-2xl">Liste.de</span></NuxtLink>
 23 | 				<div class="hidden flex-none lg:block">
 24 | 					<ul class="menu menu-horizontal">
 25 | 						<li v-for="page in pages" :key="page.name">
 26 | 							<MenuItem :link="page.link" :active="currentPage === page.link" :icon="page.icon" :class="page.hide_if_small ? 'hidden xl:block' : ''">
 27 | 								{{ page.name }}
 28 | 							</MenuItem>
 29 | 						</li>
 30 | 					</ul>
 31 | 				</div>
 32 | 			</div>
 33 | 			<section class="mt-4 mx-4 xl:mx-16">
 34 | 				<slot></slot>
 35 | 			</section>
 36 | 		</div>
 37 | 		<div class="drawer-side">
 38 | 			<label for="my-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
 39 | 			<ul class="menu bg-base-200 min-h-full w-80 p-4">
 40 | 				<li v-for="page in pages" :key="page.name">
 41 | 					<MenuItem :link="page.link" :active="currentPage === page.link">
 42 | 						<Icon :name="page.icon" class="mr-2" :class="{ 'text-accent': currentPage === page.link }" />
 43 | 						{{ page.name }}
 44 | 					</MenuItem>
 45 | 				</li>
 46 | 			</ul>
 47 | 		</div>
 48 | 	</div>
 49 | </template>
 50 | 
 51 | <script setup>
 52 | 
 53 | let pages = [
 54 | 	{name: 'Home', link: '/', icon: 'iconamoon:home-fill', hide_if_small: true},
 55 | 	{name: 'Gesperrte Domains', link: '/domains', icon: 'iconamoon:search'},
 56 | 	{name: 'Domain hinzufügen', link: '/probe', icon: 'tabler:plus'},
 57 | 	{name: 'Bin ich betroffen?', link: '/isp', icon: 'pepicons-pop:question'},
 58 | 	{name: 'Zensur umgehen', link: '/umgehen', icon: 'mdi:shield-check'},
 59 | 	{name: 'Über uns', link: '/about', icon: 'mdi:information-outline'},
 60 | ]
 61 | 
 62 | const route = useRoute()
 63 | 
 64 | const currentPage = ref("/")
 65 | currentPage.value = route.path
 66 | 
 67 | // on route change, update currentPage
 68 | watch(() => route.path, (newVal) => {
 69 | 	currentPage.value = newVal
 70 | })
 71 | 
 72 | 
 73 | definePageMeta({
 74 | 	middleware: ['old-cuiiliste-redirects'],
 75 | })
 76 | 
 77 | useSeoMeta({
 78 | 	title: 'CUII Liste',
 79 | 	ogTitle: 'CuiiListe.de',
 80 | 	description: 'Die CUII Liste zeigt dir, welche Domains von der CUII gesperrt sind und wie du die Zensur umgehen kannst.',
 81 | 	ogDescription: 'Die CUII Liste zeigt dir, welche Domains von der CUII gesperrt sind und wie du die Zensur umgehen kannst.',
 82 | 	ogImage: '/img/nocuii.png',
 83 | 	ogUrl: 'https://cuiiliste.de',
 84 | 	twitterTitle: 'CuiiListe.de',
 85 | 	twitterImage: '/img/nocuii.png',
 86 | 	twitterCard: 'summary',
 87 | 	twitterDescription: 'Die CUII Liste zeigt dir, welche Domains von der CUII gesperrt sind und wie du die Zensur umgehen kannst.',
 88 | 	themeColor: '#f26e24'
 89 | })
 90 | useHead({
 91 | 	htmlAttrs: {
 92 |         lang: 'de'
 93 |     },
 94 | 	link: [
 95 | 		{rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}
 96 | 	]
 97 | })
 98 | </script>
 99 | 
100 | <style>
101 | .link {
102 |   @apply underline text-primary cursor-pointer;
103 | }
104 | </style>


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
 1 | // https://nuxt.com/docs/api/configuration/nuxt-config
 2 | export default defineNuxtConfig({
 3 |     compatibilityDate: '2024-04-03',
 4 |     devtools: {enabled: true},
 5 |     modules: ['@nuxtjs/tailwindcss', '@vueuse/nuxt', "@nuxt/icon", "@nuxt/image", '@nuxtjs/device', '@nuxtjs/sitemap', '@nuxtjs/robots'],
 6 |     postcss: {
 7 |         plugins: {
 8 |             tailwindcss: {},
 9 |             autoprefixer: {},
10 |         },
11 |     },
12 |     runtimeConfig: {
13 |         public: {
14 |             api_root: 'https://api.cuiiliste.de',
15 |             discord_invite: 'https://discord.gg/mrKTxwHxv7',
16 |             monero_address: '89LWJ7qZzqKRDs1AunkgrijDvCTQ7taVofH6yqGgVFMg8Z6y66RZvbSGYt5B5eUVdJRnLz4UoJ7fPFr3251br72HFPi2Q2V',
17 |             bitcoin_address: 'bc1qqrqp6j064pr6u0u30qvnalfgm7unwcegf42nc0',
18 |             paypal_donate_url: 'https://www.paypal.com/donate/?hosted_button_id=TW4BL9HQK5TLJ'
19 |         }
20 |     },
21 |     routeRules: {
22 |         '/cuii/domain-liste': {redirect: {to: '/domains', statusCode: 301}},
23 |         '/cuii/dns/**': {redirect: {to: '/umgehen', statusCode: 301}},
24 |         '/cuii/pi-hole': {redirect: {to: '/umgehen', statusCode: 301}},
25 |         '/cuii/AdGuard': {redirect: {to: '/umgehen', statusCode: 301}},
26 |         '/cuii/frag-den-staat': {redirect: {to: '/', statusCode: 301}},
27 |         '/cuii/impressum': {redirect: {to: '/about', statusCode: 301}},
28 |         '/cuii/datenschutz': {redirect: {to: '/about', statusCode: 301}},
29 |         '/cuii/kontakt': {redirect: {to: '/about', statusCode: 301}},
30 |         '/cuii/domain-add': {redirect: {to: '/probe', statusCode: 301}},
31 |         '/cuii/news-rund-um-die-welt': {redirect: {to: '/news', statusCode: 301}}
32 |     },
33 |     site: {
34 |         url: 'https://cuiiliste.de',
35 |         name: 'CuiiListe.de',
36 |     },
37 |     robots: {
38 |         rules: {
39 |             UserAgent: '*',
40 |             Allow: '/',
41 |             Sitemap: 'https://cuiiliste.de/sitemap.xml'
42 |         }
43 |     }
44 | })


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-app",
 3 |   "private": true,
 4 |   "type": "module",
 5 |   "scripts": {
 6 |     "build": "nuxt build",
 7 |     "dev": "nuxt dev",
 8 |     "generate": "nuxt generate",
 9 |     "preview": "nuxt preview",
10 |     "postinstall": "nuxt prepare"
11 |   },
12 |   "dependencies": {
13 |     "@nuxt/icon": "^1.2.0",
14 |     "@nuxt/image": "^1.7.0",
15 |     "nuxt": "^3.12.4",
16 |     "qrcode.vue": "^3.4.1",
17 |     "vue": "latest"
18 |   },
19 |   "devDependencies": {
20 |     "@nuxtjs/device": "^3.1.1",
21 |     "@nuxtjs/robots": "^4.0.2",
22 |     "@nuxtjs/sitemap": "^6.0.0-beta.1",
23 |     "@nuxtjs/tailwindcss": "^6.12.1",
24 |     "@vueuse/core": "^10.11.0",
25 |     "@vueuse/nuxt": "^10.11.0",
26 |     "autoprefixer": "^10.4.19",
27 |     "daisyui": "^4.12.10",
28 |     "postcss": "^8.4.39",
29 |     "tailwindcss": "^3.4.6"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | useSeoMeta({
  3 | 	title: 'CUII Liste - Über uns',
  4 | 	ogTitle: 'CuiiListe.de - Über uns',
  5 | })
  6 | </script>
  7 | 
  8 | <template>
  9 | 	<div class="container mx-auto">
 10 | 		<h1 class="text-4xl font-bold text-center mb-3">Über uns</h1>
 11 | 
 12 | 		<div class="bg-base-300 shadow-lg p-6 rounded-lg">
 13 | 			<p class="text-lg">
 14 | 				Hey, diese Seite wird hauptsächlich von mir, Damian (aka <a href="https://damcraft.de" class="link" target="_blank">damcraft.de</a>) betrieben.
 15 | 			</p>
 16 | 			<p class="mt-2">
 17 | 				Ich bin ein 17-jähriger Schüler aus Deutschland mit einer Leidenschaft für Informatik. Dieses Projekt
 18 | 				ist nicht nur von mir allein entstanden; einige Freunde haben mir großartig geholfen (Schaue weiter unten!).
 19 | 				Tritt unserem <a :href="useRuntimeConfig().public.discord_invite" class="link">Discord-Server</a> bei, um mit uns zu
 20 | 				sprechen. Falls du Informationen zur CUII hast, teile sie dort gerne mit uns.
 21 | 				Andere Kontaktmöglichkeiten findest du weiter unten.
 22 | 			</p>
 23 | 			<h2 class="text-2xl font-bold mt-4">Kontakt</h2>
 24 | 			<ul class="list-disc ml-6 mt-1">
 25 | 				<li>Discord-Server: <a :href="useRuntimeConfig().public.discord_invite" class="link" target="_blank">{{ useRuntimeConfig().public.discord_invite }}</a></li>
 26 | 				<li>E-Mail: <a href="mailto:contact@cuiiliste.de" class="link" target="_blank">contact@cuiiliste.de</a></li>
 27 | 				<li>Direkter Kontakt: Finde mich auf <a href="https://damcraft.de" class="link" target="_blank">damcraft.de</a> –
 28 | 					Matrix, Discord und mehr.
 29 | 				</li>
 30 | 			</ul>
 31 | 		</div>
 32 | 
 33 | 		<div class="bg-base-300 shadow-lg p-6 rounded-lg mt-6">
 34 | 			<h2 class="text-2xl font-bold">Danksagungen</h2>
 35 | 			<p class="mt-2">
 36 | 				Danke an alle, die mich bei diesem Projekt unterstützt haben. Ohne euch wäre diese Seite nicht
 37 | 				möglich. Besonderer Dank geht an:
 38 | 			</p>
 39 | 			<ul class="list-disc ml-6 mt-2">
 40 | 				<li><NuxtLink href="https://northernsi.de" class="link font-bold" target="_blank">Northernside</NuxtLink> für das ranholen der großen Domainliste</li>
 41 | 				<li><NuxtLink href="https://86dd.eu" class="link font-bold" target="_blank">86dd.eu</NuxtLink> für DNS-Resolver-Tests und mehr</li>
 42 | 				<li><NuxtLink href="https://veronoi.cc/" class="link font-bold" target="_blank">Veronoicc</NuxtLink> für die Suche nach offenen DNS-Resolvern</li>
 43 | 				<li><NuxtLink href="https://discord.gg/eJMnvktRMA" class="link" target="_blank">SSI</NuxtLink>,
 44 | 					einem echt coolen technischen Discord-Server mit vielen coolen Nerds -> <NuxtLink href="https://ssi.fyi" class="link" target="_blank">ssi.fyi</NuxtLink></li>
 45 | 				<li>Die <NuxtLink href="https://web.archive.org/web/20220419210040/https://cuiiliste.de/" class="link" target="_blank">Originale CUIIListe</NuxtLink>,
 46 | 					welche uns die ursprüngliche Idee gegeben hat</li>
 47 | 			</ul>
 48 | 		</div>
 49 | 
 50 | 		<div class="bg-base-300 shadow-lg p-6 rounded-lg mt-6">
 51 | 			<h2 class="text-2xl font-bold">Was ist das hier?</h2>
 52 | 			<p class="mt-2">
 53 | 				Diese Seite beschäftigt sich mit der CUII und deren Sperrlisten. Die CUII ist eine private Organisation,
 54 | 				die Webseiten sperrt, die ihrer Meinung nach gegen das Urheberrecht verstoßen – und das ohne
 55 | 				gerichtliche Beschlüsse.
 56 | 				Zudem wirkt ihre Vorgehensweise, meiner Meinung nach, sehr intransparent.
 57 | 			</p>
 58 | 		</div>
 59 | 
 60 | 		<div class="bg-base-300 shadow-lg p-6 rounded-lg mt-6">
 61 | 			<h2 class="text-2xl font-bold">Für Entwickler</h2>
 62 | 			<p class="mt-2">
 63 | 				Unsere API ist unter <a href="https://api.cuiiliste.de" class="link">api.cuiiliste.de</a> erreichbar.
 64 | 				Du kannst den Quellcode für unser Frontend und die API auf GitHub einsehen und daran mitarbeiten.
 65 | 			</p>
 66 | 			<div class="mt-4 flex gap-4">
 67 | 				<a href="https://github.com/DAMcraft/cuiiliste-frontend" class="btn bg-black hover:bg-black text-white" target="_blank">
 68 | 					CuiiListe-Frontend
 69 | 					<Icon name="mdi:github" class="ml-2 text-2xl" />
 70 | 				</a>
 71 | 				<a href="https://github.com/DAMcraft/cuiiliste" class="btn bg-black hover:bg-black text-white" target="_blank">
 72 | 					CuiiListe-API
 73 | 					<Icon name="mdi:github" class="ml-2 text-2xl" />
 74 | 				</a>
 75 | 			</div>
 76 | 		</div>
 77 | 
 78 | 		<div class="bg-base-300 shadow-lg p-6 rounded-lg mt-6">
 79 | 			<h2 class="text-2xl font-bold">Disclaimer</h2>
 80 | 			<p class="mt-2">
 81 | 				Die auf dieser Website bereitgestellten Informationen dienen ausschließlich allgemeinen Informationszwecken.
 82 | 				Trotz sorgfältiger Recherche und regelmäßiger Aktualisierung kann keine Garantie für die Vollständigkeit,
 83 | 				Richtigkeit oder Aktualität der Informationen übernommen werden. Die Nutzung der Informationen erfolgt auf eigene Verantwortung.
 84 | 				Für eventuelle Schäden oder Konsequenzen, die sich aus der Nutzung der Informationen ergeben, übernehmen wir keine Haftung.
 85 | 			</p>
 86 | 			<p>
 87 | 				CUIIListe.de ist eine unabhängige Plattform und steht in keiner offiziellen Beziehung zur CUII.
 88 | 				Wir sind nicht mit der CUII verbunden oder von ihr autorisiert.
 89 | 				Alle Informationen auf dieser Website basieren auf öffentlich verfügbaren Daten und der persönlichen Recherche.
 90 | 				Bei Fragen oder Unsicherheiten hinsichtlich gesperrter Domains oder der CUII wenden Sie sich bitte direkt an die CUII.
 91 | 			</p>
 92 | 			<p>
 93 | 				CUIIListe.de enthält Links zu externen Websites, die nicht von uns betrieben werden.
 94 | 				Wir haben keinen Einfluss auf den Inhalt und die Gestaltung dieser externen Websites und übernehmen daher keine Verantwortung für deren Inhalte.
 95 | 				Die Verantwortung für den Inhalt der verlinkten Seiten liegt ausschließlich bei deren Betreibern.
 96 | 				Das Setzen eines Links auf eine externe Website bedeutet nicht, dass wir deren Inhalte oder die Betreiber der Seite unterstützen.
 97 | 				Bei der Verlinkung haben wir die entsprechenden Seiten auf mögliche rechtliche Verstöße überprüft.
 98 | 				Sollte jedoch eine verlinkte Seite gegen geltendes Recht verstoßen oder problematische Inhalte aufweisen,
 99 | 				bitten wir um eine entsprechende Mitteilung, damit wir den Link gegebenenfalls entfernen können.
100 | 				Die Nutzung der verlinkten Websites erfolgt auf eigene Verantwortung.
101 | 				Für die Inhalte der externen Seiten und die daraus resultierenden Folgen übernehmen wir keinerlei Haftung.
102 | 			</p>
103 | 		</div>
104 | 
105 | 		<div class="my-6 mx-auto flex justify-center">
106 | 			<NuxtLink  href="https://ssi.fyi/" target="_blank"><NuxtImg src="/img/ssi-88x31.gif" /></NuxtLink>
107 | 			<div class="mx-2"></div>
108 | 			<NuxtLink  href="https://damcraft.de/" target="_blank"><NuxtImg src="/img/dam-88x31.gif" /></NuxtLink>
109 | 		</div>
110 | 	</div>
111 | </template>
112 | 
113 | <style scoped>
114 | 
115 | </style>
116 | 


--------------------------------------------------------------------------------
/pages/domains.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const domains = ref([])
 3 | 
 4 | async function getBlockedDomains() {
 5 | 	const res = await fetch(useRuntimeConfig().public.api_root + '/blocked_domains')
 6 | 	return await res.json()
 7 | }
 8 | getBlockedDomains().then((res) => {
 9 | 	domains.value = res
10 | })
11 | 
12 | useSeoMeta({
13 | 	title: 'CUII Liste - Gesperrte Domains',
14 | 	ogTitle: 'CuiiListe.de - Gesperrte Domains'
15 | })
16 | </script>
17 | 
18 | <template>
19 | 	<h1 class="text-2xl font-bold text-center">Von der <span class="text-accent">CUII</span> gesperrte Domains</h1>
20 | 	<div class="flex flex-row justify-center w-full">
21 | 		<div v-if="domains.length > 0" class="flex flex-col items-center md:w-1/2 sm:w-3/4 w-full">
22 | 			<DomainTable :domains="domains"></DomainTable>
23 | 		</div>
24 | 		<div v-else class="pt-10">
25 | 			<span class="loading loading-spinner w-[4rem] text-[--lessimportant]"></span>
26 | 		</div>
27 | 	</div>
28 | </template>
29 | 
30 | <style scoped>
31 | 
32 | </style>


--------------------------------------------------------------------------------
/pages/filmpalast.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | definePageMeta({
 3 | 	layout: false
 4 | })
 5 | </script>
 6 | 
 7 | <template>
 8 | 	<div class="w-full items-center justify-center text-center p-4 pt-8">
 9 | 		<h1 class="text-4xl font-bold">Hey, es scheint als kämst du von Filmpalast.to!</h1>
10 | 		<p class="mt-5 xl:w-1/2 mx-auto">
11 | 			Unser Umgehungs-Guide ist <b>NICHT</b> dafür gedacht, um Filme oder Serien illegal zu schauen.
12 | 			Viel mehr soll es z.B. Journalisten helfen, die zu gesperrten Seiten recherchieren.
13 | 			Es ist nicht unser Ziel, Urheberrechtsverletzungen zu fördern.
14 | 		</p>
15 | 		<p class="mt-5 xl:w-1/2 mx-auto">
16 | 			Wir konnten leider keinen Kontakt mit Seitenbetreibern aufnehmen, um zu beten, unseren Link zu entfernen.
17 | 			Falls das jemand von Filmpalast.to liest, würden wir uns sehr freuen, falls Sie useren Link entfernen könnten.
18 | 		</p>
19 | 		<h1 class="text-2xl font-bold mt-8">Vielen Dank für Ihr Verständnis!</h1>
20 | 	</div>
21 | </template>
22 | 
23 | <style scoped>
24 | 
25 | </style>


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import QrcodeVue from 'qrcode.vue'
  3 | definePageMeta({
  4 | 	layout: 'default'
  5 | })
  6 | 
  7 | let blockedDomains = ref(0)
  8 | 
  9 | async function getBlockedDomains() {
 10 | 	const res = await fetch(useRuntimeConfig().public.api_root + '/blocked_domains')
 11 | 	const data = await res.json()
 12 | 	blockedDomains.value = data.length
 13 | }
 14 | 
 15 | onMounted(() => {
 16 | 	getBlockedDomains()
 17 | })
 18 | </script>
 19 | 
 20 | <template>
 21 | 	<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
 22 | 		<div class="bg-base-300 shadow-lg p-4">
 23 | 			<div class="bg-cuii-banner-background bg-cover bg-center h-64 mb-1">
 24 | 				<div class="flex flex-col items-center justify-center h-full text-center p-2">
 25 | 					<div class="text-white text-2xl font-bold">Diese Webseite ist aus urheberrechtlichen Gründen nicht
 26 | 						verfügbar.
 27 | 					</div>
 28 | 					<div class="text-white">Die CUII hat entschieden, diese Seite ohne gerichtlichen Beschluss zu
 29 | 						sperren.
 30 | 					</div>
 31 | 				</div>
 32 | 			</div>
 33 | 			<h2 class="text-2xl font-bold">
 34 | 				Selbstjustiz? Nein danke!
 35 | 			</h2>
 36 | 			<p>
 37 | 				Die CUII ist eine private Organisation, die sich selbst das Recht nimmt, Webseiten zu sperren, die ihrer
 38 | 				Meinung nach gegen das Urheberrecht verstoßen.
 39 | 				Dies geschieht ohne gerichtliche Beschlüsse - und Internetanbieter ziehen mit.
 40 | 			</p>
 41 | 		</div>
 42 | 
 43 | 		<div class="bg-base-300 shadow-lg p-4 flex flex-col justify-between">
 44 | 			<div>
 45 | 				<h2 class="text-2xl font-bold">
 46 | 					"Transparente" Sperrliste
 47 | 				</h2>
 48 | 				<p class="mt-2">
 49 | 					Die CUII sperrt Domains. Welche genau? Das wird von der CUII nicht preisgegeben.
 50 | 				</p>
 51 | 				<p>
 52 | 					Aber keine Sorge - <b>dafür gibt es ja uns</b>.
 53 | 					Wir geben unser Bestes, um alle gesperrten Domains zu sammeln und zu veröffentlichen.
 54 | 				</p>
 55 | 			</div>
 56 | 			<div class="mx-2 bottom-0 align-bottom">
 57 | 				<NuxtImg src="/img/nicht_genannt.webp" class="w-full"/>
 58 | 				<p class="text-[--lessimportant] italic">
 59 | 					Zitat aus Anlage 1 §4 Abs. 4 lit. l des
 60 | 					<a class="link" href="https://cuii.info/fileadmin/files/CUII_Verhaltenskodex_23.pdf"
 61 | 					   target="_blank">CUII-Verhaltenskodex</a>
 62 | 					<br class="hidden sm:block"/>
 63 | 					SUW = Strukturell urheberrechtsverletzende Webseite
 64 | 				</p>
 65 | 			</div>
 66 | 		</div>
 67 | 		<div class="bg-base-300 shadow-lg p-4 flex flex-col">
 68 | 			<h2 class="text-2xl font-bold">
 69 | 				Unsere Ziele
 70 | 			</h2>
 71 | 			<ul class="list-disc ml-6 mt-2">
 72 | 				<li>
 73 | 					<b>Transparenz:</b> Wir wollen die Sperrpraxis der CUII transparent machen.
 74 | 				</li>
 75 | 				<li>
 76 | 					<b>Meinungsfreiheit:</b> Wir wollen die Meinungsfreiheit im Internet schützen.
 77 | 				</li>
 78 | 				<li>
 79 | 					<b>Freies Internet:</b> Wir sind für eine Welt, in der das Internet frei und offen ist.
 80 | 				</li>
 81 | 				<li>
 82 | 					<b>Keine Zensur:</b> Wir sind gegen Zensur durch private Organisationen.
 83 | 				</li>
 84 | 			</ul>
 85 | 		</div>
 86 | 		<div class="flex flex-col justify-between">
 87 | 			<NuxtLink class="bg-primary shadow-lg p-4 flex hover:bg-primary-hover mb-2 hover:shadow-xl" to="/umgehen">
 88 | 				<Icon name="eos-icons:dns" class="text-white text-6xl"/>
 89 | 				<div class="flex flex-col ml-4">
 90 | 					<h2 class="text-white text-2xl font-bold">
 91 | 						Zensur umgehen
 92 | 					</h2>
 93 | 					<p class="text-white">
 94 | 						Wir zeigen Ihnen wie Sie <b>ganz einfach</b> die Selbstjustiz der CUII umgehen können.
 95 | 					</p>
 96 | 				</div>
 97 | 				<Icon name="mdi:arrow-right" class="text-white text-6xl ml-auto"/>
 98 | 			</NuxtLink>
 99 | 			<NuxtLink class="bg-accent shadow-lg p-4 flex hover:bg-primary-hover mt-2 hover:shadow-xl" to="/domains">
100 | 				<Icon name="octicon:blocked-16" class="text-white text-6xl"/>
101 | 				<div class="flex flex-col ml-4">
102 | 					<h2 class="text-white text-2xl font-bold">
103 | 						Gesperrte Domains
104 | 					</h2>
105 | 					<p class="text-white">
106 | 						Die CUII hat im Moment <b>{{ blockedDomains }}</b> Domains gesperrt. Schau dir die Liste an!
107 | 					</p>
108 | 				</div>
109 | 				<Icon name="mdi:arrow-right" class="text-white text-6xl ml-auto"/>
110 | 			</NuxtLink>
111 | 		</div>
112 | 		<div class="flex flex-row justify-between">
113 | 			<div class="bg-base-300 shadow-lg w-1/2 flex mr-1 sm:mr-2 p-2 sm:p-4">
114 | 				<div class="flex flex-col">
115 | 					<h2 class="text-2xl font-bold">
116 | 						Discord
117 | 					</h2>
118 | 					<p>
119 | 						Tritt unserem Discord-Server bei um Benachrichtigungen zu erhalten oder Informationen auszutauschen.
120 | 					</p>
121 | 					<a class="bg-primary text-white py-3 px-5 m-auto rounded-lg flex items-center gap-2 hover:bg-primary-hover mt-2"
122 | 					   :href="useRuntimeConfig().public.discord_invite">
123 | 						<span class="mr-2">Beitreten</span>
124 | 						<Icon name="pajamas:discord" class="text-white text-2xl"/>
125 | 					</a>
126 | 					<p class="text-xs mx-auto text-[--lessimportant] italic">
127 | 						Gonna
128 | 						<span class="underline decoration-dotted cursor-default group">
129 | 							<div class="hidden absolute top-0 left-0 w-full h-full group-hover:block pointer-events-none z-50">
130 | 								<NuxtImg src="/img/bucket.png" class="w-full h-full"/>
131 | 							</div>
132 | 							bridge it</span>
133 | 						to Matrix soon™
134 | 					</p>
135 | 				</div>
136 | 			</div>
137 | 			<div class="bg-base-300 shadow-lg w-1/2 flex ml-1 sm:ml-2 p-2 sm:p-4">
138 | 				<div class="flex flex-col">
139 | 					<h2 class="text-2xl font-bold">
140 | 						Über uns
141 | 					</h2>
142 | 					<p>
143 | 						Erfahre mehr über uns, unsere Ziele und wie diese Webseite funzt.
144 | 					</p>
145 | 					<NuxtLink class="bg-base-100 p-3 px-5 m-auto rounded-lg flex items-center gap-2 hover:bg-primary-hover mt-2"
146 | 					          to="/about">
147 | 						<span class="mr-2">Mehr erfahren</span>
148 | 						<Icon name="mdi:arrow-right" class="text-2xl"/>
149 | 					</NuxtLink>
150 | 				</div>
151 | 			</div>
152 | 		</div>
153 | 		<div class="bg-base-300 shadow-lg p-4 flex">
154 | 			<Icon name="mdi:heart" class="text-9xl hidden sm:block"/>
155 | 			<div class="flex flex-col ml-4">
156 | 				<h2 class="text-2xl font-bold">
157 | 					Uns unterstützen
158 | 				</h2>
159 | 				<p>
160 | 					Wir arbeiten mit viel Liebe und Zeit an dieser Webseite. Die Seite ist komplett werbefrei und wir verdienen
161 | 					kein Geld damit. Wenn Sie uns unterstützen möchten, können Sie uns gerne eine Spende zukommen lassen.
162 | 				</p>
163 | 				<div class="flex gap-4 mt-2">
164 | 					<div class="bg-base-100 p-2 rounded-lg flex items-center gap-2 hover:bg-base-200 hover:cursor-pointer"
165 | 					     onclick="bitcoin_modal.showModal()">
166 | 						<Icon name="mdi:bitcoin" class="text-2xl"/>
167 | 						Bitcoin
168 | 					</div>
169 | 					<div class="bg-base-100 p-2 rounded-lg flex items-center gap-2 hover:bg-base-200 hover:cursor-pointer"
170 | 					     onclick="monero_modal.showModal()">
171 | 						<Icon name="mingcute:monero-fill" class="text-2xl"/>
172 | 						Monero
173 | 					</div>
174 | 					<NuxtLink class="bg-base-100 p-2 rounded-lg flex items-center gap-2 hover:bg-base-200 hover:cursor-pointer"
175 | 					   :to="useRuntimeConfig().public.paypal_donate_url"
176 | 					   target="_blank" rel="noopener noreferrer">
177 | 						<Icon name="mdi:paypal" class="text-2xl"/>
178 | 						PayPal
179 | 					</NuxtLink>
180 | 				</div>
181 | 			</div>
182 | 		</div>
183 | 	</div>
184 | 	<dialog id="bitcoin_modal" class="modal">
185 | 		<div class="modal-box">
186 | 			<h3 class="text-lg font-bold">Vielen Dank, dass Sie überhaupt über eine Spende nachdenken! Es bedeutet uns
187 | 				viel.</h3>
188 | 			<p class="py-4">
189 | 				Falls Sie uns über Bitcoin unterstützen möchten, können Sie dies über folgende Adresse tun:
190 | 				<br>
191 | 				<code class="font-mono text-accent px-1.5 rounded-lg break-all bg-base-200">
192 | 					{{ useRuntimeConfig().public.bitcoin_address }}
193 | 				</code>
194 | 				<QrcodeVue :value="'bitcoin:' + useRuntimeConfig().public.bitcoin_address" :size="200" class="mx-auto mt-2"/>
195 | 			</p>
196 | 			<div class="modal-action">
197 | 				<form method="dialog">
198 | 					<button class="btn">Schließen</button>
199 | 				</form>
200 | 			</div>
201 | 		</div>
202 | 	</dialog>
203 | 	<dialog id="monero_modal" class="modal">
204 | 		<div class="modal-box">
205 | 			<h3 class="text-lg font-bold">Vielen Dank, dass Sie überhaupt über eine Spende nachdenken! Es bedeutet uns
206 | 				viel.</h3>
207 | 			<p class="py-4">
208 | 				Falls Sie uns über Monero (XMR) unterstützen möchten, können Sie dies über folgende Adresse tun:
209 | 				<br>
210 | 				<code class="font-mono text-accent px-1.5 rounded-lg break-all bg-base-200">
211 | 					{{ useRuntimeConfig().public.monero_address }}
212 | 				</code>
213 | 				<QrcodeVue :value="'monero:' + useRuntimeConfig().public.monero_address" :size="200" class="mx-auto mt-2"/>
214 | 			</p>
215 | 			<div class="modal-action">
216 | 				<form method="dialog">
217 | 					<button class="btn">Schließen</button>
218 | 				</form>
219 | 			</div>
220 | 		</div>
221 | 	</dialog>
222 | </template>
223 | 
224 | <style scoped>
225 | 
226 | </style>
227 | 


--------------------------------------------------------------------------------
/pages/isp.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | useSeoMeta({
 3 | 	title: 'CUII Liste - Bin ich betroffen?',
 4 | 	ogTitle: 'CuiiListe.de - Bin ich betroffen?',
 5 | })
 6 | 
 7 | const affectedASNs = [
 8 | 	8881,  // 1&1 Versatel
 9 | 	6805,  // Telefonica
10 | 	3320,  // Deutsche Telekom
11 | 	3209,  // Vodafone
12 | 	5430,  // Freenet
13 | 	60294  // Deutsche Glasfaser Wholesale
14 | ]
15 | 
16 | let affected = ref<boolean | null>(null)
17 | 
18 | async function amIAffected() {
19 | 	let randomID = Math.floor(Math.random() * 1000000000)
20 | 	let url = `https://${randomID}.map.help.every1dns.net/`
21 | 	let response = await (await fetch(url)).json()
22 | 	let asn = response.isp.asn
23 | 	return affectedASNs.includes(asn)
24 | }
25 | // async function amIAffected() {
26 | // 	let url = `http://ww1.kinox.to/`
27 | // 	// Idea behind this: If the request doesn't fail, then they got redirected to the notice page
28 | // 	try {
29 | // 		await fetch(url, {mode: 'no-cors', method: 'HEAD'})
30 | // 		affected.value = true
31 | // 	} catch (e) {
32 | // 		affected.value = false
33 | // 	}
34 | // }
35 | 
36 | amIAffected().then((res) => {
37 | 	affected.value = res
38 | })
39 | </script>
40 | 
41 | <template>
42 | 	<div v-if="affected === null" class="text-center">
43 | 		<span class="loading loading-spinner w-[4rem] text-accent"></span>
44 | 	</div>
45 | 	<div v-else>
46 | 		<div v-if="affected" class="text-center">
47 | 			<div>
48 | 				<Icon name="uil:ban" class="text-error text-9xl"/>
49 | 			</div>
50 | 			<span class="text-3xl">Du bist leider von <span class="text-accent font-bold">CUII</span>-Sperren <span
51 | 				class="text-error">betroffen</span>!</span>
52 | 			<div class="mt-5 text-lg">
53 | 				Keine Sorge, die zu Umgehen ist ganz einfach.
54 | 				<NuxtLink href="/umgehen" class="link">Hier</NuxtLink>
55 | 				findest du eine Anleitung.
56 | 			</div>
57 | 		</div>
58 | 		<div v-else class="text-center text-3xl">
59 | 			<div>
60 | 				<Icon name="uil:check" class="text-success text-9xl"/>
61 | 			</div>
62 | 			Alles perfekt! Du bist von <span class="text-accent font-bold">CUII</span>-Sperren <span
63 | 			class="text-success">nicht betroffen</span>.
64 | 		</div>
65 | 
66 | 		<div class="align-bottom text-center mt-10">
67 | 			<div class="text-2xl">
68 | 				<span class="text-accent font-bold">CUII</span>-Mitglieder:
69 | 			</div>
70 | 			<div class="flex justify-center mt-2">
71 | 				<div class="grid-cols-1 sm:grid-cols-2 md:grid-cols-3 grid gap-4">
72 | 					<CuiiMember logo-link="/img/anbieter/1&1.png" name="1&1 Versatel"/>
73 | 					<CuiiMember logo-link="/img/anbieter/deutsche_glasfaser.png" name="Deutsche Glasfaser"/>
74 | 					<CuiiMember logo-link="/img/anbieter/freenet.png" name='"Free"net'/>
75 | 					<CuiiMember logo-link="/img/anbieter/telefonica.png" name="Telefónica (o2)" should-invert-dark/>
76 | 					<CuiiMember logo-link="/img/anbieter/telekom.png" name="Telekom"/>
77 | 					<CuiiMember logo-link="/img/anbieter/vodafone.png" name="Vodafone"/>
78 | 				</div>
79 | 			</div>
80 | 			<div class="mt-5 text-lg">
81 | 				Sie blockieren Websiten, <span class="font-bold">ohne richterliche Anordnung</span>,
82 | 				aufgrund von Empfehlungen der CUII.
83 | 			</div>
84 | 		</div>
85 | 	</div>
86 | </template>
87 | 
88 | <style scoped>
89 | 
90 | </style>
91 | 


--------------------------------------------------------------------------------
/pages/probe.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | useSeoMeta({
  3 | 	title: 'CUII Liste - Domain hinzufügen',
  4 | 	ogTitle: 'CuiiListe.de - Domain hinzufügen'
  5 | })
  6 | 
  7 | definePageMeta({
  8 | 	layout: 'default'
  9 | })
 10 | 
 11 | let isSearching = ref(false)
 12 | let hasResult = ref(false)
 13 | let finalResultText = ref('')
 14 | let domainToCheck = ''
 15 | let blockingResolvers: any[] = []
 16 | let nonBlockingResolvers: any[] = []
 17 | let hasInput = ref(true)
 18 | 
 19 | const testDomain = async () => {
 20 | 	hasInput.value = true
 21 | 	hasResult.value = false
 22 | 	domainToCheck = (document.getElementById('testDomainInput') as HTMLInputElement).value.trim()
 23 | 	if (domainToCheck === '') {
 24 | 		hasInput.value = false
 25 | 		return
 26 | 	}
 27 | 	isSearching.value = true
 28 | 	const res = await fetch(useRuntimeConfig().public.api_root + '/test_domain?domain=' + domainToCheck)
 29 | 	const data = await res.json()
 30 | 	// this will look something like this:
 31 | 	// {"domain":"kinox.to","final_result":"BLOCKED","responses":[{"duration":306,"obeys_cuii":false,"resolver":"Cloudflare","response":"NOT_BLOCKED"},{"duration":306,"obeys_cuii":false,"resolver":"Freifunk Regensburg","response":"NOT_BLOCKED"},{"duration":306,"obeys_cuii":true,"resolver":"Telef\u00f3nica (02) 4/4","response":"BLOCKED"}, ...]}
 32 | 	isSearching.value = false
 33 | 	hasResult.value = true
 34 | 	let finalDomainResult = data.final_result  // one of ["NOT_BLOCKED", "PARTIALLY_BLOCKED", "BLOCKED", "FAKE_BLOCKED", "ERROR", "NXDOMAIN"]
 35 | 	domainToCheck = data.domain  // in case the domain was normalized
 36 | 	let responses = data.responses
 37 | 	blockingResolvers = responses.filter((resolver: any) => resolver.obeys_cuii).sort((a: any, b: any) => a.resolver.localeCompare(b.resolver))
 38 | 	nonBlockingResolvers = responses.filter((resolver: any) => !resolver.obeys_cuii).sort((a: any, b: any) => a.resolver.localeCompare(b.resolver))
 39 | 	let isNXDOMAIN = nonBlockingResolvers.some((resolver: any) => resolver.response === 'NXDOMAIN')
 40 | 	if (finalDomainResult === 'BLOCKED' && !isNXDOMAIN) {
 41 | 		for (let resolver of blockingResolvers) {
 42 | 			if (resolver.response === 'NXDOMAIN') {
 43 | 				resolver.response = 'BLOCKED'
 44 | 			}
 45 | 		}
 46 | 
 47 | 	}
 48 | 	finalResultText = finalDomainResult
 49 | }
 50 | 
 51 | onMounted(() => {
 52 |   if (useRoute().query.domain) {
 53 |     (document.getElementById('testDomainInput') as HTMLInputElement).value = useRoute().query.domain as string
 54 |     testDomain()
 55 |   }
 56 | })
 57 | </script>
 58 | 
 59 | <template>
 60 | 	<div class="flex flex-col sm:items-center items-start">
 61 | 		<h1 class="text-4xl font-bold">Domain hinzufügen</h1>
 62 | 		<p class="text-lg sm:w-3/4 sm:text-center mt-2">Teste, welche Internetanbieter eine Domain blockieren (und füge diese unserer Liste hinzu falls diese neu ist)</p>
 63 | 		<div class="flex flex-row items-center mt-5">
 64 | 			<input type="text" placeholder="kinox.to" class="input input-bordered w-full max-w-xs m-5 placeholder-[--lessimportant]" id="testDomainInput" @keyup.enter="testDomain" :disabled="isSearching">
 65 | 			<button class="btn btn-accent" id="testDomainButton" @click="testDomain" :disabled="isSearching">Testen</button>
 66 | 		</div>
 67 | 		<div v-if="!hasInput" class="text-error">Bitte gib eine Domain ein.</div>
 68 | 		<span class="loading loading-spinner loading-lg text-accent" id="loadingSpinner" :class="isSearching ? '' : 'hidden'"></span>
 69 | 		<div id="resultDiv" :class="hasResult ? '' : 'hidden'">
 70 | 			<div class="text-2xl font-bold">
 71 | 				<span v-if="finalResultText === 'BLOCKED'">
 72 | 					"{{ domainToCheck }}" wurde durch die CUII höchstwahrscheinlich <span class="text-accent">blockiert</span>.
 73 | 				</span>
 74 | 				<span v-else-if="finalResultText === 'PARTIALLY_BLOCKED'">
 75 | 					"{{ domainToCheck }}" ist <span class="text-accent">teilweise blockiert</span>.
 76 | 				</span>
 77 | 				<span v-else-if="finalResultText === 'NOT_BLOCKED'">
 78 | 					"{{ domainToCheck }}" ist <span class="text-success">nicht gesperrt</span>.
 79 | 				</span>
 80 | 				<span v-else-if="finalResultText === 'NON_CUII_BLOCK'">
 81 | 					"{{ domainToCheck }}" ist zwar (teilweise) blockiert, aber <span class="text-[--lessimportant]">nicht durch die CUII</span>.
 82 | 				</span>
 83 | <!--				<span v-else-if="finalResultText === 'FAKE_BLOCKED'">-->
 84 | <!--					Irgendein Schlingel dachte, es wäre lustig, so zu tun als wäre {{ domainToCheck }} blockiert. <span class="text-success">Ist es aber nicht.</span>-->
 85 | <!--				</span>-->
 86 | 				<span v-else-if="finalResultText === 'ERROR'">
 87 | 					Es gab einen Fehler beim Testen der Domain "{{ domainToCheck }}". <span class="text-error">Bitte versuche es später erneut.</span>
 88 | 				</span>
 89 | <!--				<span v-else-if="finalResultText === 'NXDOMAIN'">-->
 90 | <!--					Die Domain "{{ domainToCheck }}" konnte <span class="text-[&#45;&#45;lessimportant]">nicht aufgelöst</span> werden.-->
 91 | <!--				</span>-->
 92 | 			</div>
 93 | 			<div class="grid sm:grid-cols-2 grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4" id="blockingResolvers">
 94 | 				<ResolverResponse v-for="resolver in blockingResolvers" :name="resolver.resolver" :response="resolver.response" :ping="resolver.duration" :key="resolver.resolver" />
 95 | 			</div>
 96 | <!--			<div class="text-2xl font-bold">Von der CUII-Unabhängige resolver:</div>-->
 97 | <!--			<div class="grid sm:grid-cols-2 grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4" id="nonBlockingResolvers">-->
 98 | <!--				<ResolverResponse v-for="resolver in nonBlockingResolvers" :name="resolver.resolver" :response="resolver.response" :ping="resolver.duration" :key="resolver.resolver" />-->
 99 | <!--			</div>-->
100 | 		</div>
101 | 	</div>
102 | 	<div class="fixed bottom-0 right-0 p-4">
103 | 		<NuxtLink to="/resolvers" class="underline text-primary"><Icon name="pajamas:status-health" class="mr-2 text-xs" />Resolver-Status</NuxtLink>
104 | 	</div>
105 | </template>
106 | 
107 | <style scoped>
108 | 
109 | </style>


--------------------------------------------------------------------------------
/pages/resolvers.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | useSeoMeta({
 3 | 	title: 'CUII Liste - DNS Resolver',
 4 | 	ogTitle: 'CuiiListe.de - DNS Resolver'
 5 | })
 6 | 
 7 | import ResolverStatus from "~/components/resolverStatus.vue";
 8 | 
 9 | definePageMeta({
10 |   layout: 'default'
11 | })
12 | 
13 | const blockingResolvers = ref([])
14 | const nonBlockingResolvers = ref([])
15 | 
16 | async function getResolverStatus() {
17 | 	let resolvers = await (await fetch(useRuntimeConfig().public.api_root + '/resolvers')).json()
18 | 	// this will look something like this:
19 | 	// [{"health":"REACHABLE","obeys_cuii":false,"isp":null,"ping":134,"resolver":"Cloudflare"},{"health":"REACHABLE","obeys_cuii":false,"isp":null,"ping":134,"resolver":"Freifunk Regensburg"},{"health":"REACHABLE","obeys_cuii":true,"isp":"Telefonica","ping":134,"resolver":"Telef\u00f3nica (02) 4/4"},{"health":"REACHABLE","obeys_cuii":false,"isp":null,"ping":134,"resolver":"GCore"},{"health":"REACHABLE","obeys_cuii":true,"isp":"Telefonica","ping":134,"resolver":"Telef\u00f3nica (02) 2/4"},{"health":"REACHABLE","obeys_cuii":true,"isp":"Telekom","ping":135,"resolver":"Telekom 1/4"},{"health":"REACHABLE","obeys_cuii":false,"isp":null,"ping":134,"resolver":"NextDNS"},{"health":"REACHABLE","obeys_cuii":false,"isp":null,"ping":134,"resolver":"Freifunk M\u00fcnchen"},{"health":"REACHABLE","obeys_cuii":true,"isp":"1&1","ping":134,"resolver":"1&1 (West)"},...]
20 | 	return resolvers.filter((resolver: any) => resolver.obeys_cuii).sort((a: any, b: any) => a.resolver.localeCompare(b.resolver))
21 | }
22 | getResolverStatus().then((res) => {
23 | 	blockingResolvers.value = res
24 | 	// nonBlockingResolvers.value = res.nonBlockingResolvers
25 | })
26 | 
27 | 
28 | </script>
29 | 
30 | <template>
31 | 	<div class="flex flex-col items-start">
32 | 		<h1 class="text-3xl font-bold pb-2">DNS Resolver</h1>
33 | 		<p class="2xl:w-3/5">
34 | 			Um herauszufinden, ob ein Internetanbieter eine Webseite blockiert, nutzen wir verschiedene DNS-Resolver.
35 | 			Unten kannst du sehen, wie es denen gerade so geht. Ein grüner Haken bedeutet ganz einfach, dass der Resolver erreichbar ist und auf Anfragen antwortet.
36 | 			<br>
37 | 			Lustige Info nebenbei: Vodafone, 1&1 und Telefónica (aka o2) erlauben leider keinen Zugriff von außen auf ihre DNS-Resolver.
38 | 			Daher nutzen wir bei denen die DNS-Resolver von irgendwelchen Leuten, die ihren Port 53 offen haben,
39 | 			bei dem jeweiligen Internetanbieter sind und die DNS-Anfragen auch an diesen weiterleiten.
40 | 			Diesen DNS-Resolvern haben wir eher wenig bedeutende Namen gegeben. Die von der Telekom wurden von dieser selbst benannt.
41 | 		</p>
42 | 
43 | 		<div class="flex flex-col pt-3">
44 | 			<div class="flex-1 flex flex-col">
45 | 				<h2 class="text-xl font-bold pb-1">Blocking</h2>
46 | 				<p>
47 | 					Diese DNS-Resolver gehören zu Internetanbietern, die CUII-Mitglieder sind. Sie blockieren Zugriffe auf Webseiten, die in der CUII-Blacklist stehen.
48 | 				</p>
49 | 				<div class="grid sm:grid-cols-2 grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4" v-if="blockingResolvers.length > 0">
50 | 					<ResolverStatus class="md:px-3" v-for="resolver in blockingResolvers" :name="resolver.resolver" :health="resolver.health" :ping="resolver.ping" :key="resolver.resolver" />
51 | 				</div>
52 | 				<div class="text-center" v-else>
53 | 					<span class="loading loading-spinner w-[4rem] text-[--lessimportant]"></span>
54 | 				</div>
55 | 			</div>
56 | <!--			<div class="flex-1 flex flex-col">-->
57 | <!--				<h2 class="text-xl font-bold pb-1">Non-Blocking</h2>-->
58 | <!--				<p>-->
59 | <!--					Diese DNS-Resolver sind unabhängig von Internetanbietern und blockieren keine Webseiten auf Sperrempfehlungen der CUII.-->
60 | <!--				</p>-->
61 | <!--				<div class="grid sm:grid-cols-2 grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4" v-if="nonBlockingResolvers.length > 0">-->
62 | <!--					<ResolverStatus class="md:px-3" v-for="resolver in nonBlockingResolvers" :name="resolver.resolver" :health="resolver.health" :ping="resolver.ping" :key="resolver.resolver" />-->
63 | <!--				</div>-->
64 | <!--				<div class="text-center" v-else>-->
65 | <!--					<span class="loading loading-spinner w-[4rem] text-[&#45;&#45;lessimportant]"></span>-->
66 | <!--				</div>-->
67 | <!--			</div>-->
68 | 		</div>
69 | 	</div>
70 | </template>
71 | 
72 | <style scoped>
73 | 
74 | </style>


--------------------------------------------------------------------------------
/pages/umgehen.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | useSeoMeta({
  3 | 	title: 'CUII Liste - Sperre einfach umgehen',
  4 | 	ogTitle: 'CuiiListe.de - Sperre einfach umgehen'
  5 | })
  6 | 
  7 | let referer = useRequestHeaders(["Referer"]).referer
  8 | if (referer && (new URL(referer)).hostname.startsWith("filmpalast")) {
  9 | 	navigateTo("/filmpalast")
 10 | }
 11 | 
 12 | let recommendedConfigs = ref<string[]>([])
 13 | 
 14 | const device = useDevice()
 15 | if (device.isFirefox && device.isDesktop) {
 16 | 	recommendedConfigs.value.push("Firefox")
 17 | }
 18 | if (device.isChrome && device.isDesktop) {
 19 | 	recommendedConfigs.value.push("Chrome")
 20 | }
 21 | if (device.isEdge && device.isDesktop) {
 22 | 	recommendedConfigs.value.push("Edge")
 23 | }
 24 | if (device.isChrome && device.isMobile) {
 25 | 	recommendedConfigs.value.push("Chrome Mobile")
 26 | }
 27 | if (device.isWindows) {
 28 | 	recommendedConfigs.value.push("Windows")
 29 | }
 30 | if (device.isAndroid) {
 31 | 	recommendedConfigs.value.push("Android")
 32 | }
 33 | if (device.isIos) {
 34 | 	recommendedConfigs.value.push("iOS")
 35 | }
 36 | if (device.isMacOS) {
 37 | 	recommendedConfigs.value.push("MacOS")
 38 | }
 39 | if (device.userAgent.includes("Linux") && !device.isMobileOrTablet) {
 40 | 	recommendedConfigs.value.push("Linux")
 41 | }
 42 | 
 43 | </script>
 44 | 
 45 | <template>
 46 | 	<div class="w-full mb-4">
 47 | 		<h1 class="text-4xl font-bold">Zensur umgehen</h1>
 48 | 		<p class="mt-5">
 49 | 			Du musst <b>nur eine</b> der folgenden Anleitungen befolgen, um die Zensur zu umgehen.
 50 | 			<br>
 51 | 			Wenn du detailiertere Informationen möchtest, worum es geht, kannst du weiter unten nachlesen.
 52 | 		</p>
 53 | 		<div class="flex flex-row items-center mt-5 w-full">
 54 | 			<div class="w-full">
 55 | 				<div class="text-2xl font-bold" v-if="recommendedConfigs.length > 0">Empfohlen</div>
 56 | 				<div class="grid grid-cols-1 gap-2 w-full mt-4">
 57 | 					<div v-if="recommendedConfigs.includes('Chrome')">
 58 | 						<BypassInstructionChrome is-recommended />
 59 | 					</div>
 60 | 					<div v-if="recommendedConfigs.includes('Firefox')">
 61 | 						<BypassInstructionFirefox is-recommended/>
 62 | 					</div>
 63 | 					<div v-if="recommendedConfigs.includes('Edge')">
 64 | 						<BypassInstructionEdge is-recommended/>
 65 | 					</div>
 66 | 					<div v-if="recommendedConfigs.includes('Windows')">
 67 | 						<BypassInstructionWindows is-recommended/>
 68 | 					</div>
 69 | 					<div v-if="recommendedConfigs.includes('Chrome Mobile')">
 70 | 						<BypassInstructionChromeMobile is-recommended/>
 71 | 					</div>
 72 | 					<div v-if="recommendedConfigs.includes('Android')">
 73 | 						<BypassInstructionAndroid is-recommended/>
 74 | 					</div>
 75 | 					<div v-if="recommendedConfigs.includes('iOS')">
 76 | 						<BypassInstructionIos is-recommended/>
 77 | 					</div>
 78 | 					<div v-if="recommendedConfigs.includes('MacOS')">
 79 | 						<BypassInstructionMacOS is-recommended/>
 80 | 					</div>
 81 | 					<div v-if="recommendedConfigs.includes('Linux')">
 82 | 						<BypassInstructionLinux is-recommended/>
 83 | 					</div>
 84 | 					<div v-if="recommendedConfigs.includes('Fritzbox')">
 85 | 						<BypassInstructionFritzbox is-recommended/>
 86 | 					</div>
 87 | 				</div>
 88 | 				<div class="text-2xl font-bold mt-5" v-if="recommendedConfigs.length > 0">Andere</div>
 89 | 				<div class="grid grid-cols-1 gap-2 w-full mt-4">
 90 | 					<div v-if="!recommendedConfigs.includes('Chrome')">
 91 | 						<BypassInstructionChrome />
 92 | 					</div>
 93 | 					<div v-if="!recommendedConfigs.includes('Firefox')">
 94 | 						<BypassInstructionFirefox />
 95 | 					</div>
 96 | 					<div v-if="!recommendedConfigs.includes('Edge')">
 97 | 						<BypassInstructionEdge />
 98 | 					</div>
 99 | 					<div v-if="!recommendedConfigs.includes('Windows')">
100 | 						<BypassInstructionWindows />
101 | 					</div>
102 | 					<div v-if="!recommendedConfigs.includes('Chrome Mobile')">
103 | 						<BypassInstructionChromeMobile />
104 | 					</div>
105 | 					<div v-if="!recommendedConfigs.includes('Android')">
106 | 						<BypassInstructionAndroid />
107 | 					</div>
108 | 					<div v-if="!recommendedConfigs.includes('iOS')">
109 | 						<BypassInstructionIos />
110 | 					</div>
111 | 					<div v-if="!recommendedConfigs.includes('MacOS')">
112 | 						<BypassInstructionMacOS />
113 | 					</div>
114 | 					<div v-if="!recommendedConfigs.includes('Linux')">
115 | 						<BypassInstructionLinux />
116 | 					</div>
117 | 					<div v-if="!recommendedConfigs.includes('Fritzbox')">
118 | 						<BypassInstructionFritzbox />
119 | 					</div>
120 | 				</div>
121 | 			</div>
122 | 		</div>
123 | 		<h1 class="text-2xl font-bold mt-8">
124 | 			Detallierte Erklärung, worum es geht
125 | 		</h1>
126 | 		<p class="mt-5">
127 | 			Damit euer PC weiß, wie er z.B. google.com kontaktieren kann, fragt er einen sogenannten DNS-Server.
128 | 			Dieser Server gibt ihm dann die IP-Adresse von google.com zurück, wodurch euer PC weiß, wohin er die Anfrage schicken muss.
129 | 			Internetanbieter haben eigene DNS-Server, die sie ihren Kunden zur Verfügung stellen.
130 | 			Wenn ihr also bei Vodafone seid, und euer PC wissen möchte, wo google.com ist, fragt er den Vodafone-DNS-Server "Hey, wo ist google.com?"
131 | 			und der Vodafone-DNS-Server antwortet ihm dann "google.com ist unter der IP-Adresse so-und-so erreichtbar".
132 | 			<br>
133 | 			Wenn die CUII sich jetzt entscheidet, dass google.com gesperrt werden soll, dann kann der Vodafone-DNS-Server einfach sagen "google.com gibt es nicht".
134 | 			<br>
135 | 			Wenn ihr jetzt aber einen anderen DNS-Server benutzt, z.B. den von Quad9 oder Cloudflare, dann fragt euer PC
136 | 			nicht mehr bei der Vodafone nach, sondern bei Quad9 oder Cloudflare.
137 | 			<br>
138 | 			Wir empfehlen sehr Quad9 oder andere DNS-Server, die stark auf Datenschutz achten.
139 | 			Unsere Anleitungen enthalten oft Cloudflare, da diese dank Apps oft
140 | 			<span class="tooltip underline decoration-dotted"
141 | 			     data-tip="Android ist leider oft unterschiedlich, und bei iOS kann man es nur für jedes WLAN einzeln einstellen.">
142 | 				einfacher
143 | 		     </span>
144 | 			zu konfigurieren sind.
145 | 			<br>
146 | 			Wenn du mehr Zeit hast, empfehlen wir <a href="https://www.quad9.net/" target="_blank" class="link">Quad9</a>.
147 | 			Mehr über <a href="https://de.wikipedia.org/wiki/Domain_Name_System" target="_blank" class="link">DNS</a> könnt ihr auf Wikipedia nachlesen.
148 | 		</p>
149 | 	</div>
150 | 	<img src="https://fritz.box/typo3conf/ext/avm/Resources/Public/Images/logo.svg" width="1" height="1" @error="() => recommendedConfigs.push('Fritzbox')" />
151 | </template>
152 | 
153 | <style scoped>
154 | 
155 | </style>


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/favicon.ico


--------------------------------------------------------------------------------
/public/img/anbieter/1&1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/1&1.png


--------------------------------------------------------------------------------
/public/img/anbieter/deutsche_glasfaser.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/deutsche_glasfaser.png


--------------------------------------------------------------------------------
/public/img/anbieter/freenet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/freenet.png


--------------------------------------------------------------------------------
/public/img/anbieter/telefonica.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/telefonica.png


--------------------------------------------------------------------------------
/public/img/anbieter/telekom.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/telekom.png


--------------------------------------------------------------------------------
/public/img/anbieter/vodafone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/anbieter/vodafone.png


--------------------------------------------------------------------------------
/public/img/bucket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bucket.png


--------------------------------------------------------------------------------
/public/img/bypass/android1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/android1.png


--------------------------------------------------------------------------------
/public/img/bypass/android2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/android2.png


--------------------------------------------------------------------------------
/public/img/bypass/chrome1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chrome1.png


--------------------------------------------------------------------------------
/public/img/bypass/chrome2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chrome2.png


--------------------------------------------------------------------------------
/public/img/bypass/chrome3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chrome3.png


--------------------------------------------------------------------------------
/public/img/bypass/chromeMobile1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chromeMobile1.png


--------------------------------------------------------------------------------
/public/img/bypass/chromeMobile2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chromeMobile2.png


--------------------------------------------------------------------------------
/public/img/bypass/chromeMobile3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chromeMobile3.png


--------------------------------------------------------------------------------
/public/img/bypass/chromeMobile4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/chromeMobile4.png


--------------------------------------------------------------------------------
/public/img/bypass/edge1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/edge1.png


--------------------------------------------------------------------------------
/public/img/bypass/edge2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/edge2.png


--------------------------------------------------------------------------------
/public/img/bypass/edge3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/edge3.png


--------------------------------------------------------------------------------
/public/img/bypass/firefox1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/firefox1.png


--------------------------------------------------------------------------------
/public/img/bypass/firefox2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/firefox2.png


--------------------------------------------------------------------------------
/public/img/bypass/firefox3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/firefox3.png


--------------------------------------------------------------------------------
/public/img/bypass/fritzbox1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/fritzbox1.png


--------------------------------------------------------------------------------
/public/img/bypass/fritzbox2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/fritzbox2.png


--------------------------------------------------------------------------------
/public/img/bypass/fritzbox3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/fritzbox3.png


--------------------------------------------------------------------------------
/public/img/bypass/fritzbox4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/fritzbox4.png


--------------------------------------------------------------------------------
/public/img/bypass/ios1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/ios1.png


--------------------------------------------------------------------------------
/public/img/bypass/ios2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/ios2.png


--------------------------------------------------------------------------------
/public/img/bypass/windows1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/windows1.png


--------------------------------------------------------------------------------
/public/img/bypass/windows2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/windows2.png


--------------------------------------------------------------------------------
/public/img/bypass/windows3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/windows3.png


--------------------------------------------------------------------------------
/public/img/bypass/windows4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/windows4.png


--------------------------------------------------------------------------------
/public/img/bypass/windows5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/bypass/windows5.png


--------------------------------------------------------------------------------
/public/img/cuii_bg.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/cuii_bg.webp


--------------------------------------------------------------------------------
/public/img/dam-88x31.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/dam-88x31.gif


--------------------------------------------------------------------------------
/public/img/nicht_genannt.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/nicht_genannt.webp


--------------------------------------------------------------------------------
/public/img/nocuii.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/nocuii.png


--------------------------------------------------------------------------------
/public/img/ssi-88x31.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DAMcraft/cuiiliste-frontend/00bb88de0fc0b603c88cc77e65e023b96f985fbd/public/img/ssi-88x31.gif


--------------------------------------------------------------------------------
/server/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "../.nuxt/tsconfig.server.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | export default {
 3 |     content: [],
 4 |     theme: {
 5 |         extend: {
 6 |             colors: {
 7 |                 accent: "#f26e24",
 8 |             },
 9 |             backgroundImage: {
10 |                 "cuii-banner-background": "url('/img/cuii_bg.webp')",
11 |             }
12 |         },
13 |     },
14 |     plugins: [
15 |         require("daisyui"),
16 |     ],
17 |     daisyui: {
18 |         themes: [
19 |             {
20 |                 "light": {
21 |                     ...require("daisyui/src/theming/themes")["light"],
22 |                     "accent": "#f26e24",
23 |                     "--lessimportant": "#a6a6a6",
24 |                 },
25 |                 "dark": {
26 |                     ...require("daisyui/src/theming/themes")["dark"],
27 |                     "accent": "#f26e24",
28 |                     "--lessimportant": "#737373",
29 |                 },
30 |             },
31 |         ]
32 |     },
33 | }
34 | 
35 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // https://nuxt.com/docs/guide/concepts/typescript
3 |   "extends": "./.nuxt/tsconfig.json"
4 | }
5 | 


--------------------------------------------------------------------------------