PushBackTheDarkness.ca/index.html at master · straxus/PushBackTheDarkness.ca · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Push Back The Darkness</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link rel="shortcut icon" href="favicon.ico">
  <meta property="og:url" content="https://www.PushBackTheDarkness.ca/" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Push Back The Darkness" />
  <meta property="og:description" content="On January 29th, the anniversary of the Quebec City mosque attack, stand with others across Canada as we work to push back the darkness of ignorance and hate with the light of knowledge and friendship #PushBackTheDarkness" />
  <meta property="og:image" content="http://pushbackthedarkness.ca/pbtd-logo-black-bg.jpg" />
  <meta property="og:image:type" content="image/jpeg">
  <meta property="og:image:width" content="1176">
  <meta property="og:image:height" content="1910">
  <meta property="fb:pages" content="PushingBackTheDarkness" />
  <meta name="google-site-verification" content="EhDjUg_4vPHSMcfEIkJNovER8r0dvo8YICneM-QEUUQ" />
</head>
  <body class="main-body">
    <div class="title_bar">
      <a class="title_logo_link" href="https://www.PushBackTheDarkness.ca"><img class="pbtd_logo" src="./pbtd-logo-no-text.jpg"></a>
      <div class="title_text">PUSH BACK THE DARKNESS</div>

    <div class="social_media_links">
      <a class="social_media_link" href="https://fb.me/PushingBackTheDarkness"><img class="social_media_logo" src="./facebook-logo.png"></a>
      <a href="https://www.instagram.com/pushbackthedarkness"><img class="social_media_logo" src="./instagram-logo.png"></a>
      <a href="https://twitter.com/PushBackDarknss"><img class="social_media_logo" src="./twitter-logo.png"></a>
    </div>
    </div>

    <div class="mlk_quote_container">
      <div class="mlk_quote_line">Darkness cannot drive out darkness;</div>
      <div class="mlk_quote_line">Only light can do that.</div>
	  <div class="mlk_quote_line">Hate cannot drive out hate;</div>
	  <div class="mlk_quote_line">Only love can do that.</div>
      <div class="mlk_sig">-- Martin Luther King, Jr.</div>
    </div>

    <div class="section_container">
      <a href="./light-in-every-window.html">
        <img class="poster_img" src="./jan-29-light-wall-candle-square.jpg">
      </a>

      <a href="./light-in-every-window.html">
        <img class="poster_img" src="./jan-29-fr-light-city-square.jpg">
      </a>
    </div>

    <div class="intro_container">
      <div class="intro_para">
        On January 29th 2017, a dark event in Canadian history occurred when a mosque in Quebec City was targeted by a terrorist attack. That day, the darkness of ignorance and hate cost the lives of 6 people, injured 19 others, and left 17 children without their fathers.
      </div>

      <div class="intro_para">
        The goal of the Push Back The Darkness initiative is to push back the darkness of ignorance and hate with the light of knowledge and friendship. This will involve several things:
      </div>
    </div>

    <div class="component_container">
      <div class="initiative_component">
        <div class="component_title">January 29th at 8pm: A light in every window</div>
        <div class="component_details">Across the country, we are asking people to place a light in their windows on January 29th at 8pm local time. This will be a symbol of your commitment to push back the darkness of ignorance and hate in your community
        </div>
        <a class="component_link" href="./light-in-every-window.html">
          <div class="action_text">I want to learn more about this</div>
        </a>
      </div>

      <div class="initiative_component">
        <div class="component_title">Events in communities across Canada</div>
        <div class="component_details">There will be events held in a number of communities across Canada. For a map of all events which are currently being planned, please see the <a href="./events.html">events page</a></div>
        <a class="component_link" href="./events.html">
          <div class="action_text">I want to attend an event</div>
        </a>
      </div>

      <div class="initiative_component">
        <div class="component_title">Statements in the House of Commons and Senate</div>
        <div class="component_details">On January 29th, Members of Parliament and Senators will be making statements on Parliament Hill in support of this initiative.</div>
        <a class="component_link" href="https://docs.google.com/forms/d/e/1FAIpQLSdd_18NJlBQd9dPgiE1Dhe7R9e-i6IT88Cho4s4EWkoAm_zBw/viewform">
          <div class="action_text">I want to pledge my support</div>
        </a>
      </div>

      <div class="initiative_component">
        <div class="component_title">Contributed stories and artwork</div>
        <div class="component_details">Stories and artwork have been collected from people across Canada, and these stories are now posted on this website and will be shared with our Members of Parliament and Senators.
        </div>
        <a class="component_link" href="./stories.html">
          <div class="action_text">I want to view contributed stories and artwork</div>
        </a>
      </div>
    </div>

    <!-- Need to double-bag this in order to ensure our responsive box doesn't take over the entire screen on browser desktops -->
    <div class="video_container_container">
      <div class="video_container">
        <iframe class="video_frame" width="560" height="315" src="https://www.youtube.com/embed/FM4uU-sm4rI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
    </div>

    <div class="site_footer">
      <div class="footer_section">
        <div class="footer_section_title">Social Media</div>
        <a class="footer_link" href="https://fb.me/PushingBackTheDarkness">
          <img class="social_media_logo" src="./facebook-logo.png">
          <div class="media_footer_link_text">Facebook</div>
        </a>
        <a class="footer_link" href="https://www.instagram.com/pushbackthedarkness">
          <img class="social_media_logo" src="./instagram-logo.png">
          <div class="media_footer_link_text">Instagram</div>
        </a>
        <a class="footer_link" href="https://twitter.com/PushBackDarknss">
          <img class="social_media_logo" src="./twitter-logo.png">
          <div class="media_footer_link_text">Twitter</div>
        </a>
      </div>

      <div class="footer_section">
        <div class="footer_section_title">Learn More</div>
        <a class="footer_link" href="./index.html">
          <div class="footer_link_text">About This Initiative</div>
        </a>
        <a class="footer_link" href="./light-in-every-window.html">
          <div class="footer_link_text">A Light In Every Window</div>
        </a>
        <a class="footer_link" href="./events.html">
          <div class="footer_link_text">Events Across Canada</div>
        </a>
        <a class="footer_link" href="./stories.html">
          <div class="footer_link_text">Read Contributed Stories</div>
        </a>
        <a class="footer_link" href="./supporters.html">
          <div class="footer_link_text">Initiative Supporters</div>
        </a>
        <a class="footer_link" href="./press-release-2019-01-28.html">
          <div class="footer_link_text">Press Release</div>
        </a>
        <a class="footer_link" href="https://docs.google.com/forms/d/e/1FAIpQLSdEyrnSjY4vu1ExsWIv8uVTaIx5pmSowRJV1VpoYSJvmLUhZw/viewform">
          <div class="footer_link_text">Get Email Updates</div>
        </a>
      </div>

      <div class="footer_section">
        <div class="footer_section_title">Take Action</div>
        <a class="footer_link" href="https://docs.google.com/forms/d/e/1FAIpQLSdd_18NJlBQd9dPgiE1Dhe7R9e-i6IT88Cho4s4EWkoAm_zBw/viewform">
          <div class="footer_link_text">Pledge Support</div>
        </a>
        <a class="footer_link" href="./events.html">
          <div class="footer_link_text">Attend An Event</div>
        </a>
        <a class="footer_link" target="_blank" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fpushbackthedarkness.ca&quote=On%20January%2029th,%20the%20anniversary%20of%20the%20Quebec%20City%20mosque%20attack,%20I%20will%20stand%20with%20others%20across%20Canada%20as%20we%20work%20to%20push%20back%20the%20darkness%20of%20ignorance%20and%20hate%20with%20the%20light%20of%20knowledge%20and%20friendship&hashtag=%23PushBackTheDarkness">
          <img class="social_media_logo" src="./facebook-logo.png">
          <div class="media_footer_link_text">Share On Facebook</div>
        </a>
        <a class="footer_link" href="https://www.instagram.com/pushbackthedarkness">
          <img class="social_media_logo" src="./instagram-logo.png">
          <div class="media_footer_link_text">Share On Instagram</div>
        </a>
        <a class="footer_link" href="https://twitter.com/intent/tweet?text=On%20January%2029th,%20the%20anniversary%20of%20the%20Quebec%20City%20mosque%20attack,%20I%20will%20stand%20with%20others%20across%20Canada%20as%20we%20work%20to%20push%20back%20the%20darkness%20of%20ignorance%20and%20hate%20with%20the%20light%20of%20knowledge%20and%20friendship&hashtags=PushBackTheDarkness&url=https://PushBackTheDarkness.ca&via=PushBackDarknss" target="_blank">
          <img class="social_media_logo" src="./twitter-logo.png">
          <div class="media_footer_link_text">Share On Twitter</div>
        </a>
      </div>
    </div>
  </body>
</html>