From a6799108fd331cec075f094529a30e1274182607 Mon Sep 17 00:00:00 2001 From: Carmine De Rosa Date: Sun, 28 Jan 2018 20:52:25 +0100 Subject: [PATCH] add login --- css/styles.css | 52 +++++++++++++++--- index.php | 9 ++- login.php | 14 +++++ .../forms.scssc | Bin 13345 -> 14696 bytes .../global.scssc | Bin 31760 -> 36907 bytes .../header.scssc | Bin 12140 -> 12390 bytes scss/forms.scss | 6 ++ scss/global.scss | 28 ++++++++++ scss/header.scss | 3 +- 9 files changed, 100 insertions(+), 12 deletions(-) create mode 100644 login.php diff --git a/css/styles.css b/css/styles.css index cd45d83..584241b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14621,6 +14621,32 @@ a:hover { right: 10px; } +/* line 150, global.scss */ +.login { + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 100%; + z-index: 200; +} +/* line 158, global.scss */ +.login .head { + background: #bf0f3d; + background-image: url(../images/logo.png); + background-size: 200px; + background-repeat: no-repeat; + background-position: center center; + height: 25vh; + width: 100%; +} +/* line 168, global.scss */ +.login .content { + position: relative; + width: 100%; + height: 75vh; +} + @keyframes pop-up { 0% { transform: scale(0); @@ -14679,8 +14705,15 @@ input[type=password] { text-align: left; box-sizing: border-box; } +/* line 24, forms.scss */ +input[type=text].input-login, +input[type=password].input-login { + border: 1px solid #bf0f3d; + border-radius: 5px; + color: black; +} -/* line 25, forms.scss */ +/* line 31, forms.scss */ input[type=button], input[type=submit], button, @@ -14694,28 +14727,28 @@ button, text-transform: uppercase; color: white; } -/* line 38, forms.scss */ +/* line 44, forms.scss */ input[type=button].big, input[type=submit].big, button.big, .button.big { padding: 10px 25px; } -/* line 42, forms.scss */ +/* line 48, forms.scss */ input[type=button].confirm, input[type=submit].confirm, button.confirm, .button.confirm { background: #bf0f3d; } -/* line 45, forms.scss */ +/* line 51, forms.scss */ input[type=button].discard, input[type=submit].discard, button.discard, .button.discard { background: black; } -/* line 48, forms.scss */ +/* line 54, forms.scss */ input[type=button].dotted, input[type=submit].dotted, button.dotted, @@ -14764,22 +14797,23 @@ header .container .row .menu ul li { color: white; margin: 10px; padding: 7px 0 2px 0; - font-size: 0.625rem; + font-size: 0.75rem; + letter-spacing: 1px; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #2f2f2f; cursor: pointer; transition: .4s; } -/* line 40, header.scss */ +/* line 41, header.scss */ header .container .row .menu ul li a .fa { font-size: 0.875rem; } -/* line 45, header.scss */ +/* line 46, header.scss */ header .container .row .menu ul li.active, header .container .row .menu ul li:hover { border-bottom: 4px solid #bf0f3d; } -/* line 49, header.scss */ +/* line 50, header.scss */ header .container .row .menu ul li.active a:hover, header .container .row .menu ul li:hover a:hover { color: white; } diff --git a/index.php b/index.php index 29e02b0..638168e 100755 --- a/index.php +++ b/index.php @@ -3,7 +3,7 @@ @include 'cgi-bin/functions.inc'; @include 'cgi-bin/params.inc'; - $GLOBALS['getQ'][0]="home"; + $GLOBALS['getQ'][0]="login"; $GLOBALS['isHome'] = true; if(@$_GET['q']){ @@ -34,12 +34,17 @@
diff --git a/login.php b/login.php new file mode 100644 index 0000000..516a60c --- /dev/null +++ b/login.php @@ -0,0 +1,14 @@ + diff --git a/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/forms.scssc b/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/forms.scssc index cdca90e0e96334e21607b1de0b2c5c6e7ad638b4..baf4e33d34136cdc7b8375ed9df01c6541ddda5d 100644 GIT binary patch delta 3304 zcmai1OKclO7-q-drdcO(;&;~euGjB4>u20-y-qxaRuC$nP>O(F@FNLUL*3?~Rw~d3 z2=O?y)qjEmYNZM!xKMHhRB_;fK&=E40*R`epf`k&011hi^=8L*Rw9y}ot^LhzHk1S z|KIhs7k^#997wGcOReSnyxQDXnlGqovsv0#YOa)5iiL7}rK}d!QmdinORXFAoRf2G zpK`A5@prX76WYiz`;t7B$aYSg+}c#ux~rWNa9&Q8Lz*k!txO+jY;062N0!%?TbteW zO68$7a$`huF3HZm2)nlTX>F<#f*XnAA(s};Yhs>`35WjAxRknDV6Qga)r39z?O5GrH0N${NFCG@ z$0y4g=>7ZqS1a7hH+D6`x~}&-9S*tqP;hIEH|R zDDcJ#G5VZ?&;w=gTc@O;Jd!LKJ1^+(sO-?J^^N)_idgn9-;b|YN`U5&3F}bnTe5tdkpST5j z;%I;buLpwt0Rfmtew|B#e}<;K+LB%>d~<7avwOm*k{->)>7cTsOS!3q!TN|1&vrA3 zN%(sDD10Zm`APF$3TlE3o`?*u2`)zo^-bKJ5%?4#AYhE<5b$;d{uF$0Gvel)@O`A= zIKbd(=!OM8P2f%nKZx|>^;^&*&J1nr49%k{GXqb0WlPLRAEqXH9Y>ki44e-Myg`J~ zGYCEiJuGI1gfcxdMsvtO*Dl)#2F9WyY}=>C&&Rfn+0m`G$Wg(r8YWCs++LF)anIWxb9! znU+G2^Qb|F(OYm)dMcV7(#jHc*01O&qF1yPj%n#QvpUS4@-7pn2rsSZQA2?g44jP| z6mvrcas)VG?q?3}L}W`06VHJpdz~LKElM$_YZ+u1eGIE|-Cv+j8KX)@nw?dnL<+Pt zHQs!XP#7tag8tc6CDnnR3r$tdqwCfvL%K+oQm*?;zhR* zIFmjYkB!e66d2t`W|GYoRM^qO=u4J^0vwJVg11u+_%JpB*Ha~K0)9yChiLq9xSn>y z>GU{2JV~x)cu;h4f5DIGobPW7{xYe9+i4e92Am2&D^U!peQ9*GI~%RWdfP~)N>W)> zD1anS)jzuus177h1u0&DT6&DOb~voKd9S(q`{9MG3|ABxu4i2i$<{aVds3L&PlyN@ zqlj&HT2z*nDHf=bMLf!B@J=c~zR9-FkDJ@B^;~PjwSGC+AGHD38jPopiq#zrqj6Mw zhIU5Oy(NZibyY9YN0`AXkd^TU5k^Zk2)YvRM|}-@hTI7-lm=$Jr_Zv*TPIEhFFk|$od5CC9_1=`U9UB-`SfB>~ z<^sMLn~Sp+mINgqL$>?3kK`|L9f|yn(yxIZ4`=mTlGN<3x0lx|5_xBrHo9w_wiH`m oZfgUx%6g;S+1jW`<&$T2W?J1f@;gInt~FZ6d-q=1zFWZPKfi+On*aa+ delta 2516 zcmZuyOKclO7}k!#aduP3so&nU*WR_)@q4|FW5-)H6Iz7&pyE-ERTSp|K2VD^RG=OZ z;#wZ%KcEH)fw*v^C>%H-QPD$B&#ncQFRX6#t>(r`zq3HzcfVL_gy3OK+PM<6Tv zi{j3!KM%f2LOP*LOZ`{3wuTq|_T+iSNja8Pr8W|wgH$g&w3Cx|YG}(7Y)BdS?X>fh zgU{3#bj?m2z-YEIm~k=mDGAr4%#s%_a1du_aKTowVVjQ_G5Sg12zVnaOAb3mKMNrF zYw$xhuIpnCbfOt@>*!O2I(X6x#~m=-VF$l*2NV&66)i3~3K;z+z_r|IH9zJcPmpof zK^~rsX-i%hu1+gbht>b)>Up@J$&$m2(LVybr9Gt<#*_<$hi5Oq(64!7xN-q*_@gr@ zfLyF7%3_IBPSeV# z;bd_sQ6YhR*mVDn`sL4zf@SrKO_h`4XCizT>ksPC80>E_rMHi>Y|wM(B;@MhRp^1|_03^y{$ zcam-H)r9Y>a@S$U=tDOaHCDzJGv;h+7+vLs4Ps#inxzDss5BI7f7rFbrPYT;A*KS1mSjR0sg8z2j|Kf^y?~oK>k0i zhlL05UAZCr;jD!S1RI9h88JJjM~6`Ar|k!snJO(F#(Jk>!J6 zqy>RiOzn-$R*zu#7Sdzg=7r(Td+h5x!NtfxOO_lWj86F2fxVlGsrHzdO~m+A*{~AT zI$jtqMk}I+qdxD0`?Way;txs=Cr0Oe@UWZ?-Q#W3CdDE6Mv2BVBO@5y<|l0q#C9HC P_wAVNcZHo&XA%7m%<4M- diff --git a/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/global.scssc b/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/global.scssc index a15bcd7e93f427232514a83abe2ba114c66159f5..49226ef29383aa9301a5a3dc7703ad4c4c2c5396 100644 GIT binary patch delta 4514 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 bw?>n9ymym{wgA|;^Mxn#JEj8nw1fK(LFAYi diff --git a/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/header.scssc b/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/header.scssc index 6d215ac465cb0167a93a9a558a2346e205a0c3c0..8b36577df4fe7080704726076d094549148c6c7a 100644 GIT binary patch delta 1619 zcmai!O=#0#7{|$5+*muUw%yvKZPLD3+oh#hn|`ESKr@^;Z`)9uBJQIfI*@j_9d>Zc zUDTuU97Ryjt2lb|;%@FRLB}gXqD_1mCo2(rg8LNZ;i7z0dQ1{_m3<-25^3 zm>$lgrEIoXTByoWHkYo>mx>E=p;VsF7Nm4FUzYNfVmVbQ=QqcAM4fJ|qc<+f)kqEO z+s;TmO5bHgxP<$w_1em8T7m?<<8{^6yDms8q%rsmHdOAc5lVGB`Z9j=FTz#iuX#x(%j+&JudefBt!&1hX^;2bwW%&>NqAYs-} zquqry<1TdLTvqP5t>=-22x#YP*DI)K9K_H?NQX1P#_UiFV~3eA3ExB0ln7%EN$ykF zl)|ORFo}x0^`|dGmID!qSdURqgs0&de&k4dBU(cSqumKGLr2HDaf4RwczgHE_C{b0 z`?Gp>6|EtICW;ekyeVFHT17Q;qX;{g_9ojhRdn5qCE*ayQW?0x)8tC5aGf%&$h54; zz*`=Z;2wXiiG<+lP$1b3lB&(6)u#;U+H^V#&xh(UltfGI^k9Dp9 delta 1495 zcmZvcO=uHA6vvqnnzm_8^VK$+WH*^@H{UTI-A&@CY@x*l5u_AEL~B`72#WDg1clbYyh+lLGH)QZK5)o9c#qfs?1V{Oi|%GPZ|ujCjn>exrC=minVFFgf51U~RirJzB6EVuf2k<8H9p)necia&r z;YGA&$7cIthtUgmEYlaeEa!O4)2C&HbvV*A7ALAsWmBSx8K(Ib4UJIA#1mNPdFOUJ zNw#7&Ozee}vIHOHfLn5~6l^Jk#R&XR{BSIL(6lW|F%hFoOkg^;1ba#V$?!zEk0N$D z&C)VYmtiw;5oO_ZvQ%+Vxj>ZyGc-&6oxkof)@iV7cb18LP6t_dA74f}UIEUNQFs<7 zo`93hF?I^ZQxa^Gvud7B|5GW?vcewzl;ZX*4&o-Anl^XRygR}?PT1x>?(SgXyVy~% zvt`UQJ7%uej)`vwvE8x*S68?f9X>1gy5PAT{yx4%T^>4oeW*@|28ZfGxWp>7Xl0mA z)QNk|+Gsv#*n{nBmbh!a(~j?)WPOzYW(X?5{>(M@J287M*GupuXa2pA66-)*NEsf^ zw$!;^uiZ$JdWWZ*Uz^6nRjl*#w z;}(Nuz)0$fTKUhp3g6N>Eq~JZw`Oq=CtggOJ9(5taTHE;hP1nbiH`;hsnKi4#J_~t uVB)A#zJEw{!G9IJ&iLR!zC?rFm(s+~g`nJinl=$yXn)T5F)Hlk*YRIaYF9A; diff --git a/scss/forms.scss b/scss/forms.scss index cf3a4ce..36f4e39 100644 --- a/scss/forms.scss +++ b/scss/forms.scss @@ -20,6 +20,12 @@ input[type=password]{ width: 100%; text-align: left; box-sizing: border-box; + + &.input-login{ + border: 1px solid $red; + border-radius: 5px; + color: black; + } } input[type=button], diff --git a/scss/global.scss b/scss/global.scss index 825f334..dfa44d3 100644 --- a/scss/global.scss +++ b/scss/global.scss @@ -145,6 +145,34 @@ a{ right: 10px; } + + +.login{ + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 100%; + z-index: 200; + + .head{ + background: $red; + background-image: url(../images/logo.png); + background-size: 200px; + background-repeat: no-repeat; + background-position: center center; + height: 25vh; + width: 100%; + } + + .content{ + position: relative; + width: 100%; + height: 75vh; + } +} + + @keyframes pop-up{ 0% {transform: scale(0);} 10% {transform: scale(1);} diff --git a/scss/header.scss b/scss/header.scss index 231ee7c..f036991 100644 --- a/scss/header.scss +++ b/scss/header.scss @@ -29,7 +29,8 @@ header{ color: white; margin: 10px; padding: 7px 0 2px 0; - font-size: $font-10; + font-size: $font-12; + letter-spacing: 1px; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid $dark-grey;