From 9e86b0af6298bd27407fca0b4024c4344a56ee23 Mon Sep 17 00:00:00 2001 From: David Fourney 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 @@ + + + + + + + + + + + + + + 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 0000000000000000000000000000000000000000..2cb507392e2a7c92442fa30581bcbe56c6ba6e6b GIT binary patch literal 15086 zcmd5@33yc1y+4x)Ojwd(3t&*fB8o+nC5UWBQNb#$$ZKt@h#Sd-Y=p1{m&XKDYTZz) z%uFUTlSu+5`P@L!+CH6#R*M$wSFL?MwPWpb$3_thG0eQ*@7#NC?%Yf;DWTuHeE*zt z&-w4?fBt8=gAg`h7lQ@~lw(9esu1T0A;yf+-XB4G0BuvI=7N7QfC?R0|D1i~4o`BgFoL!1f9;_)a0l-qrzA?-t_0KVURw3Gw=LA^ti_i1u6|VjHzQ zGX|OEd;s&)@jmclfB5za#7GeJmjU$mw>q%?GW&>wdjI2qRCeqK&{h+t>%Xy5^KbhkSFss%8=?~y`z2Flf+eh;8|?tOIfO)<-;q)IN%(y;32zc z4|rb%Ft4A~A!O<|$(Q;O_bSzoxVXo{`v_&Ke)QE_`uD+qDeTYl<@^VDDVxn@NYPW5 zWH_WH4tat9K8uWc_Jywz1JG{W8!ccTc%B6KA{lSAg^0t4^)7HodlGRVV}V8fVamo> z{KV3}pZI)|>>GMyzoyf)-5NKk!+x_YU3SRahWgFK$DZnpE^JadgcM)kb!ETAB`@NV zw?$S6I=pCZL#)U-^IEvF(x=E z31Qi@s+cpEA>#3Yp2v(o@**C2n`P;;cU#&P6Bl{@qGQ+}L*Fvu@nIdnHnV<4oxF$# zIg2f_D0`EoElk|&f>Q>8-@zn2DJPFO=7(*7WI7xqFXBQ@*dl8a=EM|BTMOQ?^P~@^ zk*8q?>PG=LurJxeJ{`xPArIn`CxE<-@uzIP?>%!n>bEKWh{LDBll&QzT78&oE`qbG`>GlnDJ5A@uHQ*h9%pu4k7)$Tp0NDB@0NU6m zbztryjm-Vz1=-(NuydP`8dSc9VSA%$qGah%_;<%96h~$ym>TJnw$!&K=H^v;z zA8gs&+`M`7=E}5q6a}))9x3bVh+enF+48~W(G|^mo;_tx zbBl9xH0p4C5Or)h7H2A<_ocWb^@c{Zl-SbFnQ;-G&6KKNx* z<>ajJ>JcX_MjI>76xGH3`)uDZ<^tb}K3^z3lKGnUASWdN+pO)XP1@p0iPw}5+vG2F z^zCgs9=Uaby>@NZ*%SU6p3rWE*T%{y=XHG^!CwP@>;3t^Y{rh8#-#^KGwzc-EpZJQ9eU>po?Q-kT`8Xe-UPfKeIMZOz&!~1HtMPPpv@d_a-LKbroBxv+ zC?2>|mtpW$@;YSOzJ#A%K@PbdwoYo=c!u1QC*%2F+m<-Ot1`!i$_8DExm4?O***my zWrul8WSxHV6{LQ$!Jw;Nc zNgCgNsV1$uc)$+u`UG}-*M+<|#_&LRP1X;Ru;|pZ^RDyyz?XN@ztmm#v#RqwhP?S^ zux#*kR^mGzUD~%KFfX&fH)Hf2k1b2stCR)L&noiIIcaU}LV2Dr)7GvVH4`}*V{JRE z%S(_;yRf#r5nMSa(@bZrzx}F5fY;SZXI1KUfTyhueD*y4%h_`OujtEb<_{?J&l*=A zx-hTMKl>$@Hz&5P?uWSf?|2HU&i(U>s&k{If%CQiZ(@1PMMF0>U6~Nq!7}IFknvB- zHT#b5v;kwar*`#-F7NQ`)}K59^NY5d?-HcX(RRdN*sq~OBkYJ8f0|Yr$ej+qx>r=q zY+t@@YFxqk`b!h^U*Vhi7uDzT&WM*(&uakP0@yOt%oF*p5IP)CHoy+rV%UQ@R%*sK z*D((pEp$rvIQr_$xVLP-B4cGRw-~Wy=qJZI;5rp2xL!~buwojA)qnw_vC zR_vb>S{ce6YvvtVHN=H{eTcf~`lz{$*iHSsZr!K^n@Jm9d(w2+O+4x>ZB}*6)BX6K zWSr~DLi0zg44%IwAA09O7u-WpFVs8AuJl(p8op*nQT6OM*Mt`&%umGnJ&2_vj2op7 zV~X#AQfC#vZ>i^rd(Q8R_2Lco5l4*~=`i;{d9-rsDGK+d9gEX3?zPkdz_Wj+yAAer zr9btyK#XyP_;y{FOB7!7 zpB_mm4W3uYc+veB)5`>%dZNGL!t;`Px;2|U+4-wZE@(AgT3A)>`lH?F|Yd``|^~QkE6fu ztN0*K-iY~1y_3d_$&WI&dJzAeVz0&IGLVzw>+3F+cWl%jx#%+JWsV=Yo?&0O4{KVro_7q} zXb)(9L0Uc=8?PM7HAf%c6RJOLrwwJH3*`3}$`7n`o{D(*lD<_Sm9%_ThcCXGJQ+L5{B3PJ9{-aUWffM|>aWXbtA760RNC;&LqEnntS#aDwemUER_> zA2n-67;6^hQ>44P)1KqiU+2+w?^6ZC)EFQ~HY=SI#=&KmYn8dpS785p-TG6q6m3!U ztk?eC`oo4cchi-|T84ek3)VQH&h&pLyWoGUeJ3mZi>v26|8LfxIlAq>-9^UQ>2syL z*hx?5kNL|poH4Iy6ZU>zAm>g{`j=GCeK=2>zuk&|&Oht^pZn+T`T%$_9SOZK}7?28?*TJ>lCL0&cX@7NnIS>C<*E7vyaSy6u(um6mP`)Ark-M-Hb z;uTfRd0i3LRb&sv{7v}Q0i9+3!8+x&>d$xNpQVcawx*vAa`|S+^GR3vMxS%BJj`F@ zzVL?aixST9$YIxEUHXc;0k_LMO#8T(TU~R}3MC)+bK{XyzB12I<{a$LTCsYUJ4+SnG^= zuXI=CzV~0V75Qhmp!Y#F4x~5i(D&uV)pKhV4NKgG>`LZitjjmmu06>KT^U<4p5*-1 zV=K67h+FYl8(x@!^Y=U2d8=a&m*>^ux!6DV;Wgof-}}2XoSSTgRWq-K-bWZG(A^jZ z^1>dm4fD;Idyn2eeJt*I4_oy|TMYN5IXmypP4O3|)#&4+#)!7Wyao1;8!9IocNVz& z$j#UGK~k>t9ef6VHB@Y0WUMu`dBlkDpzQ4Wu@fgYOdL5fJpA<28;tvuZO^Q;VLY!b z!1ncW{%YJ~|oWsWADZ@a18eezi!z019|`Q z>f<-rasK_iZl@Xp&1T$bKC$IoBQ9=zWJ$l`z}yEZZ)G4iaPyAK@=6@7A ze}wPe-)Y~XJUC=4@WyO5&)0Ul@3oUpuDygh{_d>?JLdW?=m+Gied}v~m~an){qgh4 zm-^h*;sR%vrcGy!Q+BefziF(zf1qt@p3`p9<4$`o?&XX-i#4?ihQW6w>+3EXPTG0% zcJ}Yvw`v#kGwI8^`FmPNA8d#YA6_HRSkL}3m|9+Q;Z^0Ki;VL)c_L@t<;l144qNJ= z&cO9oeFY$cBQ;eA9^QNNIGuZlNmFWc~4A>mAP-&4g#JUgAi2jFLXDkI3>Fk5t| z9m*bw7soh7Z@u+3d6)Q`Kh+xXPMx4TesgV8XGX)H^eucD-CmJx%t^BibsMtBA>O{G zjj&hQElb$&9nJ&^HjsAGq{i{kvii!_w!?4 zL^^&G!d}9SJlyHG%G0JbfuE;Ei}~)vjnx)UdwP0cnN|MNTNl`|FIdQLo74e&{P$|t zoot*3t@z2_gDaisfGrra+i{&@7K?7>=Vs;JbBl7 zDTsrMF_)tlkCEoS?$$xquV!^-Qr*d8=FBH;SerhD4N3A%S9%-mobTTvcO}G+S-0&s zpPGU@o^HjAnXV`GL4$%p%th)?eR^Prhx7gL!i7)CJwQ)n_9pI+e)LQx<}mcua$@&v zAnvv}^5?^M-@U&#)#)*>IDX-QF+g6GF$BGi6-%mbTO50#|AFnsJ#CK#_aecPCC~L8 zII#LTEsp5huHs1ZJLXJFR#y0oUR2?@SaBUd9<;-Ttyq%|X?Ac{AjZuE2wZch#A{9|b0QyC9BldQd*=}3A sgZ8)u?P;ZrDBDp=fbB8DM!1C#w}M-5i{Sr$vQPK3{Gk@#+q2pJe;+4IVE_OC 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.42.0