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

<!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.svg" alt="Quiet Reading">
            </div>
            <div class="subtitle">
                Free weekly events in <br>libraries, parks, and cafes.
                <br>
                <br>
                <em>One reading hour. One social hour.<br><strong>Bring your own book, make a new friend!</strong></em>
            </div>
            <br>
            <div class="nav">
				<a href="/"><strong>Home</strong></a>
                &middot;
                <a href="/about">About</a>
                &middot;
                <a href="https://instagram.com/quietreadingbk">Instagram</a>
            </div>
            <br>
			<hr>
            <br>
            <div class="event">
                <span class="event-time">Mondays 6:30p&ndash;8:30p</span>
                <br>
                <span class="event-location"><a href="#">McCarren Park</a>, <em>Williamsburg</em></span>
                <div class="info">
                    North corner, west side
                    <br>
                    Rainy day location: <a href="#">Spritzenhaus33</a>
                    <br>
                    <br>
                    <div class="instance instance-ok">
                    Next: <strong>July 22</strong>
                    </div>
                </div>
            </div>
            <br>
            <div class="event">
                <strong class="event-time">Wednesdays 6p&ndash;8p</strong>
                <br>
                <span class="event-location"><a href="#">Jefferson Market Library</a>, <em>Greenwich Village</em></span>
                <div class="info">
                    Third floor (take elevator from first floor)
                    <br>
                    <br>
                    <div class="instance instance-ok">
                    Next: <strong>July 24</strong>
                    </div>
                </div>
            </div>
            <br>
            <div class="event">
                <strong class="event-time">first Sunday/month; 9p&ndash;11p</strong>
                <br>
                <span class="event-location"><a href="#">Book Club Bar</a>, <em>East Village</em></span>
                <div class="info">
                    <div class="instance instance-ok">
                    Next: <strong>August 4</strong>
                    </div>
                </div>
            </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>