From: David Fourney Date: Tue, 4 Jul 2017 19:52:32 +0000 (-0400) Subject: Upload current site redesign X-Git-Url: https://git.wikimedia.ca/?a=commitdiff_plain;h=9e86b0af6298bd27407fca0b4024c4344a56ee23;p=paypal.git Upload current site redesign --- diff --git a/donate.html b/donate.html new file mode 100644 index 0000000..f82e7c3 --- /dev/null +++ b/donate.html @@ -0,0 +1,124 @@ + + + + + + + + + + + + + + Join or Donate to Wikimedia Canada + + + +
+ +

Français

+ +

Join or Donate to Wikimedia Canada

+
+ +
+ + + +
+
+
+

Join Wikimedia Canada

+ +

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.

+ +
+ + +
    +
  • + + + +
    • +

  • Membership year:

    +
      +
    • + + + +
      • +
    • + + + +
      • +
    +
    • +
  • + + + +
    • +
  • + + +
    • +
+
+
+ + +
+ +
+

What is Wikimedia Canada?

+ +

Wikimedia Canada is a not-for-profit organization that acts as the Canadian chapter of the Wikimedia Foundation. Along with its sister chapters across the world, + 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 our "about us" page. +

+ +

Membership

+ +

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.

+ +

Membership entitles you to attend and vote at official members meetings, where we decide long-term policies and elect the board of directors.

+ +

Where your donation goes

+ +

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.

+ +

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.

+ +

For more about our projects, see our projects page. +

+
+
+ +
+ + + + + diff --git a/donner.html b/donner.html new file mode 100644 index 0000000..2c69abb --- /dev/null +++ b/donner.html @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + Rejoignez ou faites un don à Wikimédia Canada + + + +
+ +

English

+ +

Rejoignez ou faites un don à Wikimédia Canada

+
+ +
+ + + +
+
+
+

Devenir membre de Wikimédia Canada

+ +

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.

+ +
+ + +
    +
  • + + + +
    • +

  • Année d'adhésion:

    +
      +
    • + + + +
      • +
    • + + + +
      • +
    +
    • +
  • + + + +
    • +
  • + + +
    • +
+
+
+ + +
+ +
+

Qu'est-ce que Wikimédia Canada?

+

Wikimédia Canada est un organisme à but non lucratif qui agit en tant que chapitre canadien de la Fondation Wikimédia. De concert avec les autres chapitres à travers le monde, + 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 « Ã€ propos de nous Â».

+

Adhésion

+

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.

+

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.

+ +

À quoi servent vos dons

+

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.

+

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.

+

Pour en savoir plus sur nos projets, consultez la page de nos projets.

+
+ +
+ + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..2cb5073 Binary files /dev/null and b/favicon.ico differ 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; + } +}