lilian.breton
/
PHP_Project
generated from Templates_CodeFirst/templateHtmlCss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tout miteux le php

Browse Source
main
Lilian BRETON 2 years ago
parent bba463a102
commit 04d2de0e4b
5 changed files with 94 additions and 31 deletions
Show Stats Download Patch File Download Diff File

34
Style/add.css
Unescape View File

@ -1,18 +1,25 @@
* { box-sizing:border-box; } * { box-sizing:border-box; }
/* basic stylings ------------------------------------------ */ /* basic stylings ------------------------------------------ */
body { background:url(https://scotch.io/wp-content/uploads/2014/07/61.jpg); } body {
background:url(https://scotch.io/wp-content/uploads/2014/07/61.jpg);
display: flex;
}
.container { .container {
font-family:'Roboto'; font-family:'Roboto';
width:600px; width:600px;
margin:30px auto 0;
display:block; display:block;
background:#FFF; background: #818181;
padding:10px 50px 50px; padding:10px 0px 50px;
margin-top: 45px;
height: 400px;
} }
h2 { h2 {
text-align:center; text-align:center;
text-decoration:overline underline;
margin-bottom:50px; margin-bottom:50px;
background: lightgray;
width: 100%;
} }
h2 small { h2 small {
font-weight:normal; font-weight:normal;
@ -25,7 +32,7 @@ h2 small {
/* form starting stylings ------------------------------- */ /* form starting stylings ------------------------------- */
.group { .group {
position:relative; position:relative;
margin-bottom:45px; margin-bottom:2px;
} }
input { input {
font-size:18px; font-size:18px;
@ -42,10 +49,10 @@ label {
color:#999; color:#999;
font-size:18px; font-size:18px;
font-weight:normal; font-weight:normal;
position:absolute; position:relative;
pointer-events:none; pointer-events:none;
left:5px; left:5px;
top:10px; bottom:35px;
transition:0.2s ease all; transition:0.2s ease all;
-moz-transition:0.2s ease all; -moz-transition:0.2s ease all;
-webkit-transition:0.2s ease all; -webkit-transition:0.2s ease all;
@ -65,7 +72,6 @@ input:focus ~ label, input:valid ~ label {
height:2px; height:2px;
width:0; width:0;
bottom:1px; bottom:1px;
position:absolute;
background:#5264AE; background:#5264AE;
transition:0.2s ease all; transition:0.2s ease all;
-moz-transition:0.2s ease all; -moz-transition:0.2s ease all;
@ -85,7 +91,6 @@ input:focus ~ .bar:before, input:focus ~ .bar:after {
/* HIGHLIGHTER ================================== */ /* HIGHLIGHTER ================================== */
.highlight { .highlight {
position:absolute;
height:60%; height:60%;
width:100px; width:100px;
top:25%; top:25%;
@ -114,3 +119,14 @@ input:focus ~ .highlight {
from { background:#5264AE; } from { background:#5264AE; }
to { width:0; background:transparent; } to { width:0; background:transparent; }
} }
.check{
display: flex;
flex-direction: row;
margin-bottom: 50px;
}
form{
margin-left: 20%;
}

11
Vues/addList.php
Unescape View File

@ -16,17 +16,20 @@
<form> <form>
<div class="group"> <div class="group">
<input type="text" required> <input type="text" name="name" required>
<span class="highlight"></span> <span class="highlight"></span>
<span class="bar"></span> <span class="bar"></span>
<label>Nom de la liste</label> <label>Nom de la liste</label>
</div> </div>
</form>
<p>Privée ?</p>
<input type="checkbox"></input> <div class="check">
<text>Private</text>
<input type="checkbox" name="prv"></input>
</div>
<input type="submit"/> <input type="submit"/>
</form>
</div> </div>

29
Vues/addListVis.php
Unescape View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Ajouter une Liste</title>
<link rel="stylesheet" href="Style/bootstrap.css">
<link rel="stylesheet" href="Style/add.css">
</head>
<body>
<div class="container">
<h2>Ajouter une liste</h2>
<form>
<div class="group">
<input type="text" name="name" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Nom de la liste</label>
</div>
<input type="submit"/>
</form>
</div>
</body>

41
Vues/addTask.php
Unescape View File

@ -3,22 +3,41 @@
<head> <head>
<title>Ajouter une Tache</title> <title>Ajouter une Tache</title>
<link rel="stylesheet" href="Style/bootstrap.css"> <link rel="stylesheet" href="Style/bootstrap.css">
<link rel="stylesheet" href="Style/mycoolstyle.css"> <link rel="stylesheet" href="Style/add.css">
</head> </head>
<body> <body>
<ul class="navbar">
<li><button onclick="location.href='addList.php'" type="button" class="addList">Ajouter une Liste</button>
<li><button onclick="location.href='addTask.php'" type="button" class="addTask">Ajouter une Tache</button>
</ul>
<h1>Ajouter</h1> <div class="container">
<h2>Ajouter une tâche</h2>
<form>
<div class="group">
<input type="text" name="name" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Nom de la tâche</label>
</div>
<div class="group">
<input type="text" name="content" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Content</label>
</div>
<div class="check">
<text>Complete</text>
<input type="checkbox" name="cpl"></input>
</div>
<input type="submit"/>
</form>
</div>
<input type="text" id="name" name="name" placeholder="name">
<br>
<input type="text" id="content" name="content" placeholder="content">
<br>
<button class="valider" onclick="location.href='page.php'">Valider</button>
</body> </body>

6
index.php
Unescape View File

@ -8,11 +8,7 @@ require_once('config/Autoload.php');
Autoload::charger(); Autoload::charger();
try{ try{
<<<<<<< HEAD require("Vues/addTask.php");
require("Vues/addList.php");
=======
require("Vues/seeList.php");
>>>>>>> 8f5dee78cf31ad84f11609ae697d53e070945147
} }
catch( PDOException $Exception ) { catch( PDOException $Exception ) {
echo 'erreur'; echo 'erreur';

Write Preview
Loading…
Cancel
Save