From 9e86b0af6298bd27407fca0b4024c4344a56ee23 Mon Sep 17 00:00:00 2001
From: David Fourney <dfourney@gmail.com>
Date: Tue, 4 Jul 2017 15:52:32 -0400
Subject: [PATCH] Upload current site redesign

---
 donate.html | 124 +++++++++++++++++++
 donner.html | 115 ++++++++++++++++++
 favicon.ico | Bin 0 -> 15086 bytes
 wmca.css    | 335 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 574 insertions(+)
 create mode 100644 donate.html
 create mode 100644 donner.html
 create mode 100644 favicon.ico
 create mode 100644 wmca.css

diff --git a/donate.html b/donate.html
new file mode 100644
index 0000000..f82e7c3
--- /dev/null
+++ b/donate.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en-CA" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="author" content="David Fourney">
+  <meta name="viewport" content="width=device-width">
+
+  <link href="http://wikimedia.ca/donner" rel="alternate" hreflang="fr">
+  <link href="http://wikimedia.ca/donate" rel="alternate" hreflang="en">
+  <link href="favicon.ico" rel="icon" type="image/x-icon">
+  <link href="wmca.css" rel="stylesheet" type="text/css">
+
+  <title>Join or Donate to Wikimedia Canada</title>
+</head>
+
+<body>
+  <header>
+    <a href="http://ca.wikimedia.org"><img alt="Wikimedia Canada" src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Wikimedia_Canada_logo.svg/200px-Wikimedia_Canada_logo.svg.png" class="logo"></a>
+    <p class="langlink"><a lang="fr" aria-label="Version française" href="donner.html">Fran&ccedil;ais</a></p>
+
+    <h1 class="title">Join or Donate to Wikimedia Canada</h1>
+  </header>
+
+  <div id="main">
+    <leftmargin></leftmargin>
+    <rightmargin></rightmargin>
+
+    <article>
+      <div id="green">
+        <div id="join">
+          <h2>Join Wikimedia Canada</h2>
+
+          <p>To buy a full Wikimedia Canada membership, choose your options below and click "Join". You will then be redirected to PayPal to securely process your transaction.</p>
+
+          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+            <input name="cmd" type="hidden" value="_s-xclick">
+            <input name="hosted_button_id" type="hidden" value="EWK58XZUC6V9U">
+            <ul class="flex-outer">
+              <li>
+                <input name="on1" aria-labelledby="mtype" type="hidden" value="New membership or renewal">
+                <label for="mtype">New membership<br/> or renewal:</span></label>
+                <select name="os1" id="mtype">
+                  <option value="New membership">New membership</option>
+                  <option value="Renewal of membership">Renewal of membership</option>
+                </select>
+              </li>
+              <li><p>Membership year:</p>
+                <ul class="flex-inner">
+                  <li><div class="radio-item">
+                      <input name="on0" type="hidden" value="Membership for">
+                      <input name="os0" id="2017" type="radio" value="2017" checked>
+                      <label for="2017">2017 membership <span class="break">($10.00 CAD)</span></label>
+                    </div></li>
+                  <li><div class="radio-item">
+                      <input name="on0" type="hidden" value="Membership for">
+                      <input name="os0" id="2018" type="radio" value="2017 and 2018">
+                      <label for="2018">2017 and 2018 membership <span class="break"> ($20.00 CAD)</span></label>
+                    </div></li>
+                  </ul>
+                  </li>
+              <li>
+                <input name="on2" type="hidden" value="Real full name">
+                <label for="rfname">Real full name:</label>
+                <input placeholder="Enter real name" name="os2" id="rfname" aria-label="Real full name" type="text">
+                </li>
+              <li>
+                <input name="currency_code" type="hidden" value="CAD">
+                <input name="submit" type="submit" value="Join" class="btn">
+                </li>
+              </ul>
+            </form>
+          </div>
+
+            <div id="donate">
+              <h2>Donate to Wikimedia Canada</h2>
+
+              <p>Click the "Donate" button to make a donation to Wikimedia Canada. You will then be redirected to PayPal to securely process your transaction.</p>
+
+              <p>Please note, Wikimedia Canada cannot issue receipts for tax purposes.</p>
+
+              <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+                <input name="cmd" type="hidden" value="_s-xclick">
+                <input name="hosted_button_id" type="hidden" value="YWE7WG8JYZU6A">
+                <input name="submit" type="submit" value="Donate" class="btn">
+              </form>
+            </div>
+          </div>
+
+          <div id="why">
+            <h2>What is Wikimedia Canada?</h2>
+
+            <p>Wikimedia Canada is a not-for-profit organization that acts as the Canadian chapter of the <a href="http://wikimediafoundation.org">Wikimedia Foundation</a>. Along with its <a href="https://meta.wikimedia.org/wiki/Wikimedia_chapters/en-ca">sister chapters across the world</a>,
+              Wikimedia Canada aims to create a world in which every single human being is given free and open access to the sum of all knowledge in their own language. For more information, see <a href="http://ca.wikimedia.org/wiki/Wikimedia_Canada:About">our "about us" page</a>.
+            </p>
+
+            <h3>Membership</h3>
+
+            <p>Wikimedia Canada is a membership-based organization. Our work would be impossible without the ideas and labour of our members. Wikimedia Canada membership is open to any person or organization who shares our goals.</p>
+
+            <p>Membership entitles you to attend and vote at official members meetings, where we decide long-term policies and elect the board of directors.</p>
+
+            <h3>Where your donation goes</h3>
+
+            <p>Your donation goes to all of Wikimedia Canada's projects across the country to promote the creation and distribution of free educational material. These projects include lectures to teach people how to write for Wikipedia and photo contests to create
+              photographs of Canadian landmarks under a free licence.</p>
+
+              <p>In the future, we plan to do more projects like these, as well as partnering with museums and galleries to increase access to their collections, encouraging the creation of more free content about Canada, translating Wikipedia articles into Canada's
+                aboriginal and immigrant languages, creating new technologies to help the Wikimedia Foundation's online projects, and supporting the initiatives of local groups of editors.</p>
+
+                <p>For more about our projects, see <a href="http://ca.wikimedia.org/wiki/Projects">our projects page</a>.
+                </p>
+              </div>
+            </article>
+
+          </div>
+          <footer>
+            <p>When you join or donate, Wikimedia Canada asks for your real name and email address to let us stay in contact with you. This information is subject to our <a href="http://ca.wikimedia.org/wiki/Privacy_policy">privacy policy regarding memberships</a>.
+              We do not give your information to anyone except when legally required to do so. You may opt-out of receiving messages from us at any time.</p>
+            </footer>
+
+          </body>
+
+          </html>
diff --git a/donner.html b/donner.html
new file mode 100644
index 0000000..2c69abb
--- /dev/null
+++ b/donner.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="fr-CA" dir="ltr">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="author" content="David Fourney">
+  <meta name="viewport" content="width=device-width">
+
+  <link rel="alternate" hreflang="fr" href="http://wikimedia.ca/donner" />
+  <link rel="alternate" hreflang="en" href="http://wikimedia.ca/donate" />
+  <link rel="icon" href="favicon.ico" type="image/x-icon">
+  <link rel="stylesheet" type="text/css" href="wmca.css">
+
+  <title>Rejoignez ou faites un don à Wikimédia Canada</title>
+</head>
+
+<body>
+  <header>
+    <a href="http://ca.wikimedia.org"><img alt="Wikimédia Canada" src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Wikimedia_Canada_logo.svg/200px-Wikimedia_Canada_logo.svg.png" class="logo"></a>
+    <p class="langlink"><a lang="en" href="donate.html" aria-label="English version">English</a></p>
+
+    <h1 class="title">Rejoignez ou faites un don à Wikimédia Canada</h1>
+  </header>
+
+  <div id="main">
+    <leftmargin></leftmargin>
+    <rightmargin></rightmargin>
+
+    <article>
+      <div id="green">
+        <div id="join">
+          <h2>Devenir membre de Wikimédia Canada</h2>
+
+          <p>Pour adhérer à Wikimédia Canada, choisissez une option ci-dessous et cliquez sur « Adhérer ». Vous serez ensuite redirigé vers le site de PayPal pour effectuer votre transaction de façon sécurisée.</p>
+
+          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+            <input name="cmd" type="hidden" value="_s-xclick">
+            <input name="hosted_button_id" type="hidden" value="QPB9E9D2FKWJU">
+            <ul class="flex-outer">
+              <li>
+                <input name="on1" aria-labelledby="mtype" type="hidden" value="Nouveau membre ou renouvellement">
+                <label for="mtype">Nouveau membre ou renouvellement:</label>
+                <select name="os1" id="mtype">
+                  <option value="Nouveau membre">Nouveau membre</option>
+                  <option value="Renouvellement">Renouvellement</option>
+                </select>
+              </li>
+              <li><p>Année d'adhésion:</p>
+                <ul class="flex-inner">
+                  <li><div class="radio-item">
+                      <input name="on0" type="hidden" value="Adhesion pour">
+                      <input name="os0" id="2017" type="radio" value="2017" checked>
+                      <label for="2017">Adhésion 2017 <span class="break">(10.00$ CAD)</span></label>
+                    </div></li>
+                    <li><div class="radio-item">
+                        <input name="on0" type="hidden" value="Adhesion pour">
+                        <input name="os0" id="2018" type="radio" value="2017 et 2018">
+                        <label for="2018">Adhésion 2017 et 2018 <span class="break"> (20.00$ CAD)</span></label>
+                      </div></li>
+                    </ul>
+                  </li>
+                  <li>
+                    <input name="on2" type="hidden" value="Nom reel complet">
+                    <label for="rfname">Nom réel complet:</label>
+                    <input placeholder="Entrez le nom réel" name="os2" id="rfname" aria-label="Nom réel complet" type="text">
+                  </li>
+                  <li>
+                    <input name="currency_code" type="hidden" value="CAD">
+                    <input name="submit" type="submit" value="Adhérer" class="btn">
+                  </li>
+                </ul>
+              </form>
+            </div>
+
+            <div id="donate">
+              <h2>Faire un don à Wikimédia Canada</h2>
+
+              <p>Cliquez sur le bouton « Faire un don » ci-dessous pour effectuer un don du montant de votre choix. Vous serez redirigé vers le site de PayPal pour effecuter votre transaction de façon sécurisée.</p>
+
+              <p>Veuillez noter que Wikimédia Canada ne peut pas emettre de reçu pour dons à des fins d'impôt.</p>
+
+              <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+                <input name="cmd" type="hidden" value="_s-xclick">
+                <input name="hosted_button_id" type="hidden" value="YWE7WG8JYZU6A">
+                <input name="submit" type="submit" value="Faire un don" class="btn">
+              </form>
+            </div>
+          </div>
+
+          <div id="why">
+            <h2>Qu'est-ce que Wikimédia Canada?</h2>
+            <p>Wikimédia Canada est un organisme à but non lucratif qui agit en tant que chapitre canadien de la <a href="http://wikimediafoundation.org/wiki/Accueil">Fondation Wikimédia</a>. De concert avec les <a href="https://meta.wikimedia.org/wiki/Wikimedia_chapters/fr">autres chapitres à travers le monde</a>,
+              Wikimédia Canada a pour but de faire en sorte que tous les êtres humains du monde aient accès librement et gratuitement à l'ensemble des connaissances dans leur propre langue. Pour plus d'informations, consultez la page «&nbsp;<a href="https://ca.wikimedia.org/wiki/Wikimedia_Canada:About/fr">À propos de nous</a>&nbsp;».</p>
+              <h3>Adhésion</h3>
+              <p>L'adhésion à Wikimédia Canada est ouverte à toute personne ou organisme partageant nos valeurs et objectifs. C'est grâce à l'action de ses membres que Wikimedia Canada existe.</p>
+              <p>Le fait d'être membre vous permet d'assister et de voter aux assemblées officielles des membres où nous décidons des politiques à long terme et élisons le conseil d'administration.</p>
+
+              <h3>À quoi servent vos dons</h3>
+              <p>Vos dons servent à l'ensemble des projets de Wikimédia Canada à travers le pays qui ont pour but d'encourager la création et la distribution de contenu éducatif gratuitement. Ces projets incluent des leçons pour enseigner aux gens comment contribuer
+                à Wikipédia et des concours photographiques afin de créer des photos des monuments canadiens sous licence libre.</p>
+                <p>Dans le futur, nous planifions effectuer davantage de projets similaires en plus d'établir un partenariat avec les musées et les galeries afin d'accroître l'accès à leurs collections, d'encourager la création de plus de contenu libre à propos
+                  du Canada, de traduire des articles de Wikipédia dans les langues autochtones et des immigrants canadiens, de développer de nouvelles technologies afin d'aider les projets en ligne de la Fondation Wikimédia et de supporter les initiatives des
+                  groupes de contributeurs locaux.</p>
+                  <p>Pour en savoir plus sur nos projets, consultez la <a href="https://ca.wikimedia.org/w/index.php?title=Projets&setlang=fr&uselang=fr">page de nos projets</a>.              </div>
+                  </article>
+
+                </div>
+                <footer>
+                  <p>Lorsque vous vous inscrivez ou faites un don, Wikimédia Canada demande votre vrai nom et votre adresse électronique pour nous permettre de rester en contact avec vous. Ces informations sont sujettes à notre <a href="https://ca.wikimedia.org/wiki/Policy/Privacy?uselang=fr">politique de confidentialité envers les adhésions</a>.
+                    Nous ne donnons pas vos renseignements à quiconque, sauf lorsque légalement tenus de le faire. Vous pouvez choisir de ne plus recevoir des messages de notre part à tout moment.</p>
+                  </footer>
+
+                </body>
+
+                </html>
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..2cb507392e2a7c92442fa30581bcbe56c6ba6e6b
GIT binary patch
literal 15086
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

literal 0
HcmV?d00001

diff --git a/wmca.css b/wmca.css
new file mode 100644
index 0000000..a232450
--- /dev/null
+++ b/wmca.css
@@ -0,0 +1,335 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: #F3F3F3;
+  margin: 1em;
+  font-family: sans-serif;
+  font-size: 1.4rem;
+  color: #000;
+}
+
+a {
+  text-decoration: none;
+  padding-bottom: 0px;
+  border-bottom: 1px solid blue;
+}
+
+img.logo {
+  display: flex;
+  float: left;
+  max-width: 25%;
+  height: auto;
+}
+
+.langlink {
+  float: right;
+}
+
+.title {
+  text-align: center;
+  padding-top: 75px;
+}
+
+h1 {
+  font-weight: bold;
+  text-align: center;
+}
+
+h2 {
+  font-weight: bold;
+  font-size: 1.6em;
+}
+
+h3 {
+  font-weight: bold;
+  font-size: 1.4em;
+}
+
+p {
+  margin: 0 0 1em 0;
+}
+
+#main {
+  margin: 0;
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: row;
+  flex-flow: row;
+}
+
+header,
+footer,
+#main > article,
+#main > leftmargin,
+#main > rightmargin {
+  margin: 4px;
+  padding: 1em;
+}
+
+#main > article {
+  background: #F3F3F3;
+  -webkit-flex: 4 1 0;
+  flex: 4 1 0;
+  -webkit-order: 2;
+  order: 2;
+}
+
+#green {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  padding-bottom: 1em;
+}
+
+#join {
+  background-color: #CCE7CD;
+  border: 1px solid #5EAC58;
+  padding: 1em;
+  width: 60%;
+}
+
+#donate {
+  background-color: #CCE7CD;
+  border: 1px solid #5EAC58;
+  padding: 1em;
+  width: 40%;
+}
+
+#join > h2, #donate > h2 {
+  text-align: center;
+}
+
+#why {
+  background: #F3F3F3;
+}
+
+#main > leftmargin,
+#main > rightmargin {
+  background: #F3F3F3;
+}
+
+#main > leftmargin {
+  -webkit-order: 1;
+  order: 1;
+}
+
+#main > rightmargin {
+  -webkit-order: 3;
+  order: 3;
+}
+
+header, footer {
+  display: block;
+  min-height: 80px;
+}
+
+header {
+  background: #F3F3F3;
+}
+
+footer {
+  background: #DDD;
+  font-size: 75%;
+  font-style: italic;
+  padding: 0.5em;
+}
+
+.flex-outer,
+.flex-inner {
+  list-style-type: none;
+  padding: 0;
+}
+
+.flex-outer {
+  margin: 0 auto;
+}
+
+.flex-outer li {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.flex-inner {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.flex-outer > li:not(:last-child) {
+  margin-bottom: 20px;
+}
+
+.flex-outer li label {
+  padding: 8px;
+}
+
+.flex-outer li p {
+  padding: 8px;
+  align-items: center;
+}
+
+.flex-outer > li > label,
+.flex-outer li p {
+  flex: 1 0 120px;
+  max-width: 220px;
+}
+
+.flex-outer > li > label + * {
+  flex: 1 0 220px;
+}
+
+.flex-outer li p {
+  margin: 0;
+}
+
+.flex-outer li input:not([type='radio']) {
+  padding: 15px;
+}
+
+span.break:before {
+  content: "\A";
+  white-space: pre;
+}
+
+select {
+  display: inline-block;
+  width: 100%;
+  padding: 10px 15px;
+  font-size: 1.4rem;
+  border: 0;
+  border-radius: 0;
+}
+
+.radio-item {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  padding-bottom: 0.5em;
+}
+
+input[type="radio"] {
+  align-self: center;
+}
+
+input[type='text'] {
+  display: inline-block;
+  width: 100%;
+  font-size: 1.4rem;
+}
+
+#donate > form {
+  text-align: center;
+}
+
+.btn {
+  padding: 16px;
+  border: 1px solid #333;
+  background: #333;
+  color: #fff;
+  text-transform: uppercase;
+  letter-spacing: .09em;
+  border-radius: 2px;
+  font-weight: bold;
+  font-size: 1.0rem;
+}
+
+.btn:hover {
+  background: yellow;
+  color: #000;
+  border: 1px solid #333;
+}
+
+.btn:focus {
+  background: yellow;
+  color: #000;
+  border: 1px solid #333;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+@media only screen and (max-width: 768px) {
+
+  body {
+    font-size: 1.2rem;
+    margin: 0em;
+  }
+
+  #main, #page {
+    -webkit-flex-flow: column;
+    flex-flow: column;
+  }
+
+  #main > article, #main > leftmargin, #main > rightmargin {
+    /* Return them to document order */
+    -webkit-order: 0;
+    order: 0;
+  }
+
+  #main > article {
+    padding 0.5em;
+  }
+
+  #main > leftmargin, #main > rightmargin {
+    /* Hide them */
+    visibility: hidden;
+    margin: 0;
+    padding: 0;
+    order: 3;
+  }
+
+  #green {
+    -webkit-flex-flow: column;
+    flex-flow: column;
+    padding-bottom: 1em;
+    -webkit-order: 0;
+    order: 0;
+  }
+
+  #join, #donate {
+    width: 100%;
+    padding: 1em;
+    border: 0px;
+  }
+
+  #join {
+    border-bottom: 1px solid #5EAC58;
+  }
+
+  #donate {
+    border-top: 1px solid #5EAC58;
+  }
+
+  br {
+    content: ' ';
+  }
+
+  br:after {
+    content: ' ';
+  }
+
+  select, input[type='text'] {
+    font-size: 1.0rem;
+  }
+
+  header, footer {
+    min-height: 50px;
+  }
+
+  footer {
+    position: sticky;
+  }
+
+  .btn {
+    display: inline-block;
+    width: 100%;
+    margin-top: 2em;
+  }
+}
-- 
2.56.0