-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
134 lines (128 loc) · 8.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<title>Help Stop Animal Abuse</title>
<link rel="prefetch" href="https://sites.google.com/view/savecatsinchina/take-action" as="document" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- OPTIONAL ANALYTICS -->
<script async src="https://intk.spin.rip/script.js" data-website-id="b768a3e5-c8fd-4b4d-af56-dd9f49e466e9"></script>
<!-- remove or comment out the line above to disable analytics -->
<script src="script.js" defer></script>
<script src="https://cdn.tailwindcss.com/"></script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="HandheldFriendly" content="True" />
<meta name="title" content="Help Stop Animal Abuse" />
<meta name="description"
content="Help advocate and keep animals safe in China. Encourage China to create laws that make animal abuse a more serious offense." />
<meta name="keywords" content="cats, kittens, china, stop animal abuse, animal, cruelty, savecatsinchina, feline_guardians" />
<meta name="robots" content="index, follow" />
<meta name="language" content="English" />
<meta name="author" content="Spinfal" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="theme-color" content="#000000" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://spin.rip" />
<meta name="og:title" content="Help Stop Animal Abuse" />
<meta name="og:description"
content="Help advocate and keep animals safe in China. Encourage China to create laws that make animal abuse a more serious offense." />
<meta name="og:image" content=/images/meta.jpeg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@spinfal" />
<meta name="twitter:url" content="https://spin.rip" />
<meta name="twitter:title" content="Help Stop Animal Abuse" />
<meta name="twitter:description"
content="Help advocate and keep animals safe in China. Encourage China to create laws that make animal abuse a more serious offense." />
<meta name="twitter:image" content="/images/meta.jpeg" />
</head>
<body class="flex flex-col justify-center items-center bg-black text-slate-100 px-4 pt-0 pb-6 gap-5">
<a href="https://www.felineguardians.org/take-action" target="_blank" rel="noopener"
class="fixed top-0 left-0 w-full h-8 md:h-12 bg-amber-800/25 backdrop-blur-md flex justify-center items-center text-amber-300 hover:text-amber-500 transition-all duration-200 tracking-widest font-semibold">
Take Action
</a>
<!-- section 1 -->
<div class="full-height flex flex-col justify-center items-center gap-5" id="top">
<h1 class="text-white text-4xl font-bold">Urge <span class="text-red-500">China</span> to introduce <span
class="text-green-200">anti-abuse</span> laws</h1>
<small class="opacity-50">Even if you're not a big fan of animals, please consider supporting this cause as this
affects society as a whole.
<a href="https://github.com/spinfal/savecatsinchina/fork" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/github/forks/spinfal/savecatsinchina" alt="Fork on GitHub">
</a>
</a>
</small>
<div class="flex flex-col gap-4 tracking-wide md:w-2/3 lg:w-1/3">
<p>China's situation with animal welfare, especially for cats, is deeply troubling. China does not have good
enough laws in place to prevent and punish animal abusers, this means abuse often goes unchecked. <span>This
urgent issue demands immediate action.</span></p>
<p>People are increasingly vocal and are currently demanding laws that offer genuine protection. The need for
change has never been more critical, and it's crucial we rally together now to ensure animals are safeguarded.
</p>
</div>
</div>
<!-- section 2 -->
<div class="full-height flex flex-col justify-center items-center gap-5">
<h1 class="text-white text-4xl font-bold">What's <span class="text-blue-300">happening</span> now?</h1>
<div class="flex flex-col gap-4 tracking-wide md:w-1/2 lg:w-1/3">
<p>A popular internet cat named <span class="font-semibold">Mr. Fresh</span>, known for his appearances on a 24/7
livestream app "<a href="https://streetcat.wiki/" rel="noopener" target="_blank"
class="text-blue-300 hover:text-blue-500">Hello Street Cat</a>," became the target of a
disturbing bounty. A group associated with animal abuse offered cryptocurrency for proof of Mr. Fresh's death.
</p>
<p>These types of groups have already killed and abused <span class="font-bold">several other cats and
kittens</span> that used to appear
frequently on Hello Street Cat. Mr. Fresh has helped bring attention to this issue because of his
popularity.</p>
<p>Cats on Hello Street Cat are not the only victims, there are and have been countless others that we don't even
see.</p>
</div>
</div>
<!-- section 3 -->
<div class="full-height flex flex-col justify-center items-center gap-5">
<h1 class="text-white text-4xl font-bold">Abusive <span class="text-red-500">actions</span> and their victims</h1>
<div class="flex flex-col gap-4 tracking-wide md:w-1/2">
<div class="w-128 h-72 flex justify-center items-center overflow-hidden">
<img src="images/IMG_2462.jpeg" id="victims" loading="lazy" class="rounded-md max-w-full max-h-full object-contain">
</div>
<div class="flex justify-center items-center gap-2">
<button
class="bg-amber-600/25 hover:bg-amber-700/25 text-slate-100 rounded-md py-2 px-4 transition-all duration-200"
id="prev">Previous</button>
<button
class="bg-amber-600/25 hover:bg-amber-700/25 text-slate-100 rounded-md py-2 px-4 transition-all duration-200"
id="next">Next</button>
</div>
</div>
</div>
<!-- section 4 -->
<div class="full-height flex flex-col justify-center items-center gap-2">
<h1 class="text-white text-4xl font-bold">How can I <span class="text-yellow-300">help</span> stop abuse?</h1>
<div class="flex flex-col gap-4 tracking-wide md:w-1/2 lg:w-1/3">
<p>
There are many people advocating and providing resources. Here are just a few:
<ul class="list-disc pl-8 space-y-1">
<li><a href="https://www.instagram.com/feline_guardians" rel="noopener" target="_blank"
class="text-blue-300 hover:text-blue-500 font-bold">@feline_guardians</a> on <span
class="text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 to-blue-500 font-bold">Instagram</span>
</li>
<li>Change.org general petition: <a
href="https://www.change.org/p/urgent-call-to-put-a-stop-to-unprecedented-levels-of-cruelty-torture-to-animals-in-china"
rel="noopener" target="_blank" class="text-blue-300 hover:text-blue-500 font-bold">Click Here</a></li>
<li>The OIPA's petition: <a href="https://www.oipa.org/international/cats-tortured-and-killed-online-china/"
rel="noopener" target="_blank" class="text-blue-300 hover:text-blue-500 font-bold">Click Here</a></li>
<li>Actions individuals like you can take to take down abuse gangs: <a
href="https://telegra.ph/Actionables-to-Take-Down-Cat-Abuse-Gang-09-20" rel="noopener" target="_blank"
class="text-blue-300 hover:text-blue-500 font-bold">Click Here</a></li>
<li>The main hub for information, petitions, and actions: <a
href="https://sites.google.com/view/savecatsinchina/take-action" rel="noopener" target="_blank"
class="text-blue-300 hover:text-blue-500 font-bold">savecatsinchina</a></li>
<li>Feline Guardians' LinkTree: <a href="https://linktr.ee/fguardianswithoutborders" rel="noopener"
target="_blank" class="text-blue-300 hover:text-blue-500 font-bold">fguardianswithoutborders</a></li>
</ul>
</p>
<p>Please take just a little bit of time to complete at least a couple petitions. Most of them are quick.</p>
</div>
</div>
</body>
</html>