From e0903be7f7b051dd95b98736223bbc12231f9914 Mon Sep 17 00:00:00 2001
From: raida <raida@crans.org>
Date: Tue, 5 Mar 2019 17:38:45 +0100
Subject: [PATCH] Respect du Responsive Design

---
 assets/css/main.css    |  28 ++++++++---------
 assets/css/perso.css   |  68 +++++++++++++++++++++++++++++++++++++++++
 assets/js/.main.js.swo | Bin 24576 -> 0 bytes
 assets/js/.main.js.swp | Bin 24576 -> 0 bytes
 assets/js/perso.js     |  16 ++++++++++
 index.html             |   3 +-
 6 files changed, 100 insertions(+), 15 deletions(-)
 delete mode 100644 assets/js/.main.js.swo
 delete mode 100644 assets/js/.main.js.swp
 create mode 100644 assets/js/perso.js

diff --git a/assets/css/main.css b/assets/css/main.css
index f6639d6..7c07066 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -78,7 +78,7 @@ input, select, textarea {
 		width: device-width;
 	}
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 824px) {
 
 		html, body {
 			min-width: 320px;
@@ -123,7 +123,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 736px) {
+		@media screen and (max-width: 940px) {
 
 			html {
 				font-size: 11pt;
@@ -131,7 +131,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 360px) {
+		@media screen and (max-width: 376px) {
 
 			html {
 				font-size: 10pt;
@@ -238,7 +238,7 @@ input, select, textarea {
 		font-size: 0.6rem;
 	}
 
-	@media screen and (max-width: 736px) {
+	@media screen and (max-width: 940px) {
 
 		h1 {
 			font-size: 1.75rem;
@@ -360,7 +360,7 @@ input, select, textarea {
 					width: calc(25% - 0.375rem);
 				}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			form > .fields {
 				width: calc(100% + 3rem);
@@ -701,7 +701,7 @@ input, select, textarea {
 				width: 100%;
 			}
 
-		@media screen and (max-width: 736px) {
+		@media screen and (max-width: 940px) {
 
 			.image.main {
 				margin: 2rem 0;
@@ -709,7 +709,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			.image.main {
 				margin: 1.5rem 0;
@@ -839,7 +839,7 @@ input, select, textarea {
 				width: 100%;
 			}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			ul.actions:not(.fixed) {
 				-moz-flex-direction: column;
@@ -1213,7 +1213,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 736px) {
+		@media screen and (max-width: 940px) {
 
 			#wrapper {
 				padding: 2rem 1rem;
@@ -1221,7 +1221,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			#wrapper {
 				padding: 1rem;
@@ -1421,7 +1421,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 736px) {
+		@media screen and (max-width: 940px) {
 
 			#header > * {
 				margin-top: 2rem;
@@ -1452,7 +1452,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			#header {
 				padding: 1.5rem 0;
@@ -1591,7 +1591,7 @@ input, select, textarea {
 					background-color: rgba(255, 255, 255, 0.175);
 				}
 
-		@media screen and (max-width: 736px) {
+		@media screen and (max-width: 940px) {
 
 			#main article {
 				padding: 3.5rem 2rem 0.5rem 2rem ;
@@ -1607,7 +1607,7 @@ input, select, textarea {
 
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 824px) {
 
 			#main article {
 				padding: 3rem 1.5rem 0.5rem 1.5rem ;
diff --git a/assets/css/perso.css b/assets/css/perso.css
index 520c39b..bfdc76e 100644
--- a/assets/css/perso.css
+++ b/assets/css/perso.css
@@ -13,6 +13,10 @@
 	border-radius: 0 4px 4px 0;
 }
 
+#header nav ul.simple {
+	display: none;
+}
+
 	#header nav ul li {
 		display: block;
 		position: relative;
@@ -43,6 +47,34 @@
 			display: block;
 		}
 
+@media screen and (max-width: 824px) {
+
+	#header nav ul {
+		max-width: none;
+		width: -moz-max-content;
+		width: -webkit-max-content;
+		width: -ms-max-content;
+		width: max-content;
+	}
+
+		#header nav ul li {
+			width: 100%;
+		}
+
+}
+
+@media screen and (max-width: 528px) {
+	
+	#header nav ul.left, #header nav ul.right {
+		display: none;
+	}
+
+	#header nav ul.simple {
+		display: block;
+	}
+
+}
+
 
 
 
@@ -83,6 +115,42 @@
 		padding: 10px;
 	}
 
+@media screen and (max-width: 940px) {
+
+	#header .soutien {
+		margin-top: calc(2.75rem + 2rem);
+	}
+
+		#header .soutien img {
+			height: 100px;
+		}
+
+}
+
+@media screen and (max-width: 824px) {
+
+	#header .soutien {
+		margin-top: calc(2*3rem + 2rem);
+	}
+
+		#header .soutien .left, #header .soutien .right {
+			float: none;
+		}
+	
+}
+
+@media screen and (max-width: 528px) {
+
+	#header .soutien {
+		margin-top: calc(2rem);
+	}
+
+		#header .soutien img {
+			height: 70px;
+		}
+
+}
+
 .left {
 	float: left;
 }
diff --git a/assets/js/.main.js.swo b/assets/js/.main.js.swo
deleted file mode 100644
index 5f78edd0374719dd3be016e51dcf6d153692fb66..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 24576
zcmeI3d5|2{dB6u)juEnO<WzhG{Ips$vv_xQwL%91-9nZeffq}{<$x^r&h+lIcBXsO
z-Lr?SB_?sDa+C$wU|fcB3HZYYE}TCS83$J|c98(SgpaC_1RTdyY_KT@IY}kNit~F%
zA2U0%EBPpwE4@{}ot=J1zxTcGeeZqWdpkCK<DTophSG43pI7H{t7m@a=EM9sdVVhF
zdtN9XFZNRo2dAf}7t58)4NY185IKjcVZAnF1%Vv~Lx+Q*y5+c~!@=SeWH~YkWD@uV
zB(UtjnvvCNs;}%_Azrimz%Ni&Ry319CV@->nFKNkWD>|EkVznuKqi6TGzo-_p4=bM
z=<`g&_nOar=jcDoM~-lS`nkUCGfF?#JU?MRKWaXs^d9qlm-!rRtN--R^v}ax%Ky})
zZ#U`f?K6+Fk4yrY1TqO^638TwNg$IzCV@->nFKNkWD>|EkV&9}1guIfcM;EjDjj&v
z|0DnX`Ac%SufbR0^Y93K5<UU<!ErbW4e;Oq?1neNWpE+<U|BBrefT?g2=0PAp$YGT
zov;H|!THbw&%P>``zLq|9)df;f_KC3K@pb1e=g1C{sW$e@4?e>5}t%7;EV7W+yfs4
z8!E6JmO~Gm2QObt8F&cZ4}Sz6xG)57gg3zHCAr+U;ahM5j==}OgBxKhYyklm!N28m
zxgWzf;66AG$6yMYa3j1Ku7KrmF8q*zcm)0$9)wT9{cs<A2yTHn7=ul44HRGr<l#pb
z(mr?;{sxZ2pMnoZ-~g<Hwa^3S!HXB<a?ikHa68-vN8u*e27@pFm%{JDQn(nFKo6V;
z|4wk|BzzrCz+b_~;TD*Hx4;1O!V35S!JtRsINS{%hTGs6+zP)B?}V#iDg1=s)G7EO
zya<oM7vKT7AMS(?K>*vK0IT5j@H$umr_pbv<LNn&S3hIEZB1UCQ-4?NajRJiHzLq<
zn)#N`_o=%ohpJA+E{1;7?l<M~d1qV{`^LP=Y^iDmJ8Il+DHfby(DFm4T(bwKoWL2Y
z*@gaoQ`gXt*rwBjN!ucJQ*Ft-x@-lu7+G&x5==W`xhjhGl<kJ4NqcsOSF!uWdsXJX
zX~(U2(<RR>7D#F~3Ik%i>6Sx>C#po0bB^|!_jl{b+4W=LUTAs9W|eDBd9q`(@_FjG
zR(31UT~FF5|I)*tyB&mHW7PK=)`X?H7A5zERVPrrU+6XJMWeo|N~ny1827!paNGd7
z3o}ys*;sRItme2A(P-q8w&ZJGS-oElbX9B;g+kQK&TWvw*WD;tjfU-3_IpLuWTOgw
z#lkfeXNoqVG@E+MH7~GxH}8-i*9?)cxu7#5C-u;@iOW<%RYMc{ic$n-aMj2jGTjME
zwpFecV|CDtNro*FI(nfSIX56GcFmeiG$qfYk+rGsdHE#Dq<bcRBbQ0LLTkpYT3|;q
zA%S~d`<=S&HN*CH=)$z-fGbPK(w5Ilq3=vg*#2(It<-G4Sn%z@d5>Khuh}zW-pt^*
zGgF8(K-E(U%Dz{t?e`kR;b@kTU}lFI0;L7-Q1e9uVRL*u^-is>zFqgG>;-0UJcSnN
znCe#D@+XBAL~}fOTVK_-Dz;w=s@`-l=||r<m+t00rmB796FPA~n6lAaHfBj#rBqc$
z1xl^YsY}|KNZ$v9GHIr&g@&rFVAPeq=rt{Zv#>r>m^-Zo6y1p)^2iF~H%ApDiX$zm
z(HlzaO>4wl+*jWYo4%V2!r5y|XGLk#6B=+<YN9PPCL`)Isz)6M+(-lB3~|4^P8n6M
zZ9<%}a;mw|_HMJnq~6>`{qmjlPxfR%1?;SW`B*nvRZv#fT?gfyJp-N6@?Ai!s79^F
zR;7~6=6DoZhv_;qP2=QPRB}DkmMym9w0>KSO+#f?=#(vDU&F@qg;n2cPE<v&>~1gi
z#cl**ddSnp(wJJ+d1cd7>G(w$@X+&TOO0kw-4`-Xif*%38xZ<;VP)LlRjcxJNo5h6
zHf<7WAEM2hY-~8&u)T2+XIa4t)pXg|IIdkOsC=>ml?v_SEnA|A70oN9KeD0~T6|}+
zoskuq&5Y}Xk+It%wp&ikbWkl<W?1ElC9O`fNR2x+tX{EDO6-PgX=;-q*Oh2b6ZI|L
z)<o7Iu@b2jDz^L`7P2l&S=X5<g|m>2RKnBqzHR=>l(SyaDAIXRo4>3rw6LWn6rwYe
zp;gkl;fr-mj&nCFP7U$2ZCli$foy+Fb;_zpT^NWKq<BKe3e9TRW<E$TD`0y9H7diR
zli3FA)il!aMaC{_Ph@@KV);@cw@#b-c(bFXj8Qmhi_A)!{k7R2nN1;?-WFDEf7%Ib
z)^%+c*e|%AU$>&UlmFG}we<gc@Eu3-Kc)Y_*Z4=L@!$UyPQrU&8m3?Z#$hk4hd07G
zApQKO;Q_cG?tok2CRhuXzzg{8UxJUpN8oO#gY@hBp$Gm8pZt{c%i$^bG&~5m!7(@p
zH^W-E63&Hl;BWEKkHd!{^4~4~em7hRYe4$*CAb`ZhL8ST_-BxQ{3INPJ#aBBf%BmU
zUO_hBhi}0*;c>VZ?uKcQvRemRVJTb;FCo*f!583Bi2V6U{ub~iI2Zl_AN(1R{`&23
z8|;QR!0X`^{Of;#r{GC=5bgr$qrVpp!A7_W3UCQ5gCFB(OMm<UxE0<9N1y>!kbe0)
zVJGZ>OW-+t?PuX(n1va5E9`+0cnvIvm+_}h!q?#h+za=>EpQNShP7}dNFV$H_!0j1
z=ip&@0Nw|G4BGCf--{U^v!}`IYHV%dZP|Q-mG3JzeIKvdtjldqfRd%MlqTDJ>$~u9
zbTyUj@9p9hL<6t31+7gzquqhl8(NXt0Cwrh8Amh{lWc@0EVIpvBQ$Sq2B8S1twtoT
zXj7NkG5ma93>%iB<2s>Z)x;LDdU$wPY!t)&i95%lr?#^#0%b9Zx2*975!oy}czT2K
z%W_O2<x7^xWNTrjH{-OxzM<>3L2v)sb`6o{b=x#_+cR|8GEm)uI|jW6O?Ij+;_uYa
zltNmyTC69ccv$L=;|dko^IW?S#QLS{=`SVru!HMj<eY>OV>>_}y6iNNe}|ensZ6Sl
zI5}=l;slAKM`ITwQrA`wL#$dwFSR1a?#WsBPI9=<)_0ocyTmG0v)zf1DBULJlCnAU
z^LkGNO`@qrpg)J3BGuZ+M1=xn{k>(+4XySR6C@;grAjY{y^$>V9(XmoRP!dJhnd6_
z&77CbH4c!JN!kH&Dg%*>b!~F=?6B%pj6KqRsVox3;xM#%6|>{vnvt~wIcWs0lmB_C
zl+Nrh`&?`4P|YdXM~Z~A%@-rXAu-Y~`dfFxb*DmbF0wqbKq|c%*n>$1*&StyTWh^s
zjOfu()|WPI!!zyG#d?__&V*ZM8Pm~GI}lVcZ4(Q`rzX*z5JbiqN>|9hF3xg&%=QKT
zuM^sJBMj3Ixvt0t;s{rYg_@&Vtrj32%T(i3l&emy!rECZ@VwBkMRh$TrKGf==K9aj
zms2{Y0;t0btNO;MPWv(v?3c>&l%Q%m6V;I5cmb<FRgHw1mtMjm1*~T1#rc(RqnaDU
z$%_T;Jnq&n=ogzsbX1_<S>!ZAy}`s(cR4dAP`gLQal0)dstAV~mLG?8bxby0-t;zl
zp*#fW5Wr0xR7B3a9FPv}QNoj59P_>D0NJ@#-IkhDaL_-gJm?M$*eG`C#)!J(4(fi2
zvF3#ET(Rd`J%oCKF)9e$Ot#KzYs0r|o>eg-HpeX8#3IKvIfzl^+PWv3I7)0in!Bj2
zQ&;mokj>*@!zLzVRno1TnF(+NYa4~Q$%KN0{3)ziH{6&h2ysx3Mx2LCq^u@oKxVpf
zgUN&rvnenY$*M?-bFE*qPFJOJ)$NMYtn)sZYyFz_QC(NH)K#<m30r28xvom;T0Nq(
z9aMGA#M#J2l6hre^}19pb^g}y98Q3WdKkCM6FL1viJ~=FBxkBz{7cC^HI`hDlS-7C
ziiMRjpPIo@D8W3}aRHN}r@cwhUrdUbO(w~FGih=&rW52}>Y=o;Mh8@iRtF47E;;z<
zQ+j^IP%gjAw`~FxzQ7U$p3A-u?_ZR?dfoQRavO;K6f$z>6Iisxjvd>?n$ob~B+Yh7
zDa!w%U)yYyTss^x4_V?;PsLHO)jC|8baVNgoWF3)g_4cUirxFK+q+gA7|jh`k(2)a
z9r&w{<L65Mf0yz9U%{vUZ#V@n!<XQT@EQ0Z_;3W?0UO|T@LISCPA#Jhya+GA=U@h=
z;UH{=%ivPD0G`3`|9f~EPQsJ$1bha{a1AVni{L_d34i|?co;qlGCuI<@Mmxsw!v1|
z0KW|{;qN~W--GAiS@;Tk8U6x32J+nh4`CAC1|#q)_($aO4R{)qjEsD;k4yrY1TqO^
z638TwNg$IzCV^k01m^mShi_=wesXCkxvrIpptMF=N<nih2>s&f{sDc2Zo+AcI&pYX
z9Kp9lY=jJfaYC;=W9g*MPgN)H_<ws$Xe^4FY6ra4!)XcD>kgz2I;liOETwM~pPK4W
zM^eAMDW$58jt)~2iTv33x|CO|>{DMxJ$Z?Y4s!4;J$8A+t<0h1gq^;-r$bKUnKR)7
zT+67q^n0WWqC(Zl*>zNFKK&~4#^s{eh<dGl+Ub>Ma7-X2ev|gY<a-CSGiEvwS5Jmv
z<&oy4kJi=*Qe>Y~r?Syq3|;>1w!E2P0)3)Tx7?;x)0h6_SeqzIDpx^<c}*QsCm5Ff
zd=-Qf)I~?-&na(TT|m@tk+G~Xt2`+}Po;C&Q3eGp4uzvZDCxTPDPar3DN(b`P$OkM
zc+sG@1Q1)5GEx6{Y-pxBj&D^>DH(O^wA=N|DBbjKr@lg)+-alQ=-Q>ZUaOmHB(B0%
zQkRn$ySWY0GKu<2CJecmNN#dclR7*vS8b#x9cqg^ZCsa?5^d|tJi(;q6&<Cia%x5G
zi+c9U@A=WAZ3aXJvM?Z~V=ckuID}k?Z|_`NZ-lc-G4%DFw9QJ?B|U-E5US9Fnzu$#
z=9K^c5a-PD{<-x3uQz7=JNWTWfb{u~!3RLz^B;xnunh)b0A5<A&;0M>^Zjr$$aDX#
zupE91p2Bax7w&<hP=UQ5&;AGDweY|A>Zjqm@OgLyJ_&cg?QjHcfXhMN-Ir(oKfy;o
z1uw!2(q9L87vOQY1LXPtA=n82gAe}-d<DJ?e+hTNoe;p=;Re_Mm%*iwgYO`l=isw&
z0`7r70T-@@jc_?A8U7lV!R*zU1TqO^638TwNg$KJnM#2DQ1sLNWG~9W2C>7xs{B8`
z+1u4;!1ZXo*45(FN_m>iw&-$gYq3jAUEkdP-Yz$Gw5ODp4xwl(BHhW39!dIsx>gBV
zk-G5Hr7OzCQ6BLkm+2F~W}CTApWQ%<Z?GtVBky?=Fuv@Q-9S^bDy5Lw4Ky5U^$#+!
vYmEji^4~kZ2{+JI7Q~x{Q!%ldIc?0+H_Bw%#`%x+EwyqeR;*ajOX>du;;?hS

diff --git a/assets/js/.main.js.swp b/assets/js/.main.js.swp
deleted file mode 100644
index 602ff6740a91583a9acbd1065c3fd5f6d5e79a3c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 24576
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
AR{#J2

diff --git a/assets/js/perso.js b/assets/js/perso.js
new file mode 100644
index 0000000..5fd69ff
--- /dev/null
+++ b/assets/js/perso.js
@@ -0,0 +1,16 @@
+(function($) {
+
+	$(window).on('load', function() {
+		var $menu = $('#nav');
+
+		var $menu_simple = $("<ul class=\"simple\"></ul>");
+		$menu.children("ul").each(function(index) {
+			$(this).children("li").each(function(index) {
+				$menu_simple.append($(this).clone());
+			});
+		});
+
+		$menu.append($menu_simple);
+	});
+
+})(jQuery);
diff --git a/index.html b/index.html
index cc0541d..c9712dd 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
 								<p>Le fournisseur réseau de l'université Paris-Saclay.</p>
 							</div>
 						</div>
-						<nav>
+						<nav id="nav">
 							<ul class="left">
 								<li><a href="#presentation">Présentation</a></li>
 								<li><a href="#services">Services de l'association</a></li>
@@ -583,6 +583,7 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/perso.js"></script>
 
 	</body>
 </html>