Accueil Explorer Aide
Connexion
exegetes
/
citron
2
0
Fork 0
Fichiers Tickets 3 Pull Requests 0 Wiki
Parcourir la source

ajouter un projet et un dossier, rationaliser la navigatoin

Hugo Roy il y a 8 ans
Parent
c0dcb24947
commit
afc380ad00
5 fichiers modifiés avec 61 ajouts et 28 suppressions
Vue unifiée Afficher les stats Diff
  1. 5 11
      abro-tele2.html
  2. 4 4
      abroretention/index.html
  3. 29 3
      index.html
  4. 1 1
      style.css
  5. 22 9
      style.less

+ 5 - 11
abro-tele2.html
Voir le fichier 

@@ -28,16 +28,16 @@
 
     <div class="éditer">
 
     <div class="éditer">
 
 	<form>
 
 	<form>
 
 	<div class="form-group">
 
 	<div class="form-group">
 
-	    <label for="projetPadPrincipal">Pad principal</label>
 
+	    <label for="projetPadPrincipal">Pad principal:</label>
 
 	    <input type="url" class="form-control" id="projetPadPrincipal" placeholder="https://pad.exegetes.eu.org/" value="https://pad.exegetes.eu.org/group.html/17/pad.html/g.DSXI1kGFT1gjor66$Abro-REP-Tele2-Principal">
 
 	    <input type="url" class="form-control" id="projetPadPrincipal" placeholder="https://pad.exegetes.eu.org/" value="https://pad.exegetes.eu.org/group.html/17/pad.html/g.DSXI1kGFT1gjor66$Abro-REP-Tele2-Principal">
 
 	</div>
 
 	</div>
 
 	<div class="form-group">
 
 	<div class="form-group">
 
-	    <label for="projetPadGarde">Page de garde</label>
 
+	    <label for="projetPadGarde">Page de garde:</label>
 
 	    <input type="url" class="form-control" id="projetPadGarde" placeholder="https://pad.exegetes.eu.org/" value="https://pad.exegetes.eu.org/group.html/17/pad.html/g.DSXI1kGFT1gjor66$Abro-REP-Tele2-Garde">
 
 	    <input type="url" class="form-control" id="projetPadGarde" placeholder="https://pad.exegetes.eu.org/" value="https://pad.exegetes.eu.org/group.html/17/pad.html/g.DSXI1kGFT1gjor66$Abro-REP-Tele2-Garde">
 
 	</div>
 
 	</div>
 
 	<div class="form-group">
 
 	<div class="form-group">
 
-	    <label for="projetPadAutre1">Autre pad</label>
 
-	    <input type="url" class="form-control" id="projetPadAutre1" placeholder="https://pad.exegetes.eu.org/">
 
+	    <label for="projetPadAutre1">Autre pad: <a href="#">Ajouter</a></label>
 
+	    <input type="url" class="form-control hidden" id="projetPadAutre1" placeholder="https://pad.exegetes.eu.org/">
 
 	</div>
 
 	</div>
 
 	<div class="actions"> 
 	<div class="actions"> 
 	    <button type="submit" class="bouton presse">Presser</button>
 
 	    <button type="submit" class="bouton presse">Presser</button>
 
@@ -47,21 +47,15 @@
 
 
 
     <div class="ressources">
 
     <div class="ressources">
 
     <h3>Télécharger</h3>
 
     <h3>Télécharger</h3>
 
-      <a class="pad" href="https://pad.exegetes.eu.org/group.html/17/pad.html/g.DSXI1kGFT1gjor66$Abro-REP-Tele2-Principal">Pad principal</a>
 
       <a class="pdf" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.pdf">PDF</a>
 
       <a class="pdf" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.pdf">PDF</a>
 
       <a class="docx" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.docx">Docx</a>
 
       <a class="docx" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.docx">Docx</a>
 
       <a class="html5" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.html">HTML</a>
 
       <a class="html5" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.html">HTML</a>
 
       <a class="txt" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.txt">Texte</a>
 
       <a class="txt" href="http://citron.exegetes.eu.org/abroretention/abro-tele2.txt">Texte</a>
 
     </div>
 
     </div>
 
-
 
-
 
-    <div class="blanc">
 
-      &nbsp;
 
-    </div>
 
     
     
     <nav class="projets dossiers">
 
     <nav class="projets dossiers">
 
       <span class="heading">Projets</span>
 
       <span class="heading">Projets</span>
 
-      <a href="#" class="ajouter">Nouveau projet</a>
 
+      <a href="#" class="ajouter">Nouveau</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="#">MA REP TES</a>
 
       <a href="#">MA REP TES</a>

+ 4 - 4
abroretention/index.html
Voir le fichier 

@@ -7,8 +7,8 @@
 
     <title>Exégètes - Presse à Citron</title>
 
     <title>Exégètes - Presse à Citron</title>
 
 
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
 
-    <!-- <link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet"> -->
 
-    <link href="style.css" rel="stylesheet">
 
+    <!-- <link href="../bootstrap3/css/bootstrap.min.css" rel="stylesheet"> -->
 
+    <link href="../style.css" rel="stylesheet">
 
 
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
@@ -39,7 +39,7 @@
 
     
     
     <nav class="projets dossiers">
 
     <nav class="projets dossiers">
 
       <span class="heading">Projets</span>
 
       <span class="heading">Projets</span>
 
-      <a href="#" class="ajouter">Nouveau projet</a>
 
+      <a href="#" class="ajouter">Nouveau</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="#">MA REP TES</a>
 
       <a href="#">MA REP TES</a>
 
 
 
@@ -49,6 +49,6 @@
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
     <!-- Include all compiled plugins (below), or include individual files as needed -->
 
     <!-- Include all compiled plugins (below), or include individual files as needed -->
 
-    <script src="bootstrap3/js/bootstrap.min.js"></script>
 
+    <script src="../bootstrap3/js/bootstrap.min.js"></script>
 
   </body>
 
   </body>
 
 </html>
 
 </html>

+ 29 - 3
index.html
Voir le fichier 

@@ -17,12 +17,38 @@
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![endif]-->
 
   </head>
 
   </head>
 
-  <body>
 
+  <body id="index">
 
     <h1>Presse à Citron</h1>
 
     <h1>Presse à Citron</h1>
 
 
 
     <p class="bievenue">
 
     <p class="bievenue">
 
-      Choisis un projet ou bien <a href="#">ajoute un nouveau projet</a> !
 
+      Choisis un projet ou bien <a href="#ajouter">ajoute un nouveau projet</a> !
 
     </p>
 
     </p>
 
+
 
+    <div class="éditer" id="ajouter">
 
+	<form>
 
+	<div class="form-group">
 
+	    <label for="projetNom">Nom du projet:</label>
 
+	    <input type="url" class="form-control" id="projetPadPrincipal" placeholder="Projet de mémoire">
 
+	</div>
 
+	<div class="form-group">
 
+	    <label for="projetId">Identifiant:</label>
 
+	    <input type="url" class="form-control" id="projetPadGarde" placeholder="(automatiquement suggéré en fonction du nom)">
 
+	</div>
 
+	<div class="form-group">
 
+	    <label for="projetDossier">Dossier: <a href="ajout-dossier.html">(Nouveau dossier ?)</a></label>
 
+	    <select name="dossier" id="dossiers" multiple="" class="form-control input-lg select2 select2-offscreen" tabindex="-1">
 
+		<option value="abroretention">Abrogation de la rétention des données</option>
 
+		<option value="tes">Fichier TES</option>
 
+		<option value="orangefail">#OrangeFail</option>
 
+		<option value="prishield">Privacy Shield</option>
 
+	    </select>
 
+	</div>
 
+	<div class="actions"> 
+	    <button type="submit" class="bouton">Ajouter</button>
 
+	</div>
 
+	</form>
 
+    </div>
 
+
 
     <nav class="dossiers">
 
     <nav class="dossiers">
 
     <h2>Liste des dossiers</h2>
 
     <h2>Liste des dossiers</h2>
 
       <a href="abroretention/" class="selectionné">Abrogation de la rétention des données</a>
 
       <a href="abroretention/" class="selectionné">Abrogation de la rétention des données</a>
 
@@ -30,7 +56,7 @@
 
     
     
     <nav class="projets">
 
     <nav class="projets">
 
       <span class="heading">Projets</span>
 
       <span class="heading">Projets</span>
 
-      <a href="#" class="ajouter">Nouveau projet</a>
 
+      <a href="#" class="ajouter">Nouveau</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="abro-tele2.html">MA Abrogation Tele2</a>
 
       <a href="#">MA REP TES</a>
 
       <a href="#">MA REP TES</a>
 
     </nav>
 
     </nav>

Fichier diff supprimé car celui-ci est trop grand
+ 1 - 1
style.css


+ 22 - 9
style.less
Voir le fichier 

@@ -3,6 +3,7 @@
 
 @import "bootstrap3/less/variables.less";
 
 @import "bootstrap3/less/variables.less";
 
 
 
 @violet: #6f5499;
 
 @violet: #6f5499;
 
+@brand-primary:  lighten(@violet,5%);
 
 
 
 nav.projets {
 
 nav.projets {
 
     width: 100%;
 
     width: 100%;
 
@@ -24,6 +25,12 @@ nav.projets {
 
     .heading {
 
     .heading {
 
 	color: #ccc;
 
 	color: #ccc;
 
     }
 
     }
 
+    .vers-index {
 
+	&:before {
 
+	    content: "◂ ";
 
+	    margin-left: -0.8em;
 
+	}
 
+    }
 
 } 
 } 
 
 
 .bouton {
 
 .bouton {
 
@@ -32,7 +39,7 @@ nav.projets {
 
 }
 
 }
 
 
 
 .bouton.presse {
 
 .bouton.presse {
 
-    margin: 3em auto;
 
+    margin: 0.5em auto;
 
 }
 
 }
 
 
 
 .app.titre {
 
 .app.titre {
 
@@ -44,15 +51,20 @@ nav.projets {
 
 }
 
 }
 
 
 
 .ressources {
 
 .ressources {
 
-a {
 
-.pad, .pdf, .docx, .html5, .txt {
 
-            display: inline-block;
 
-            padding: 0.3em;
 
-            background: lighten(@violet,40%);
 
-            border-radius: 4px;
 
-            margin: 0 0 0.3em 0.5em;
 
-}
 
+    a {
 
+	&.pad, &.pdf, &.docx, &.html5, &.txt {
 
+	    display: inline-block;
 
+	    padding: 0.3em;
 
+	    background: lighten(@violet,20%);
 
+	    border-radius: 4px;
 
+	    margin: 0 0 0.3em 0.5em;
 
+	    color: #fff;
 
+	    font-weight: 600;
 
+	}
 
+    }
 
 }
 
 }
 
+
 
+#index {
 
 }
 
 }
 
 
 
 @media (min-width: @screen-md) {
 
 @media (min-width: @screen-md) {
 
@@ -66,3 +78,4 @@ a {
 
 	width: 333px;
 
 	width: 333px;
 
     }
 
     }
 
 }
 
 }
 
+