From 31564554ea3fa72c5c8b8f95b0f567244987ddb6 Mon Sep 17 00:00:00 2001 From: Aviortheking <2bazert@gmail.com> Date: Tue, 18 Dec 2018 15:09:49 +0100 Subject: [PATCH] pouet --- project/assets/css/style.css | 173 +++++++-------- project/assets/html/includes/header.html | 10 +- project/assets/html/index.html | 266 ++++++++++------------- project/assets/img/facebook.png | Bin 1895 -> 0 bytes project/assets/img/facebook.svg | 1 + project/assets/img/glass.png | Bin 957 -> 0 bytes project/assets/img/mignify.svg | 1 + project/assets/img/search-solid.svg | 1 + project/assets/img/twitter.png | Bin 2112 -> 0 bytes project/assets/img/twitter.svg | 1 + project/assets/php/tagHandler.php | 42 ++-- 11 files changed, 229 insertions(+), 266 deletions(-) delete mode 100644 project/assets/img/facebook.png create mode 100644 project/assets/img/facebook.svg delete mode 100644 project/assets/img/glass.png create mode 100644 project/assets/img/mignify.svg create mode 100644 project/assets/img/search-solid.svg delete mode 100644 project/assets/img/twitter.png create mode 100644 project/assets/img/twitter.svg diff --git a/project/assets/css/style.css b/project/assets/css/style.css index 6f8ad71..04614af 100644 --- a/project/assets/css/style.css +++ b/project/assets/css/style.css @@ -54,17 +54,25 @@ table { body{ margin: 0; + background-color: #eee; } .test{ height: 300vh; - background-color: #eeeeee; } .test2{ margin: auto; text-align: center; margin-top: 100px; font-family: 'Open Sans', sans-serif; + padding-left: 2%; + padding-right: 2%; +} +@media only screen and (min-width: 992px) { + .test2 { + padding-right: 10%; + padding-left: 10%; + } } .nav_imie{ height: 40px; @@ -150,116 +158,96 @@ body{ background-color: #fdee5a; } .p-home { - width: 500px; padding-top: 20px; - margin-right: 50px; color: white; line-height: 23px; } -.article-home{ - width: 300px; + +input {outline: none} + +/* ----------------------------------------------------- + * Articles + * ----------------------------------------------------- */ + +.articles > div { + margin-bottom: 75px; +} + +.article { + width: 100%; height: 300px; + padding: 22px 10% 0 10%; background-color: white; - margin: 90px auto auto 20px; box-shadow: 1px 1px 30px 1px lightgrey; font-family: 'Open Sans', sans-serif; + border-bottom: 5px solid black; + border-radius: 5px; } -.articles-home{ - margin: auto; + +.article.dev { + border-bottom-color: #f2d761; } -.contenue-home{ - padding-left: 22px; - padding-top: 22px; - padding-right: 10px; + +.article.digi { + border-bottom-color: #6bb194; } -.cat-home-ops{ - margin-top: 10px; - height: 20px; - width: 50px; + +.article.ops { + border-bottom-color: #64bdea; +} + +.article.devops { + border-bottom-color: #9142b7; +} + +.article .etiquettes { + margin-top: 15px; +} + +.article .date, .article .cat { + padding: 2px 10px; + font-size: 13px; +} + +.article .date { + color: gray; + background-color: #eee; + margin-left: 10px; +} + +.article .cat { + color: white; + font-weight: bold; +} + +.article.ops .cat { background-color: #64bdea; - text-align: center; - display: inline-block; } -.cat-home-dev{ - margin-top: 10px; - height: 20px; - width: 50px; - background-color: #f2d761; - text-align: center; - display: inline-block; + +.article.digi .cat { + background-color: #6bb194; } -.cat-home-digi{ - margin-top: 10px; - height: 20px; - width: 50px; - background-color: #6bb194; - text-align: center; - display: inline-block; + +.article.dev .cat { + background-color: #f2d761; } -.cat-home-devops{ - margin-top: 10px; - height: 20px; - width: 75px; - background-color: #9142b7; - text-align: center; - display: inline-block; + +.article.devops .cat { + background-color: #9142b7; } -.cat-home-name{ - padding-top: 3px; - color: white; + +.article .title { + line-height: 24px; + font-weight: bold; } -.date-home{ - margin-top: 10px; - height: 20px; - width: 100px; - background-color: lightgrey; - text-align: center; - display: inline-block; -} -.date-home-name{ - padding-top: 3px; - color: white; -} -.etiquettes{ - display: block; -} -.p-home-article{ - padding-top: 20px; + +.article .text{ + margin-top: 15px; color:#848484; font-size: 15px; - line-height: 18px; -} -.footer-article-home-digi{ - width:300px; - height: 5px; - background-color: #6bb194; - position: absolute; - bottom: 0; -} -.footer-article-home-dev{ - width:300px; - height: 5px; - background-color: #f2d761; - position: absolute; - bottom: 0; -} -.footer-article-home-ops{ - width:300px; - height: 5px; - background-color: #64bdea; - position: absolute; - bottom: 0; -} -.footer-article-home-devops{ - width:300px; - height: 5px; - background-color: #9142b7; - position: absolute; - bottom: 0; -} -#titre-article-dev{ - font-weight:bold; + line-height: 20px; } + #twi{ height: 18px; width: 18px; @@ -267,7 +255,7 @@ body{ #fb{ height: 18px; - width: 9px; + width: 18px; } #search{ @@ -294,6 +282,7 @@ body{ } #titre-between{ margin-top: 80px; + margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 22px; diff --git a/project/assets/html/includes/header.html b/project/assets/html/includes/header.html index dcd1ba6..fe818e7 100644 --- a/project/assets/html/includes/header.html +++ b/project/assets/html/includes/header.html @@ -9,8 +9,8 @@
  • Accès Net-Yparéo
  • IMIE Drones & Data
  • IMIE Numérique
    • -
    • -
    • +
    • +
    • @@ -24,7 +24,7 @@
    - + - \ No newline at end of file diff --git a/project/assets/html/index.html b/project/assets/html/index.html index ba6fde6..540a3e8 100644 --- a/project/assets/html/index.html +++ b/project/assets/html/index.html @@ -6,176 +6,133 @@
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    L'actualité de nos campus...

    -
    -
    -

    Ceci est un magnifique titre

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit - in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    -

    En savoir plus

    -
    -
    -
    -
    +
    +
    +
    +
    +

    L'actualité de nos campus...

    +
    +
    +

    Ceci est un magnifique titre

    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit + in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

    +
    +

    En savoir plus

    -
    -
    -
    -

    Articles récents

    +

    Articles récents

    +
    +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + DEV + + + 26-06-2018 + +
    +

    + Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    -
    -
    -
    -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    DEV

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    - +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + DIGI + + + 26-06-2018 +
    +

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    DIGI

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    - +
    +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + OPS + + + 26-06-2018 +
    +

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    OPS

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    - +
    +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + OPS + + + 26-06-2018 +
    +

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    OPS

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    - +
    +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + DEVOPS + + + 26-06-2018 +
    +

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    DEVOPS

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    - -
    -
    - -
    -
    -
    -

    Mettre en place un serveur web sous linux

    -
    -
    -

    OPS

    -
    -
    -

    26-06-2018

    -
    -
    -

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, - et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius - post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis - minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!

    -
    -
    -
    +
    +
    +
    +

    Mettre en place un serveur web sous linux

    +
    + + OPS + + + 26-06-2018 +
    +

    Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos, + et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius + post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis +

    @@ -185,5 +142,4 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/project/assets/img/facebook.png b/project/assets/img/facebook.png deleted file mode 100644 index 52c96e5a92ba5022828e1a2b3c68b547947d383c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1895 zcmbVNTWB0r7@j1W#$1SqB513VNmCM%xtzVt&NQ2JvzsDHreeu#nT3T$QMOy8HLQBPmUZ5aWyez1Yhdy{_Z>Eyg;KJ-V zbIy0Z|NAfJpI1jmcC<7;)JRcOi!u}+BV#Lh9%-m2|9|X`yJWb>8hXN^D6ZXmYVt?= zrzonP(v#!vc;Yb`nK=$>ri!_I&LU`v>g~^45KUm0R&iQ4BFyh6PcyWxMVMW|gpjae zIHM2E+IZ*eND|FXAW38T`{>@hObBw=g>*ibH5@q~VT!ymnS0ATLl+_LM1+ZY2I=v{ zC>=9xOb59Ti$EYqixLMy{(vO)&^`f#c_GXLKMO)~K#+Yty8L5^HCs!`WAW`}TjVXm zWL(#hd476&nw$1>rk&=2BuTvB<9$AsAXsO{aABS`oc0Ps96QL?Emt=U+GB*OIq60i zqO{~f&Z^QHPB}~@V0<20Jm3V+r6N#6Rh%_xXN$%)#N#Z^VZ(I@7F4lT#&k_5W8Q|k zx_yfQ652$fYGX|;xm?wR;|@*{H_8E76YV5tEX!+Q4;_wh#F!gH9*)x0J9;%ucg95 z5R;+8_PDK+TM4tPSv^%6VMJ1jK!bkPkHR4~fK4xGBP{`KXvBy3Int4sHP>n{fgWuTG9q~Y?6=MnFC0D z^!47|H1W*4t>1G?6K!n`AN&Lh`!s3K3m1>X_G=v{q^qByt8a&u&3`uZ*0nANt=gME zEN(p9_F?YzrKblUUO8IRsm#50=yKhbZT)|7FMab~XJM&+ckRK;yTIOKwHs@ny4HC7 zuHP2VS#MDf*7I5F-fw@oufP{JZ9w^My!>WIS7GkEE$LIzscqC7^9x;8-QH{B!iCzV z)8~hW57b@nId}2NPrsb~ade+^WxKic%;Z-GR@#*tO)Jee(dPN#6Q8`FPXwYJH!k%) zuhc2?&H2`&V&fMJ%i_ncY<=MCn!e@dn$Ny-<2>1Xd# Os0@z8KN@)U<-Y;7c5I>m diff --git a/project/assets/img/facebook.svg b/project/assets/img/facebook.svg new file mode 100644 index 0000000..66a0e70 --- /dev/null +++ b/project/assets/img/facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/project/assets/img/glass.png b/project/assets/img/glass.png deleted file mode 100644 index e9e53dc1b9ab098e1d136e8eb2574756646ac5e9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 957 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE0wix1Z>k4UEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+10f+@+{-GzZ+Rj;xUkjGiz z5m^kh={g8AI%&+V01C2~c>21sKjPuyRZy6%-c<_J)a~iw7~*k!?iGIzkwl5(AK!mI zw@UGe9Lv$OM_x$0R8-~q!_3OMXu@9wax#|>wfAlY3kQ7ld@ zUMHm*=PmlCFlo9A_8c)uJNoD2!=lv( zO|q1Ar))g?_&|i5!i~c$u19>oA9()8aiLc4CAME$S99~_xmch;C!RcT?pql!+pl@2-3QgX z=?5;Wn;z-@-QRuq0gt|dXyNynokD+BytK=DH*@Rd17GyGG>*q2$=(&joWrJtYx=loDjv5b@-mi1LoH(4S%OwsMNAIglu}+FV4r{oe(O+ zprRqGXYU!8v46jFGjQL#6Jl8BtJahCVO<(oO}Fk_nPN181yDgi+TIR zgim+jszZ;o?yx?KY1q3icuM9L1BEXQX=0P}V;DRda&I}s9zX7`Cv>o|Dp#GEW6dXt zk~{0p$#3U9uQ~Naz_I*v2Bzd+TRdP`(kYX@0FtpG$G}1LR2r)FaGByGtZ39Cq0|QUPqXH-za`RI% z(<*Umu*j)h1Joc1vLQG>t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~ysWA_h-aKbLh* G2~7Zc-HQhR diff --git a/project/assets/img/mignify.svg b/project/assets/img/mignify.svg new file mode 100644 index 0000000..b401da7 --- /dev/null +++ b/project/assets/img/mignify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/project/assets/img/search-solid.svg b/project/assets/img/search-solid.svg new file mode 100644 index 0000000..214a369 --- /dev/null +++ b/project/assets/img/search-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/project/assets/img/twitter.png b/project/assets/img/twitter.png deleted file mode 100644 index 651c33684a82973cef0fec4cec81b03c20ad13a2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2112 zcmbVNeNYr-99}#}5kxI@#2{Ul6hGM8-TPSXRxg7)kV_X3h|oWjz1{bYjl0`zci|4p z57a0}XYwN*%aW-<(#eo!!kUyp$HqQ1a}*O3lhLe1veD5>XTsh+jtd(!r=8i|ci;DU zpWpNQcz?UDFn?ZB!V?Jyf+V@~Tt)CbNx$QV!RKtU={@)wA?Gbp5hQV}e#aqiy`798 z!w|8gOe5_j_PmuPS=k9H z#Jpt+C|;Id!Y`}j?E*IUX>?AQfdm1dacDT;52{Sqfkk*3IM$~L42?jvN(Yvu8$`?4 zLewcK0JR!voTn^SG}CURXtTv`&p=HiWg|!%L78!iW-KIQGNI86gVq$m%M`hCqqg9e z1FO(9nIVW!C}a$ojgsOcD7)QGkS4-p!XW}zYl0dV#)E2FKZ6UXyduh)CLUqScZb84yK4m8ujTlz6lfT#GY_11 zJDr7!jk{=Oq2NIc~DN1g{zz)F!k&QWF_r#VX| zZnIe}xXEs{dc0mc=dpo)wgN?jr;_szWYtv(kde-$X%FQEIG`;gZm~fgJ7=@uw8g{$ z4+-oPXVGgvQcg^ssKP|oL{C#OcriNii)f^R7>?IZh6CgEk^s=3zG-ogcs!Ej=>AXz zfTRzpl0Gx4fDYymu!3cFDCjcXVen)yY5Z`Rv_E z>(}o53TbTF)$6}-k!?#^arv>X>CN#QavT24ajzUr#ve4~8;TD&YS-K;|2&k?Nk7|J zw|L?3o2kUG+g}_?m8TwooilCrvJtloZ8uZviR2rjt8!a|Cik>mRfs12^;avTYGYa=CThBOOG5qd82idGwugN z3g{vZtr@kZ-nYMQ@`bkfoj)gRNiSeq=C0q=GW*Ob%5>^