summaryrefslogtreecommitdiff
path: root/index.html
blob: 29c7389f8d24713fd32e138eba9689f8e1003b88 (plain)
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
<!DOCTYPE HTML>
<html>
	<head>
		<title>Quiet Reading</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" type="image/x-icon" href="/static/hex.svg">
		<link rel="stylesheet" href="/static/styles.css">
	</head>
	<body>
		<div class="container">
            <div class="header">
                <img class="logo" src="static/logo2-min.png" alt="Quiet Reading">
            </div>
            <div class="subtitle">
                <em>Free weekly events in <br>libraries, parks, and cafes.</em>
                <br>
                <br>
                One reading hour. One social hour.<br><strong>Bring your own book, make a new friend!</strong>
            </div>
            <br>
            <div class="nav">
				<a href="/"><strong>Home</strong></a>
                &middot;
                <a href="/hosts">Host Your Own</a>
                &middot;
                <a href="https://instagram.com/quietreadingbk">Instagram</a>
            </div>
            <br>
			<hr>
            <br>
            <div class="event">
                <div class="event-data">
                    <span class="event-time">Mondays, 6:30p</span>
                    <br>
                    <span class="event-location"><a href="https://maps.app.goo.gl/h4CyTKFKULxWNjXN9">McCarren Park</a></span>
                    <br>
                    <span class="neighborhood">Williamsburg</span>
                    <div class="info">
                        North corner, west side
                        <br>
                        If rain: at <a href="https://maps.app.goo.gl/4jKTTTJ3h61dGPyz6">Spritzenhaus33</a>
                    </div>
                </div>
                <div class="instance instance-ok">
                    <em>Next:</em><br><strong>July 29</strong>
                    <!-- <br> -->
                    <!-- Moved to <a href="https://maps.app.goo.gl/4jKTTTJ3h61dGPyz6">Spritzenhaus33</a> due to weather. -->
                </div>
            </div>
            <br>
            <div class="event">
                <div>
                    <span class="event-time">Wednesdays, 6p</span>
                    <br>
                    <span class="event-location"><a href="https://maps.app.goo.gl/UTNUqUdEjYCssiMx5">Jefferson Market Library</a></span>
                    <br>
                    <span class="neighborhood">Greenwich Village</span>
                    <div class="info">
                        Elevator to third floor
                    </div>
                </div>
                <div class="instance instance-ok">
                    <em>Next:</em><br><strong>July 24</strong>
                </div>
            </div>
            <br>
            <div class="event">
                <div>
                    <span class="event-time">1<sup>st</sup> Sunday/month, 9p</span>
                    <br>
                    <span class="event-location"><a href="https://maps.app.goo.gl/ewGbWuEjp7cedMrb7">Book Club Bar</a></span>
                    <br>
                    <span class="neighborhood">East Village</span>
                </div>
                <div class="instance instance-ok">
                    <em>Next:</em><br><strong>August 4</strong>
                </div>
            </div>
            <br>
            <hr>
            <div class="about">
                <p>
                    Bring your own book, read for one hour, and then chat
                    for one hour about books, literature, and arts.
                </p>
                <p>
                No registration: just show up with a good book!<br>For park events, you can bring a blanket as well.
                </p>
            </div>
            <br>
            <div class="wrapper">
                <img class="picture" src="/static/pictures/jefferson.jpg">
                <img class="picture" src="/static/pictures/mccarren.jpg">
                <img class="picture" src="/static/pictures/bookclub.jpg">
                <img class="picture" src="/static/pictures/marthas.jpg">
            </div>
		</div>
	</body>
</html>