ijams-midterm/news.html at master · martinatan/ijams-midterm · GitHub

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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title> The Reader's Nook </title>
    <link href="https://fonts.googleapis.com/css?family=Lustria|Raleway&
                display=swap" rel="stylesheet">
    <link rel="stylesheet" type = "text/css" href="styles.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
        p.quote {color:#A71D31;
               font-size:17px;
               padding:10px;
               margin:0 auto;
               font-style:italic;
               font-family:Lustria;
               border:2px dotted #A71D31;
               max-width:800px;}
        p.testimonial {color:#A71D31;
               font-size:17px;
               padding:10px;
               margin:0 auto;
               font-family:Lustria;
               border:2px solid #A71D31;
               max-width:800px;}
        p.testimonial span {color:#A71D31;
               font-size:27px;
               padding:10px;
               margin:0 auto;
               font-family:Lustria;
               max-width:800px;}
        img {width:600px;
             max-width:100%;
             max-height:100%;
             display:block;
             margin-left:auto;
             margin-right:auto;
             margin:auto;}
        form input, textarea {
         		font-family: Raleway, Sans-Serif;
         		color: #3f0d12;
         		background-color: #f1f0cc;
        }
        input[type=text], select, textarea {
         	  font-family: Raleway, Sans-Serif;
         	  width: 100%;
         	  padding: 16px;
         	  font-size: 16px;
         	  border: 1px solid #ccc;
         	  border-radius: 4px;
         	  box-sizing: border-box;
         	  margin-top: 6px;
         	  margin-bottom: 16px;
         	  resize: vertical;
         }
    </style>
    <script type="text/javascript">
        function verify() {
            var form = document.getElementById("emailForm");
            event.preventDefault();
            if (document.getElementById("email").value == "") {
                alert("Please enter an email");
                return false;
            } else {
                emailTxt = document.getElementById("email").value
                if (valid(emailTxt) == false) {
                    alert("Please enter a valid email");
                    return false;
                } else {
                    alert("Thank you for subscribing!");
                    document.getElementById("email").value = "";
                    return true;
                }
                document.getElementById("email").value = "";
            }
            return true;
        }

        function valid(s) {
            if (s.includes("@")) return true;
            return false;
        }
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
     <script type="text/javascript" src="includes/header.js"></script>
    <div class="main-container">
        <h1>In the News</h1>
        <h2>The Reader’s Nook is inspiring readers across
            the country, helping them discover the joy of reading and learning.
            Take a look at some stories from our contributors and our readers,
            as well as some news media coverage and our social media
            presence.</h2>
        <br />
        <a href="https://lat.ms/3cifGsO" target="_blank">
           <p style="text-align:center">The LA Times: <i>The Reader's Nook</i>
           Is Spreading the Joy of Reading Across the US</p>
        </a>
        <p class="quote" align="center">"The Reader's Nook does the work.
            They want everyone to experience the imagination, the education,
            the pleasure that reading brings, and the effect they've had on
            young people is incredible" <br /> <br /> Zadie Smith, author of
            White Teeth</p>
        <br />
        <br />
        <img style="border:3px solid #000" src="photos/news/bookpattern.jpg">
        <a href="https://bit.ly/3cpQIbc" target="_blank">
           <p style="text-align:center">The Huffington Post: Various LGBT
           Centers Across the Country Celebrate <i>The Reader's Nook</i></p>
        </a>
        <a href="https://bit.ly/2TGaNBx" target="_blank">
           <p style="text-align:center">The Chicago Tribune: National Book
           Collection Organization Provides Books to Local Chicago
           Elementary Schools</p>
        </a>
        <p class="quote" align="center">"The Reader's Nook is awesome!"
            <br /> <br /> Phoebe Waller-Bridge, writer of Fleabag</p>
        <br />
        <br />
        <img style="border:3px solid #000" src="photos/news/spiderman.jpg">
        <a href="https://nyti.ms/2PEEyRI" target="_blank">
            <p style="text-align:center">The New York Times: High School
            Teachers and Students Donate 1,000 Books to <i>The Reader's
            Nook</i></p>
        </a>
        <a href="https://bzfd.it/39jMShS" target="_blank">
            <p style="text-align:center">Buzzfeed: This Thank-You Video to
            <i>The Reader's Nook</i>from an Iowa High School Will Have You
            ~Sobbing~</p>
        </a>
        <p class="quote" align="center">"With reading in your tool belt, you
            can do anything. With The Reader's Nook, you can read anything.
            It allows everyone to have the power to interrogate, to learn,
            to imagine, and to live." <br /> <br /> Mark O’Connell, author
            of To Be a Machine</p>
        <br />
        <br />
        <img style="border:3px solid #000" src="photos/news/kidreading.jpeg">
        <br />
        <br />
        <h1>Testimonials</h1>
        <p class="testimonial" align="center">
            <span><u>Maya Harris</u></span>
            <br />
            “I actually found my favorite book from <i>The Reader’s Nook</i>.
            It’s called Life As We Knew It, and it’s about a family struggling
            to survive after the moon is hit by an asteroid, causing its orbit
            to move closer to Earth... After reading it, I wanted to learn more
            about astronomy, and to see how accurate the book was in terms of
            its destruction and scientific elements… I would say that it was
            what inspired me to want to become an astronomer”</p>
        <br />
        <br />
        <p class="testimonial" align="center">
            <span><u>Liam Boise</u></span>
            <br />
            “<i>The Reader’s Nook</i> has become extremely popular at my
            school, which is surprising, since it’s a high school and all
            these teens are always on their phones… People love to talk about
            what books they are reading, and just engage with the text and the
             literature… Our school doesn’t have access to a lot of books or
            funding, so <i>The Reader’s Nook</i> is an extremely important part
            of our lives.”</p>
        <br />
        <br />
        <h1>Newsletter</h1>
        <form align="center" id="emailForm">
            <p align="center" style="padding:0px">
                If you would like to be subscribed to our newsletter, enter
                your email in the text box below! <br />
                <input type="text" id="email" name="email" placeholder="Enter your email..."></input>
                <input type="button" id="submit" value="Submit" onclick="return verify();" />
            </p>
        </form>
    </div>
    <script>
        $('a p').hover(function() {
            $(this).css("color", "tomato");
        }, function() {
            $(this).css("color", "#3f120d");
        });

        $('a').hover(function() {
            $(this).css("color", "tomato");
        }, function() {
            $(this).css("color", "#3f120d");
        });

        $('.quote').hover(function() {
            $(this).css("font-style", "normal");
        }, function() {
            $(this).css("font-style", "italic");
        });
    </script>
    <script type="text/javascript" src="includes/footer.js"></script>
</body>
</html>