avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-06-14 02:59:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

aze

Browse Source
This commit is contained in:
Florian Bouillon
2019-02-25 16:51:30 +01:00
parent 208863abed 5ce04b4293
commit 0267049016
6 changed files with 127 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
project/assets/css/style.css
View File

@ -63,10 +63,15 @@ h2{
font-weight: 600;
font-size: 17px;
}
.title-second{
h3{
font-weight: 400;
font-size: 17px;
}
.title-small{
font-weight: 200;
font-size: 15px;
margin-top: 30px;
}
.contenue{
height: 285vh;
}
@ -193,6 +198,7 @@ h2{
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: white;
font-weight: 600;
}
.cover-text {
padding: 0px 90px;
@ -324,6 +330,7 @@ input {outline: none}
background-size: cover;
display: inline-block;
border-radius: 5px;
margin-bottom: 40px;
}
.search{
border-bottom: 5px solid #2ea3f2;
@ -344,13 +351,13 @@ input {outline: none}
}
.name{
margin-bottom: 6px;
font-weight: 600;
}
.job{
font-size: 12px;
}
.bloc-filter{
width: 25%;
height: 500px;
margin-top: 70px;
background-color: white;
background-size: cover;
@ -374,12 +381,12 @@ input {outline: none}
font-family: 'Open Sans', sans-serif;
width: 100%;
height: 220px;
background-color: #190034;
background-color: #1c1c1c;
font-weight: bold;
}
.upFooter{
height: 160px;
background-color: #26004a;
background-color: #150032;
text-align: center;
}
.lowFooter{
@ -403,10 +410,10 @@ input {outline: none}
padding:0;
}
.contenue-recent{
box-shadow: 1px 1px 30px 1px lightgrey;
padding: 14px;
background-color: white;
display: inline-block;
margin-top: 20px;
}
.next{
float : right;
@ -431,24 +438,38 @@ input {outline: none}
.devops-color{
background-color: #ff1c4a;
}
.bloc-recent{
width: 69%;
float: left;
}
.titre-recent{
padding-left:8px;
float: left;
color: #848484;
}
.tag{
color: white;
background-color: #cccccc;
text-transform: uppercase;
display: inline-block;
font-size: 14px;
padding: 7px 12px;
border-radius: 18px;
margin-top: 12px;
}
.icon-recent{
padding-right: 18px;
padding-right: 16px;
float: right;
}
.phraseFooter{
font-size: 18px;
font-size: 17px;
padding-top:10px;
color: white;
font-weight: 400;
}
#twi{
@ -484,7 +505,7 @@ input {outline: none}
font-weight: bold;
}
#titre-between{
margin-top: 80px;
margin-top: 130px;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 22px;

4
project/assets/html/includes/footer.html
View File

@ -4,8 +4,8 @@
<div class="fullFooter">
<div class="upFooter">
<ul>
<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
<li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 23px; height: 23px"/></a></li>
<li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 23px; height: 23px"/></a></li>
</ul>
<p class="phraseFooter">Suivez-nous sur les réseaux</p>
</div>

2
project/assets/html/index.html
View File

@ -12,7 +12,7 @@
<div class="bloc_principal">
<div class="cover-black">
<div class="bloc_principal_titre">
<h1>L'actualitée de nos campus...</h1>
<h1>LE BLOG DES APPRENANTS</h1>
</div>
<div class="cover-text">
<h2 id="titre-home">Ceci est un magnifique titre</h2>

87
project/assets/html/post.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
@ -24,15 +25,25 @@
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="credit">
<h3>Auteur</h3>
<div class="author">
<a><tag type="svg" file="avatar" style="color: white; height: 64px"/></a>
<div class="by">
<h3 class="name">Adrien Huchet</h3>
<h3 class="job">Apprenant IT START</h3>
</div>
</div>
<p class="post 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
<br>
<br>
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="credit">
<h3>Auteur</h3>
<div class="author">
<a>
<tag type="svg" file="avatar" style="color: white; height: 64px" /></a>
<div class="by">
<h3 class="name">Adrien Huchet</h3>
<h3 class="job">Apprenant IT START</h3>
</div>
</div>
</div>
@ -43,28 +54,46 @@
<div class="filtre ops-color">ops</div>
<div class="filtre devops-color">devops</div>
</div>
</div>
<div class="contenue-recent previous">Précédent</div>
<div class="contenue-recent next">Suivant</div>
<div class="bloc-filter">
<h3>Plus d'articles</h3>
<p class="title-small">Catégories</p>
<div class="filtre dev-color">dev</div>
<div class="filtre digi-color">digi</div>
<div class="filtre ops-color">ops</div>
<div class="filtre devops-color">devops</div>
<p class="title-small">Tags</p>
<div class="tag">html</div>
<div class="tag">js</div>
<div class="tag">css</div>
<div class="tag">html</div>
<div class="tag">php</div>
</div>
<h3 id="titre-between">Dans le même thème</h3>
<div class="row articles">
<tag type="loop" for="posts" limit="6">
<div class="col-12 col-md-6 col-lg-4">
<div class="article column-categorie">
<h4 class="title">
<loop column="title" />
</h4>
<div class="etiquettes">
<span class="cat">
<loop column="categorie" />
</span>
<span class="date">
<loop column="date" />
</span>
</div>
<div class="text">
<loop column="content" />
<div class="bloc-recent">
<div class="contenue-recent">Article précédent</div>
<div class="contenue-recent next">Article suivant</div>
</div>
<h3 id="titre-between">Dans le même thème</h3>
<div class="row articles">
<tag type="loop" for="posts" limit="6">
<div class="col-12 col-md-6 col-lg-4">
<div class="article column-categorie">
<h4 class="title">
<loop column="title" />
</h4>
<div class="etiquettes">
<span class="cat">
<loop column="categorie" />
</span>
<span class="date">
<loop column="date" />
</span>
</div>
<div class="text">
<loop column="content" />
</p>
</div>
</div>

25
project/assets/html/search.html
View File

@ -1,7 +1,9 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<header>
<tag type="includes" file="header" />
@ -13,7 +15,7 @@
<p>r<EFBFBD>cent</p>
</div>
<div class="icon-recent">
<tag type="svg" file="arrow" style="color: #848484; width: 18px; height: 18px"/>
<tag type="svg" file="arrow" style="color: #848484; width: 18px; height: 18px" />
</div>
</div>
</div>
@ -21,19 +23,24 @@
<div class="bloc-post search">
<div class="container-post post ops">
<h2 class="title">Mettre en place un serveur web sous linux</h2>
<div class="etiquettes">
<span class="cat">OPS</span>
<span class="date">26-06-2018</span>
</div>
<div class="etiquettes">
<span class="cat">OPS</span>
<span class="date">26-06-2018</span>
</div>
<p class="post 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
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="bloc-filter">
</div>
</main>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</main>
<footer>
<tag type="includes" file="footer" />
</footer>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>
</html>