From zero to bare CSS

C'est minimaliste... et moche.
master
Mathieu GROUSSEAU 3 years ago
parent 2633d0c016
commit 3dc80a87f6

@ -14,7 +14,7 @@
</header>
<nav>
<h1>Table des matières</h1>
<h3>Table des matières</h3>
<ol>
<li>
<ol>
@ -33,7 +33,7 @@
</div>
<section id="1">
<h2>Structure de marché, caractéristiques des acteurs externes</h2>
<h2 titlenum="1.1">Structure de marché, caractéristiques des acteurs externes</h2>
<p>Notre entreprise propose ses services à de très nombreuses entreprises et particuliers. Nous ne sommes pas la
première entreprise à se tourner vers ce marché et nous ne serons pas non plus les derniers. Ainsi nous
@ -62,7 +62,7 @@
meilleure prestation pour ces services.</p>
<section id="1-2">
<h3>Acteurs économiques concernés et leurs rôles</h3>
<h3 titlenum="1.2">Acteurs économiques concernés et leurs rôles</h3>
<p>Notre entreprise met en location des véhicules mais ne les produit pas. Nous faisons appel à des
fournisseurs de différents types qui vont nous procurer les véhicules (aussi bien les constructeurs que
@ -79,7 +79,7 @@
</section>
<section id="2">
<h2>Forces et faiblesses</h2>
<h2 titlenum="2">Forces et faiblesses</h2>
<p>Le milieu de la location de véhicules est un milieu complexe. Tout dabord cest un milieu qui dispose
dindéniables forces : les véhicules une fois loués coûtent peu à entretenir et peuvent rapporter beaucoup
@ -102,8 +102,9 @@
longtemps.</p>
<figure>
<figcaption>Voici un SWOT de notre entreprise :</figcaption>
<table>
<figcaption>Un <abbr title="Strengths Weaknesses Opportinities Treats">SWOT</abbr> de notre entreprise :
</figcaption>
<table id="swot">
<tr>
<th id="strengths">Forces</th>
<th id="weaknesses">Faiblesses</th>
@ -192,10 +193,10 @@
</section>
<section id="3">
<h2>Empreinte carbone de lentreprise</h2>
<h2 titlenum="3">Empreinte carbone de lentreprise</h2>
<div>
<h3>Grousseau Mathieu :</h3>
<h3 class="name-title">Grousseau Mathieu :</h3>
<p>Pour pouvoir évaluer notre empreinte carbone nous devons prendre en compte laspect énergétique de
l'entreprise en elle-même : cest-à-dire lénergie que nous consommons pour faire fonctionner
lentreprise comme léclairage mais aussi lénergie que nous consommons pour faire fonctionner nos
@ -212,7 +213,7 @@
</div>
<div>
<h3>Cléo Eiras :</h3>
<h3 class="name-title">Cléo Eiras :</h3>
<p>Étant donné que nous gérons une entreprise de location de voiture, pour juger lempreinte carbone de
notre entreprise nous devons prendre en compte la consommation dessence de chaque véhicule. Il faut
aussi prendre en compte comment nous gérons la fin de vie de nos véhicules dans lempreinte carbone
@ -223,7 +224,7 @@
</div>
<div>
<h3>Mathis DELAGE:</h3>
<h3 class="name-title">Mathis Delage :</h3>
<p>Pour évaluer notre empreinte carbone, nous devons prendre en compte l'impact environnemental de notre
entreprise dans son ensemble avec par exemple l'énergie nécessaire pour maintenir notre site web et nos
bases de données.</p>
@ -236,7 +237,7 @@
</div>
<div>
<h3>Mathis MOULIN:</h3>
<h3 class="name-title">Mathis Moulin :</h3>
<p>Tout d'abord afin de juger l'empreinte carbone mon entreprise je regarderai notre façon de louer nos
véhicules en commençant par compter le nombre de nos véhicules, de quelle manière nous les stockons,
quelle est leurs anciennetés mais aussi leurs empreintes carbones ainsi je pourrais faire une moyenne de
@ -263,7 +264,7 @@
<h2>Les documents de rendu et l'environnement</h2>
<div>
<h3>Grousseau Mathieu :</h3>
<h3 class="name-title">Grousseau Mathieu :</h3>
<p>Les deux modes de rendu cités ont un impact environnemental. En ce qui concerne le format papier, nous
devons prendre en compte que le papier est communément fait à partir de fibres végétales ("pâte de
bois”) qui nécessite des ressources végétales en premier lieu mais aussi dune grande quantité deau.
@ -283,7 +284,7 @@
accessibles, tout en prenant en compte la manière dont est produite lélectricité.</p>
</div>
<div>
<h3>Cléo Eiras :</h3>
<h3 class="name-title">Cléo Eiras :</h3>
<p>Le format papier est un format auquel nous sommes sensibilisés depuis déjà longtemps, en effet depuis
notre enfance nous sommes tous exposés au fait que le papier a un impact sur lenvironnement à travers
la coupe des arbres nécessaires, et couper des arbres a forcément un impact environnemental non
@ -302,7 +303,7 @@
plus gros impact sur lenvironnement.</p>
</div>
<div>
<h3>Mathis DELAGE:</h3>
<h3 class="name-title">Mathis Delage :</h3>
<p>Pour évaluer l'empreinte environnementale d'un dossier numérique et d'une version papier, il faut prendre
en compte plusieurs éléments.</p>
<p>Pour le dossier numérique, il faut considérer l'énergie nécessaire pour produire et utiliser l'appareil
@ -325,7 +326,7 @@
smartphones, etc.) Malgré le fait que nous allons rendre les fichiers source du site web.</p>
</div>
<div>
<h3>Mathis MOULIN:</h3>
<h3 class="name-title">Mathis Moulin :</h3>
<p>Il existe plusieurs modes de rendu tels quun rendu physique sur papier, via le stockage du travail dans
un disque dur externe tel quune simple clé usb ou encore par lenvoie dun mail qui contient le travail
en pièce jointe tous ont leurs avantages et défaut.</p>

@ -0,0 +1,86 @@
html,
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
html {
margin: 0;
padding: 0;
}
body {}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
h2,
h3,
h4,
h5,
h6 {
text-decoration: underline;
}
h2[titlenum]::before,
h3[titlenum]::before,
h4[titlenum]::before,
h5[titlenum]::before,
h6[titlenum]::before {
content: attr(titlenum) " - ";
}
.name-title {
font-weight: normal;
}
section {}
section>h2,
section>h3,
section>h4,
section>h5,
section>h6 {
position: relative;
}
section>p,
section div p {
text-align: justify;
}
#swot {
border-collapse: collapse;
}
#swot th,
#swot td {
width: 50%;
border-style: solid;
border-width: thin;
}
@media (min-width: 900px) {
body {
margin-left: auto;
margin-right: auto;
width: 80%;
}
section {
padding-left: 1rem;
}
section>h2,
section>h3,
section>h4,
section>h5,
section>h6 {
right: 1rem;
}
}