-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
154 lines (130 loc) · 5.67 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Template Page</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<style>
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body Styling */
body {
font-family: 'Lora', serif;
font-size: 0.9rem;
color: #e4e4e4;
line-height: 1.8;
background: transparent; /* Transparent background */
padding: 20px;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
line-height: 1.4;
margin-bottom: 15px;
}
h1 {
color: #6bbaba;
font-size: 2rem;
text-align: center;
}
h2 {
color: #6bbaba;
font-size: 1.5rem;
margin-bottom: 10px;
}
h3 {
color: #6bbaba;
font-size: 1.25rem;
margin-bottom: 10px;
}
p {
color: #b0b0b0;
margin-bottom: 15px;
text-align: justify;
}
a {
color: #d4a373;
text-decoration: none;
font-weight: 600;
transition: color 0.3s;
}
a:hover {
color: #a8764e;
}
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
/* Buttons */
.button {
display: inline-block;
padding: 10px 20px;
background: #66666633; /* Semi-transparent gray */
color: #e4e4e4;
font-family: 'Poppins', sans-serif;
font-weight: 600;
border: 1px solid #6bbaba;
border-radius: 8px;
text-decoration: none;
transition: background-color 0.3s, transform 0.3s;
}
.button:hover {
background: #d4a37333;
color: #d4a373;
transform: translateY(-3px);
}
/* Sections */
section {
margin-bottom: 20px;
padding: 20px;
border-radius: 12px;
background: #66666633; /* Semi-transparent gray */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
section:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}
/* Responsive */
@media (max-width: 768px) {
body {
padding: 10px;
}
h1 {
font-size: 1.75rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1rem;
}
}
</style>
</head>
<body>
<!-- Page Content -->
<header>
<h1>About Us</h1>
</header>
<main>
<section>
We stand in solidarity with: Palestine, Gaza, and all resistance movements and groups currently fighting the genocidal, colonizer Zionist incursions and abuses throughout that region; Apoist and Kurdish groups everywhere; all freedom loving communists, communalists, socialists, anarchists, and antifascists; all sincere revolutionaries, political prisoners, and all other kind humans, wherever they are, and whatever their struggle. We love you.
</section>
<section>
<h2>What is this Crazy Website?</h2>
<p>This project is one manifestation of my strong personal belief that "<a href="https://collections.vam.ac.uk/item/O101193/the-elections-dont-mean-shit-poster-students-for-a/" target="_blank">The Elections Don't Mean Shit—Vote Where the Power Is—Our Power Is In The Street</a>". The street in this case being the cloud or the web or social media or whatever - but also literally in the street.</p><p>My idea of what this means? Walk your streets. Know your neighbors. Discuss politics and how they affect you as a community. Collectively and deliberately de-colonize and deny corporate and government influence and access to YOUR neighborhood. Do this together. Revolution is built on cooperative action, love, and understanding.</p><p>Maybe, (I'm sure) sell-out rag Rolling Stone is right about that Trump dude in this excerpt: "<em>American voters voted for a candidate promising mass deportations, authoritarianism, reactionary anti-feminism, ethno-nationalism, and a mean, vindictive spirit of revenge, grievance, and retribution. Shit is about to get very real, very soon. And, quick history lesson, the Nazi party was voted into power in 1932 largely because of economic discontent. Once in power, parties do what they want to do, not what voters actually voted for.</em>"</p><p>But guess what- the Democratic party is into the same shit, financed by the same class of elites and the same corporations- they just dress it up in rainbow flags and Converse sneakers and flavor it with fake woke TikTok trends instead of reactionary hick culture bootlicker bullshit - but all these motherfuckers are pushing the same products and the same neverending oppressive foreign aggression. They are all paid in the same currency, from the same accounts. They're all fucking Nazis.</p><p>Projects like this are just my little way of saying fuck you to the pig fuckers and the pig lackeys, with their wars- class, culture, proxy, mercenary, whatever the case may be. They can all suck it.
</p>
</section>
</main>
</body>
</html>