Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
No results found
Show changes
Commits on Source (10)
Hide whitespace changes
Inline Side-by-side
Showing
with 1082 additions and 37 deletions
.htaccess 0 → 100755
View file @ e9c74df8
php_flag display_errors on
README.md
View file @ e9c74df8
# Programmation Web 2 - L2S4 - 2020
## Utilisation du projet
index.php ---->>> Il y a un block de recherche et la liste des
annonces. Si on clicke sur Open dans l annonce
qu on veut ouvrir , on se dirige a la page "post.php"
* Faire un "fork" du projet dans votre Gitlab universitaire ;
* Ajouter votre formateur TP aux "Developer" de votre projet ;
* Faire un "clone" de votre projet dans :
* Si vous êtes sur votre machine :
* `/var/www/html/` si vous êtes sur Linux
* Dans votre répertoire WAMP (Windows) ou XAMP (Mac) dans le dossier `www`
* Si vous êtes sur une machine de la fac : `/var/www/html/<dossier à votre nom>/`
* Faire un `chmod -R 777` sur le dossier copier (pour l'utilisation de la base de données).
* Ne travailler que dans le dossier indiqué ci-dessus !
post.php ------>>> Le detail de l' annonce
## Rappel des consignes pour les TP
createPost ------>>> La forme pour creer une annonce
* Il vous sera demandé d'utiliser les langages suivants :
* HTML pour la structure
* CSS pour le style
* Javascript en langage de front
* PHP en langage serveur
* N.B. : il est **obligatoire** d'utiliser **tous** les langages dans votre projet !
* Pour la gestion de GIT :
* Faire **obligatoirement** un `commit` le jour du TP ;
* Faire un `commit` la veille du TP suivant (attention, les aléas de certains emploi du temps font que vous n'avez pas toujours une semaine complète entre deux TP !) ;
* Ne pas oublier de `push` le projet après chaque `commit` !
* N.B. : Pour ceux qui ont l'habitudes de faire des `commit` atomiques (plein de petits `commit`), mettre un moyen visuel pour nous, pour que nous puissions repérer chaque "`commit` de fin" = `commit` demandés ci-dessus.
* Le projet est **personnel**.
* L'utilisation d'un CMS (Wordpress, Webflow, Joomla, Drupal...) est **interdite** !
* L'utilisation d'un framework est tolérée (il doit obligatoirement être basé sur PHP). N.B. :
* Même si vous utilisez un framework, les consignes de notations seront identiques !
* La logique de développement sera du coup parfois très différente de ce qu'on fait habituellement avec un framework !
* L'utilisation de certaines librairies ou bundles sera parfois interdite, elle le sera également dans les frameworks !
* Pour la gestion des données, utilisation obligatoire de `SQLite` avec comme fichier de base de données `database.db`
## Structure du projet
* Dossier `assets` : y mettre les fichiers `*.js`, `*.css`, `*.php` et toutes les images, dans dossiers consacrés.
* Dossier `templates` : y mettre tous les fichiers communs à toutes les pages (navbar, footer...).
* Page d'accueil = `index.php`
* Pour les autres pages, les organiser en fonction des urls voulues.
signUp/signIn ---->> Pour creer un compte ou se connecter a
ton compte
assets/css/createPost.css 0 → 100755
View file @ e9c74df8
.post div {
background: #384047;
font-family: sans-serif;
font-size: 10px;
}
.post form {
background: #fff;
padding: 4em 10em 2em;
max-width: 70%;
margin: 60px 100px 20px 0;
box-shadow: 0 0 1em #222;
border-radius: 2px;
margin-left: 200px;
}
.post h2 {
margin:0 0 50px 0;
padding:10px;
text-align:center;
font-size:20px;
color:darken(#e5e5e5, 50%);
border-bottom:solid 1px #e5e5e5;
}
.post p {
margin: 0 0 3em 0;
display: flex;
flex-direction: column;
}
.post input ,textarea{
display: block;
box-sizing: border-box;
width: 100%;
outline: none;
margin:0;
resize:none;
}
.post textarea{
height: 200px;
}
.post input[type="text"] {
background: #fff;
border: 1px solid #dbdbdb;
font-size: 1.6em;
padding: 1em ;
border-radius: 2px;
}
.post input[type="text"]:focus
{
border:1px solid #2F4F4F;
}
.post button {
border-radius: 2px;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 2em;
line-height: 1.6em;
margin-top: 20px;
margin-left: 30%;
outline: none;
padding: .8em 0;
text-shadow: 0 1px #68B25B;
max-width: 40%;
}
.post button:hover {
background: #2F4F4F;
text-shadow:0 1px 3px darken($button, 30%);
}
.post label{
color: #999;
font-size: 16px;
display: inline-block;
padding: 4px 10px;
font-weight: 400;
}
.post .plabel{
top: -30px;
background-color: rgba(255,255,255,0.8);
font-size: 14px;
}
assets/css/index.css 0 → 100755
View file @ e9c74df8
body{
background-color: lightblue;
background-repeat: no-repeat;
margin: 0;
}
*{
box-sizing: border-box;
}
.accueil div{
background-color: #FFE4C4;
background-repeat:no-repeat;
border: 5px solid white;
}
.rech {
height: 180px;
max-width: 50% ;
padding: 10px;
margin: 80px ;
margin-left: 300px;
}
.accueil p{
font-style: oblique;
font-size: 20px;
font-weight: 600;
}
.accueil input[type=text] {
width: 100%;
box-sizing: border-box;
border: 1px solid lightblue;
border-radius: 20px;
display: inline-block;
font-size: 15px;
background-color: #F0F8FF;
background-image:url('images/search.png');
background-position: 12px 12px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
}
.accueil input[type=text]:focus{
border: 3px solid #2F4F4F;
outline: none;
}
.accueil input[type=submit]{
background-color: #B22222;
color: #00FFFF;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
margin-top:10px;
float: right;
}
.accueil input[type=submit]:hover{
background-color: #DC143C;
}
.accueil h1{
margin-bottom: 0px;
}
.grid-container {
display: grid;
grid-template-columns: 400px 400px 400px ;
grid-template-rows: 400px 400px 400px;
grid-gap: 10px;
background-color: lightblue;
padding: 5px;
margin-top: 6%;
margin-left: 100px;
}
.grid-container article {
background-color: #FFE4C4;
}
.grid-container p{
text-align: left;
font-style: normal;
}
.grid-container h3{
padding-bottom: 20px;
border-bottom: 1px solid #2F4F4F
}
.grid-container h2 {
text-align: center;
padding-top:0px;
margin-top: 0px;
font-size: 30px;
}
.annonces h4{
border-bottom: 1px solid #2F4F4F;
font-style: italic;
padding-bottom: 20px;
}
#pmiddle {
border-radius: 10px;
border:3px solid white;
max-width: 160px;
text-align: center;
background: white;
margin-left: 600px;
margin-top: 200px;
margin-bottom: 30px;
}
.grid-container a {
display: block;
box-sizing: border-box;
width: 25%;
float:right;
background: red;
border: 1px solid #dbdbdb;
font-size: 1.6em;
padding: .2em .2em;
border-radius: 2px;
text-align: center;
margin-right: 2px;
position: relative;
bottom: -200px;
}
.grid-container a:hover{
background: #2F4F4F;
}
.grid-container a:active{
color:yellow;
}
assets/css/nav.css 0 → 100755
View file @ e9c74df8
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
padding: 30px;
}
nav{
position: fixed;
top: 0px;
overflow: hidden;
width: 100%;
background-color: #2F4F4F;
z-index : 10;
}
a{
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
a:hover{
background: #008080;
color: white;
}
assets/css/post.css 0 → 100755
View file @ e9c74df8
.container-post {
height: 800px;
max-width: 800px;
margin: 100px 20%;
background: white;
}
.container-post h2{
text-align: center;
padding-top:0px;
margin-top: 0px;
font-size: 30px;
}
.container-post h3{
padding-bottom: 20px;
border-bottom: 1px solid #2F4F4F
}
.container-post h4{
border-bottom: 1px solid #2F4F4F;
font-style: italic;
padding-bottom: 20px;
}
.container-post p{
text-align: left;
font-style: normal;
font-size: 20px;
padding: 20px 30px;
}
assets/css/signUp.css 0 → 100755
View file @ e9c74df8
#page div{
margin:0px;
}
*{
box-sizing: border-box;
}
.account{
float:left;
margin:auto;
}
.account.side{
width:600px;
padding: 0px;
margin:10px;
}
.account.middle{
width: 10%
padding: 10px;
}
.row:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 600px) {
.account.side, .account.middle {
width: 100%;
}
}
.account.side div {
background: #384047;
font-family: sans-serif;
font-size: 10px;
}
.right form{
padding: 6em 6em 4em;
}
.account.side form {
background: #fff;
padding: 4em 4em 2em;
margin: 60px 100px 20px 0;
box-shadow: 0 0 1em #222;
border-radius: 2px;
margin-left: 50px;
}
.account.side h2 {
margin:0 0 50px 0;
padding:10px;
text-align:center;
font-size:20px;
color:darken(#e5e5e5, 50%);
border-bottom:solid 1px #e5e5e5;
}
.account.side p {
margin: 0 0 3em 0;
position: relative;
}
.account.side input {
display: block;
box-sizing: border-box;
width: 100%;
outline: none;
margin:0;
}
.account.side input[type="text"],
input[type="password"] {
background: #fff;
border: 1px solid #dbdbdb;
font-size: 1.6em;
padding: 1.5em .5em .10em ;
border-radius: 2px;
}
.account.side input[type="text"]:focus,
input[type="password"]:focus {
background-color: #F0FFFF;
}
.account.side input[type="submit"] {
background: $button;
box-shadow: 0 3px 0 0 darken($button, 10%);
border-radius: 2px;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 2em;
line-height: 1.6em;
margin: 2em 0 0;
outline: none;
padding: .8em 0;
text-shadow: 0 1px #68B25B;
}
.account.side input[type="submit"]:hover {
background: #2F4F4F;
text-shadow:0 1px 3px darken($button, 30%);
}
.account.side label{
position: absolute;
left: 8px;
top: 10px;
color: #999;
font-size: 16px;
display: inline-block;
padding: 4px 10px;
font-weight: 400;
}
.account.side .floatLabel{
top: 10px;
background-color: rgba(255,255,255,0.8);
font-size: 14px;
}
.account.middle p{
height: 80px;
border: 1px solid black;
padding: 0.2em 1.2em 1.5em 2em;
background: #fff;
border-radius: 5px;
font-size: 20px;
margin-top: 100%;
}
assets/js/createPost.js 0 → 100755
View file @ e9c74df8
console.log(document.querySelector('#createPost'))
document.querySelector('#createPost button')
.addEventListener('click',function (event) {
event.preventDefault()
console.log('Prevent')
let nam = document.getElementById('fname');
let suj = document.getElementById('sujet');
let des = document.getElementById('description');
let isValidSujet = true,
isValidFname = true,
isValidDes = true;
// if forms are NULL
try {
if (nam.value == '') throw "You didnt add a name";
if (suj.value == '') throw "You didnt add a subject name";
if (des.value == '') throw "You didnt add a Description";
}
catch(err) {
alert(err);
}
// Test of length
if (nam.value.length > 20) {
console.log('Trop long');
nam.style.borderColor="red";
isValidFname = false;
document.getElementById("p2").innerHTML +=
"20 char MAX.";
}
if (suj.value.length > 30) {
console.log('Sujet Trop long');
suj.style.borderColor="red";
isValidSujet = false;
document.getElementById("p1").innerHTML +=
"30 char MAX.";
}
if (des.value.length > 300) {
console.log('Sujet Trop long');
suj.style.borderColor="red";
isValidDes = false;
document.getElementById("p3").innerHTML +=
"300 char MAX.";
}
if ((isValidSujet) && (isValidFname) && (isValidSujet))
{
document.getElementById('createPost').submit();
}
});
assets/php/post.php 0 → 100755
View file @ e9c74df8
<?php
class Post extends Dbh {
public function getAllPosts() {
$stmt = $this->connect()->query("SELECT * FROM posts");
while ($row = $stmt->fetch()) {
$uid = $row['uid'];
return $uid;
}
}
public function getPostsWithCountCheck(){
$id = 1;
$uid = "John";
$stmt = $this->connect()->prepare("SELECT * FROM posts WHERE id=? AND uid=?");
$stmt->execute([$id,$uid]);
if($stmt->rowCount()) {
while($row = $stmt->fetch()){
return $row['uid'];
}
}
}
}
?>
createPost.php 0 → 100755
View file @ e9c74df8
<?php include "templates/header.php" ?>
<div class="post">
<form id="createPost" action="" method = "post">
<h2> Create a Post</h2>
<p id="p1">
<label for="sujet" class="plabel">Le nom du sujet:</label>
<input type="text" id="sujet" name="sujet">
</p>
<p id="p2">
<label for="Fname" class="plabel">Your First name :</label>
<input type="text" id="fname" name="fname" >
</p>
<p id="p3">
<label for="Description" class="plabel">Description:</label>
<textarea id="description" name="description" placeholder="Write here ..." ></textarea>
</p>
<p>
<button type="submit" > Submit</button>
</p>
</form>
</div>
<script src="assets/js/createPost.js"></script>
</body>
</html>
database.db
View file @ e9c74df8
No preview for this file type
dbconnection.php 0 → 100755
View file @ e9c74df8
<?php
// connect
try {
$dsn = "sqlite:". dirname(__FILE__) . '/database.db';
$pdo = new PDO($dsn);
$pdo ->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
// Creation de la table
try {
var_dump("creation");
$sql = " CREATE TABLE IF NOT EXISTS posts (
id INTEGER AUTO_INCREMENT PRIMARY KEY,
sujet VARCHAR(30) NOT NULL,
f_name VARCHAR(20) NOT NULL,
description TEXT NOT NULL)" ;
$pdo->query($sql);
var_dump("Table created successfully.");
} catch (PDOException $e) {
var_dump( "ERROR: Could not able to execute $sql " . $e->getMessage());
}
// insert
$sujet = ($_POST['sujet']);
$f_name = htmlspecialchars($_POST['fname']);
$description = htmlspecialchars($_POST['description']);
// Insertion des elements
try{
$stmt = $pdo->prepare("INSERT INTO posts (sujet, f_name, description) VALUES (:sujet, :f_name, :description);");
$stmt ->bindValue(':sujet',$sujet);
var_dump($sujet);
$stmt ->bindValue(':f_name',$f_name);
var_dump($f_name);
$stmt ->bindValue(':description',$description);
var_dump($description);
$stmt->execute();
var_dump("Records inserted successfully.");
} catch(PDOException $e){
var_dump("ERROR: Could not able to execute : " . $e->getMessage());
}
?>
description.odt 0 → 100755
View file @ e9c74df8
File added
index.php
View file @ e9c74df8
<?php include "templates/header.php" ?>
<div class="accueil">
<div class="rech">
<p> Recherche des annonces: </p>
<form class="search">
<input type="text" name="search"
placeholder="Cherche...">
<input type="submit" value="Cherche">
</form>
</div>
</div>
<h1 id="pmiddle"> The posts </h1>
<section class="grid-container">
<?php
$post = $pdo -> query (" SELECT * FROM posts");
while ($row = $post->fetch()) {
echo "<article>";
echo "<h2>". $row['sujet']."</h2>" ;
echo "<h3>"."Created by : " . $row['f_name']."</h3>";
echo "<p>".$row['description']."</p>";
echo "<a href='post.php'>Open</a>";
echo "</article>";
}
?>
</section>
<?php include "templates/footer.php" ?>
</body>
</html>
post.php 0 → 100755
View file @ e9c74df8
<?php include "templates/header.php" ?>
<body>
<div class="container-post">
<h2> Le titre du sujet</h2>
<h3> L auteur </h3>
<h4> La date de creation</h4>
<p> La description..........sdfgsjfgk asfg<br>
jksdfhkjsdfkjsdkfskjdhfkjshdkfjlhshdf<br>
sdskdjhfgkjsdhfkjhskdjfhkjshdfkjhbskdfjb<br>
sjdklfhbkjsdbfkjsdkfhskdhfkjshf<br>
</p>
</div>
</body>
</html>
signUp.php 0 → 100755
View file @ e9c74df8
<?php include "templates/header.php" ?>
<body>
<div class="row">
<div class="account side">
<form action="#" method="post">
<h2>Sign Up</h2>
<p>
<label for="Fname" class="floatLabel">First name</label>
<input id="Fname" name="Fname" type="text">
</p>
<p>
<label for="Lname" class="floatLabel">Last name</label>
<input id="Lname" name="Lname" type="text">
</p>
<p>
<label for="Email" class="floatLabel">Email</label>
<input id="Email" name="Email" type="text">
</p>
<p>
<label for="password" class="floatLabel">Password</label>
<input id="password" name="password" type="password">
</p>
<p>
<label for="confirm_password" class="floatLabel">Confirm Password</label>
<input id="confirm_password" name="confirm_password" type="password">
</p>
<p>
<select id="country" name="country">
<option value="Afganistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua & Barbuda">Antigua & Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bonaire">Bonaire</option>
<option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Canary Islands">Canary Islands</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Channel Islands">Channel Islands</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Island">Cocos Island</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote DIvoire">Cote DIvoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaco">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Ter">French Southern Ter</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Great Britain">Great Britain</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Hawaii">Hawaii</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="Indonesia">Indonesia</option>
<option value="India">India</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea North">Korea North</option>
<option value="Korea Sout">Korea South</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Laos">Laos</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia</option>
<option value="Madagascar">Madagascar</option>
<option value="Malaysia">Malaysia</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Midway Islands">Midway Islands</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Nambia">Nambia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherland Antilles">Netherland Antilles</option>
<option value="Netherlands">Netherlands (Holland, Europe)</option>
<option value="Nevis">Nevis</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau Island">Palau Island</option>
<option value="Palestine">Palestine</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Phillipines">Philippines</option>
<option value="Pitcairn Island">Pitcairn Island</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Republic of Montenegro">Republic of Montenegro</option>
<option value="Republic of Serbia">Republic of Serbia</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russia</option>
<option value="Rwanda">Rwanda</option>
<option value="St Barthelemy">St Barthelemy</option>
<option value="St Eustatius">St Eustatius</option>
<option value="St Helena">St Helena</option>
<option value="St Kitts-Nevis">St Kitts-Nevis</option>
<option value="St Lucia">St Lucia</option>
<option value="St Maarten">St Maarten</option>
<option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
<option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
<option value="Saipan">Saipan</option>
<option value="Samoa">Samoa</option>
<option value="Samoa American">Samoa American</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome & Principe">Sao Tome & Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syria</option>
<option value="Tahiti">Tahiti</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad & Tobago">Trinidad & Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks & Caicos Is">Turks & Caicos Is</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Erimates">United Arab Emirates</option>
<option value="United States of America">United States of America</option>
<option value="Uraguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican City State">Vatican City State</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
<option value="Wake Island">Wake Island</option>
<option value="Wallis & Futana Is">Wallis & Futana Is</option>
<option value="Yemen">Yemen</option>
<option value="Zaire">Zaire</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
<p>
<input type="submit" value="Sign Up" id="submit">
</p>
</form>
</div>
<div class="account middle">
<p id="middle"> Already Member ?<br>
-----------------<br>
Sign In ----->
</p>
</div>
<div class="account side">
<form action="#" method="post" id="right">
<h2>Sign In</h2>
<p>
<label for="Email" class="floatLabel">Email</label>
<input id="Email" name="Email" type="text">
</p>
<p>
<label for="password" class="floatLabel">Password</label>
<input id="password" name="password" type="password">
</p>
<p>
<input type="submit" value="Sign In" id="submit">
</p>
</form>
</div>
</div>
</body>
</html>
templates/footer.php 0 → 100755
View file @ e9c74df8
<style>
.footer{
background-color: #B0C4DE;
padding: 10px;
text-align: center;
margin-top: 30%;
width : 100%;
}
</style>
<div class="footer">
<p> Contact </p>
</div>
templates/header.php 0 → 100755
View file @ e9c74df8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Strasbourg</title>
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="assets/css/signUp.css">
<link rel="stylesheet" href="assets/css/createPost.css">
<link rel="stylesheet" href="assets/css/post.css">
</head>
<body>
<?php var_dump("Header"); ?>
<?php include "dbconnection.php" ?>
<?php include 'templates/navbar.php' ?>
templates/navbar.php 0 → 100755
View file @ e9c74df8
<link rel="stylesheet" href="assets/css/nav.css">
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="signUp.php">Sign In / Sign Up</a></li>
<li><a href="#lng">Language</a></li>
<li><a href="createPost.php">New Post</a></li>
</ul>
</nav>