-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (113 loc) · 4.72 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
<!DOCTYPE html>
<html>
<head>
<title>#SpeakIndia</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Now, you can send an SMS to the below number with your location+message type tag, and it will be published online in a publicly accessible feed">
<link rel="stylesheet" href="sakura.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=0.8"/>
<meta charset="UTF-8"/>
<!-- Copied from https://css-snippets.com/simple-horizontal-navigation/ -->
<style type="text/css">
body {
font-size: 20px;
}
h1 { font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px; }
nav ul {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
nav li {
font-family: sans-serif;
font-size: 1.1em;
line-height: 40px;
height: 30px;
border-bottom: 1px solid #888;
}
nav a {
text-decoration: none;
display: block;
transition: .3s background-color;
}
nav a.active {
background-color: #fff;
color: #444;
cursor: default;
}
@media screen and (min-width: 600px) {
nav li {
width: 400px;
border-bottom: none;
height: 50px;
line-height: 50px;
font-size: 2em;
}
nav li {
display: inline-block;
margin-right: -4px;
}
}
.red {
color: #c0392b;
}
.green {
color: #16a085;
}
#number {
font-weight: bold;
font-family: monospace;
line-height: 0.9;
font-size: 3em;
color: #f39c12;
text-decoration: none !important;
text-decoration-style: none !important;
}
#number:hover, #number:active {
text-decoration: none !important;
text-decoration-style: none !important;
}
</style>
</head>
<body>
<header>
<hgroup>
<h1>#SpeakIndia</h1>
<h2>Communicate with SMS during Internet Shutdowns</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="messages.html">View Messages</a></li>
</ul>
</nav>
<section>
<article>
<p>Internet is being shut down in an increasing number of places. This makes it difficult for people with smartphones/feature phones to communicate with the external world.</p>
<p><strong>We have created a way for people in these areas to be heard and get information out.</strong> </p>
<p>Now, you can send an SMS to the below number with your location & message type tag, and it will be published online in a publicly accessible feed!</p>
<hr/>
<p>Send your message to the world</p>
<p><strong>#SpeakIndia </strong></p>
<p><strong>SMS <span class="red"><Your Message></span> <span class="green"><#location, #messagetype></span> to </strong></p>
<a href="sms:+919246033344" id="number">9246033344</a>
<p><strong>Locations:<br />
</strong><span class="green">#Delhi #Kashmir #Jamia #Assam #Ghaziabad #Bangalore #Mangalore #Mumbai #Assam #UP #Agra #Jaipur</span></p>
<p><strong>Message Types:</strong></p>
<p class="green">#help #update #opinion #checkin #violence </p>
<p style="font-size:1.2em;">View all messages at <br><strong><a href="messages.html">speak.sarkar.icu/messages.html</a></strong></p>
<hr/>
</article>
</section>
<footer>
<nav>
<ul>
<li><a href="policy.html">Privacy Policy</a></li>
</ul>
</nav>
</footer>
</body>
</html>