mirror of
https://github.com/Aviortheking/Blog_IMIE.git
synced 2025-04-22 10:52:09 +00:00
pouet
This commit is contained in:
parent
3ecfa1f568
commit
31564554ea
@ -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;
|
||||
|
||||
|
||||
@ -9,8 +9,8 @@
|
||||
<li class="item_nav_imie" ><a>Accès Net-Yparéo</a></li>
|
||||
<li class="item_nav_imie" ><a>IMIE Drones & Data</a></li>
|
||||
<li class="item_nav_imie" ><a>IMIE Numérique</a></li>
|
||||
<li class="item_nav_imie" ><a><img id="twi" src="assets/img/twitter.png"></a></li>
|
||||
<li class="item_nav_imie" ><a><img id="fb" src="assets/img/facebook.png"></a></li>
|
||||
<li class="item_nav_imie" ><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
|
||||
<li class="item_nav_imie" ><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -24,7 +24,7 @@
|
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||||
<ul>
|
||||
<li class="item_nav_blog_logo" ><a><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></a></li>
|
||||
<li class="item_nav_blog_droite_icon"><a><img id="glass" src="assets/img/glass.png"></a></li>
|
||||
<li class="item_nav_blog_droite_icon"><a><tag type="svg" file="mignify" style="color: black; width: 18px; height: 18px"/></a></li>
|
||||
<li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"></li>
|
||||
<li class="item_nav_blog_droite" ><a>DEVOPS</a></li>
|
||||
<li class="item_nav_blog_droite" ><a>OPS</a></li>
|
||||
@ -32,8 +32,8 @@
|
||||
<li class="item_nav_blog_droite" ><a>DEV</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</
|
||||
</div>
|
||||
</div>
|
||||
@ -6,176 +6,133 @@
|
||||
<header>
|
||||
<tag type="includes" file="header" />
|
||||
</header>
|
||||
<main class="test">
|
||||
<div class="container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||||
<div class="bloc_principal">
|
||||
<div class="cover-black">
|
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content-homediv">
|
||||
<div class="bloc_principal_titre">
|
||||
<h1>L'actualité de nos campus...</h1>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 test2">
|
||||
<h2 id="titre-home">Ceci est un magnifique titre</h2>
|
||||
<p class="p-home">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. </p>
|
||||
<div class="bloc-plus" ><p id="info-plus">En savoir plus</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="test container">
|
||||
<div class="bloc_principal">
|
||||
<div class="cover-black">
|
||||
<div class="bloc_principal_titre">
|
||||
<h1>L'actualité de nos campus...</h1>
|
||||
</div>
|
||||
<div class="test2">
|
||||
<h2 id="titre-home">Ceci est un magnifique titre</h2>
|
||||
<p class="p-home">
|
||||
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.
|
||||
</p>
|
||||
<div class="bloc-plus">
|
||||
<p id="info-plus">En savoir plus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||||
<h3 id="titre-between">Articles récents</h3>
|
||||
<h3 id="titre-between">Articles récents</h3>
|
||||
<div class="row articles">
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article dev">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
DEV
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">
|
||||
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
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-dev">
|
||||
<p class="cat-home-name">DEV</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-dev">
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article digi">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
DIGI
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">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
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-digi">
|
||||
<p class="cat-home-name">DIGI</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-digi">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article ops">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
OPS
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">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
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-ops">
|
||||
<p class="cat-home-name">OPS</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-ops">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article ops">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
OPS
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">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
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-ops">
|
||||
<p class="cat-home-name">OPS</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-ops">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article devops">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
DEVOPS
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">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
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-devops">
|
||||
<p class="cat-home-name">DEVOPS</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-devops">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
|
||||
<div class="article-home">
|
||||
<div class="contenue-home">
|
||||
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<div class="cat-home-ops">
|
||||
<p class="cat-home-name">OPS</p>
|
||||
</div>
|
||||
<div class="date-home">
|
||||
<p class="date-home-name">26-06-2018</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="p-home-article">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!</p>
|
||||
</div>
|
||||
<div class="footer-article-home-ops">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article ops">
|
||||
<h4 class="title">Mettre en place un serveur web sous linux</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
OPS
|
||||
</span>
|
||||
<span class="date">
|
||||
26-06-2018
|
||||
</span>
|
||||
</div>
|
||||
<p class="text">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
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -185,5 +142,4 @@
|
||||
</footer>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
<!-- ? -->
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
1
project/assets/img/facebook.svg
Normal file
1
project/assets/img/facebook.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg fill="#fff" aria-hidden="true" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-9" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg>
|
||||
|
After Width: | Height: | Size: 376 B |
Binary file not shown.
|
Before Width: | Height: | Size: 957 B |
1
project/assets/img/mignify.svg
Normal file
1
project/assets/img/mignify.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg aria-hidden="true" data-prefix="fal" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-search fa-w-16 fa-3x"><path fill="currentColor" d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z" class=""></path></svg>
|
||||
|
After Width: | Height: | Size: 556 B |
1
project/assets/img/search-solid.svg
Normal file
1
project/assets/img/search-solid.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg aria-hidden="true" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
|
||||
|
After Width: | Height: | Size: 559 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
1
project/assets/img/twitter.svg
Normal file
1
project/assets/img/twitter.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg aria-hidden="true" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1007 B |
@ -139,11 +139,25 @@ class Includes extends Tag {
|
||||
$doc = $this->getDoc();
|
||||
$attr = $el->getAttribute("file");
|
||||
$t = $doc->createDocumentFragment();
|
||||
// var_dump($attr);
|
||||
// var_dump(file_get_contents("../html/includes/".$attr.".html"));
|
||||
$p = file_get_contents("../html/includes/".$attr.".html");
|
||||
// var_dump($p);
|
||||
appendHTML($el->parentNode, $p);
|
||||
$el->setAttribute("style", $el->getAttribute("style"));
|
||||
}
|
||||
}
|
||||
|
||||
class Svg extends Tag {
|
||||
public function render() {
|
||||
$el = $this->getDOM();
|
||||
$attr = $el->getAttribute("file");
|
||||
$t = $this->getDoc()->createDocumentFragment();
|
||||
$p = file_get_contents("../img/".$attr.".svg");
|
||||
appendHTML($el->parentNode, $p);
|
||||
$el->nextSibling->setAttribute("style", $el->getAttribute("style"));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* input <tag type="loop" for="(table)" limit="(nombre-max généré)">
|
||||
@ -191,7 +205,7 @@ class Loop extends Tag {
|
||||
);
|
||||
|
||||
//if($limit == 0) $limit = count($posts);
|
||||
|
||||
|
||||
$parent = $el->parentNode;
|
||||
//var_dump($parent);
|
||||
for ($i=0; $i < $limit; $i++) {
|
||||
@ -234,35 +248,35 @@ function appendHTML(DOMNode $parent, $source) {
|
||||
//testing purpose
|
||||
//$content = file_get_contents("./test.html");
|
||||
|
||||
|
||||
function loadTags($ctnt, $debug) {
|
||||
$dom = new DOMDocument();
|
||||
libxml_use_internal_errors(true);
|
||||
$dom->loadHTMLFile($ctnt);
|
||||
libxml_clear_errors();
|
||||
$list = $dom->getElementsByTagName("tag");
|
||||
|
||||
$list = $dom->getElementsByTagName("tag");
|
||||
|
||||
$head = $dom->getElementsByTagName("head");
|
||||
$t = $dom->createDocumentFragment();
|
||||
$p = file_get_contents("../html/includes/head.html");
|
||||
$t->appendXML($p);
|
||||
$head->item(0)->appendChild($t);
|
||||
|
||||
for ($i=0; $i < $list->count(); $i++) {
|
||||
$lst = $list->item($i);
|
||||
|
||||
//remove all tag components
|
||||
while($list->length >= 1) {
|
||||
|
||||
$lst = $list->item(0);
|
||||
$tgs = ucfirst($lst->getAttribute("type"));
|
||||
|
||||
// var_dump($tgs);
|
||||
$tg = new $tgs($dom, $lst, $debug);
|
||||
|
||||
$tg->render();
|
||||
}
|
||||
|
||||
|
||||
//remove all tag components
|
||||
while($list->length >= 1 && !$debug) {
|
||||
$list[0]->parentNode->removeChild($list[0]);
|
||||
|
||||
$list[0]->parentNode->removeChild($list[0]);
|
||||
|
||||
$list = $dom->getElementsByTagName("tag");
|
||||
}
|
||||
$res = $dom->saveHTML();
|
||||
echo $res;
|
||||
|
||||
return $res;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user