diff --git a/Aurore b/Aurore new file mode 100644 index 0000000..e69de29 diff --git a/Quentin b/Quentin new file mode 100644 index 0000000..dc2abf8 --- /dev/null +++ b/Quentin @@ -0,0 +1,2 @@ +Flavien Marty suce des ... +ChupaChups diff --git a/README.md b/README.md index 36a373f..3df68ea 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,7 @@ Bienvenue sur le dépot de formation de la DSI d'Etic. + ## Les étapes pour contribuer à un projet : ### Pour démarrer sur un projet @@ -13,6 +14,11 @@ Bienvenue sur le dépot de formation de la DSI d'Etic. git clone ``` +- Aller dans le dossier nouvellement créé : +``` + cd +``` + - Configurer le remote upstream avec la commande : ``` git remote add upstream @@ -59,14 +65,20 @@ Bienvenue sur le dépot de formation de la DSI d'Etic. git fetch upstream ``` +- Aller sur la branche develop locale avec la commande : +``` + git checkout develop +``` + - Merger l'état du dépôt original avec la commande : ``` - git merge upstream/ + git merge upstream/develop ``` - Push les modifications sur le fork avec la commande : ``` - git push origin + git push origin develop ``` + diff --git a/Sacha Part2/.idea/copyright/profiles_settings.xml b/Sacha Part2/.idea/copyright/profiles_settings.xml new file mode 100644 index 0000000..e7bedf3 --- /dev/null +++ b/Sacha Part2/.idea/copyright/profiles_settings.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/Sacha Part2/.idea/film.iml b/Sacha Part2/.idea/film.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/Sacha Part2/.idea/film.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Sacha Part2/.idea/misc.xml b/Sacha Part2/.idea/misc.xml new file mode 100644 index 0000000..a830748 --- /dev/null +++ b/Sacha Part2/.idea/misc.xml @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Sacha Part2/.idea/modules.xml b/Sacha Part2/.idea/modules.xml new file mode 100644 index 0000000..2e9c9b1 --- /dev/null +++ b/Sacha Part2/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Sacha Part2/.idea/vcs.xml b/Sacha Part2/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/Sacha Part2/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/Sacha Part2/.idea/workspace.xml b/Sacha Part2/.idea/workspace.xml new file mode 100644 index 0000000..f8209ea --- /dev/null +++ b/Sacha Part2/.idea/workspace.xml @@ -0,0 +1,693 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + true + DEFINITION_ORDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + project + + + + + + + + + + + + + + + + project + + + true + + + + DIRECTORY + + false + + + + + + + + + 1475779599462 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Sacha Part2/Gotham Black Regular.ttf b/Sacha Part2/Gotham Black Regular.ttf new file mode 100644 index 0000000..d52b49e Binary files /dev/null and b/Sacha Part2/Gotham Black Regular.ttf differ diff --git a/Sacha Part2/article.jpg b/Sacha Part2/article.jpg new file mode 100644 index 0000000..8ae1636 Binary files /dev/null and b/Sacha Part2/article.jpg differ diff --git a/Sacha Part2/bd/login.sql b/Sacha Part2/bd/login.sql new file mode 100644 index 0000000..f5b906b --- /dev/null +++ b/Sacha Part2/bd/login.sql @@ -0,0 +1,64 @@ +-- phpMyAdmin SQL Dump +-- version 4.5.1 +-- http://www.phpmyadmin.net +-- +-- Client : 127.0.0.1 +-- Généré le : Mar 18 Octobre 2016 à 22:21 +-- Version du serveur : 10.1.16-MariaDB +-- Version de PHP : 7.0.9 + +SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; +SET time_zone = "+00:00"; + + +/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; +/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; +/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; +/*!40101 SET NAMES utf8mb4 */; + +-- +-- Base de données : `bdbibliotheque` +-- + +-- -------------------------------------------------------- + +-- +-- Structure de la table `login` +-- + +CREATE TABLE `login` ( + `id` int(11) NOT NULL, + `pseudo` text NOT NULL, + `password` text NOT NULL, + `email` text NOT NULL +) ENGINE=InnoDB DEFAULT CHARSET=latin1; + +-- +-- Contenu de la table `login` +-- + +INSERT INTO `login` (`id`, `pseudo`, `password`, `email`) VALUES +(26, 'Sacha', '0cc175b9c0f1b6a831c399e269772661', 's@1.fr'); + +-- +-- Index pour les tables exportées +-- + +-- +-- Index pour la table `login` +-- +ALTER TABLE `login` + ADD PRIMARY KEY (`id`); + +-- +-- AUTO_INCREMENT pour les tables exportées +-- + +-- +-- AUTO_INCREMENT pour la table `login` +-- +ALTER TABLE `login` + MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=27; +/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; +/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; +/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; diff --git a/Sacha Part2/bd/tablecomm.sql b/Sacha Part2/bd/tablecomm.sql new file mode 100644 index 0000000..3e3a384 --- /dev/null +++ b/Sacha Part2/bd/tablecomm.sql @@ -0,0 +1,65 @@ +-- phpMyAdmin SQL Dump +-- version 4.5.1 +-- http://www.phpmyadmin.net +-- +-- Client : 127.0.0.1 +-- Généré le : Mar 18 Octobre 2016 à 22:21 +-- Version du serveur : 10.1.16-MariaDB +-- Version de PHP : 7.0.9 + +SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; +SET time_zone = "+00:00"; + + +/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; +/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; +/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; +/*!40101 SET NAMES utf8mb4 */; + +-- +-- Base de données : `bdbibliotheque` +-- + +-- -------------------------------------------------------- + +-- +-- Structure de la table `tablecomm` +-- + +CREATE TABLE `tablecomm` ( + `id` int(11) NOT NULL, + `titre` varchar(20) NOT NULL, + `comm` text NOT NULL, + `pseudo` text NOT NULL, + `date` date NOT NULL +) ENGINE=InnoDB DEFAULT CHARSET=latin1; + +-- +-- Contenu de la table `tablecomm` +-- + +INSERT INTO `tablecomm` (`id`, `titre`, `comm`, `pseudo`, `date`) VALUES +(15, 'Coucou', 'yololololololo', 'Sacha', '2016-10-18'); + +-- +-- Index pour les tables exportées +-- + +-- +-- Index pour la table `tablecomm` +-- +ALTER TABLE `tablecomm` + ADD PRIMARY KEY (`id`); + +-- +-- AUTO_INCREMENT pour les tables exportées +-- + +-- +-- AUTO_INCREMENT pour la table `tablecomm` +-- +ALTER TABLE `tablecomm` + MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=17; +/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; +/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; +/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; diff --git a/Sacha Part2/commentaires.js b/Sacha Part2/commentaires.js new file mode 100644 index 0000000..c572629 --- /dev/null +++ b/Sacha Part2/commentaires.js @@ -0,0 +1,28 @@ +$(document).ready(function(){ + recupMessages(); + $('.formulaire').submit(function(){ + + var titreComm = $('.titreComm').val(); + var comm = $('.comm').val(); + + $.post('envoyercommentaires.php',{titreComm:titreComm,comm:comm},function(donnees){ + $('.return').html(donnees); + $('.titreComm').val(''); + $('.comm').val(''); + recupMessages(); + }); + + return false; + }); + + + function recupMessages(){ + + $.post('recupcommentaires.php',function(data){ + $('.afficher').html(data); + }); + } + + setInterval(recupMessages, 1000); + +}); diff --git a/Sacha Part2/content.jpg b/Sacha Part2/content.jpg new file mode 100644 index 0000000..32e3941 Binary files /dev/null and b/Sacha Part2/content.jpg differ diff --git a/Sacha Part2/content2.jpg b/Sacha Part2/content2.jpg new file mode 100644 index 0000000..48b264f Binary files /dev/null and b/Sacha Part2/content2.jpg differ diff --git a/Sacha Part2/content3.jpg b/Sacha Part2/content3.jpg new file mode 100644 index 0000000..fe7fa6e Binary files /dev/null and b/Sacha Part2/content3.jpg differ diff --git a/Sacha Part2/content4.jpg b/Sacha Part2/content4.jpg new file mode 100644 index 0000000..ca0fc16 Binary files /dev/null and b/Sacha Part2/content4.jpg differ diff --git a/Sacha Part2/database.php b/Sacha Part2/database.php new file mode 100644 index 0000000..0f5a24d --- /dev/null +++ b/Sacha Part2/database.php @@ -0,0 +1,10 @@ +prepare($sql); + if( isset($_SESSION['pseudo'])){ + + if($stmt->execute()) + $_SESSION['message'] = "Merci pour votre commentaire !"; + else + $_SESSION['message'] = "Probleme lors de la création !"; + + } + else + $_SESSION['message'] = "Veuillez-vous connecter :)"; +} +?> + diff --git a/Sacha Part2/iconFacebook.png b/Sacha Part2/iconFacebook.png new file mode 100644 index 0000000..fd86b71 Binary files /dev/null and b/Sacha Part2/iconFacebook.png differ diff --git a/Sacha Part2/iconTrad.png b/Sacha Part2/iconTrad.png new file mode 100644 index 0000000..48fd82b Binary files /dev/null and b/Sacha Part2/iconTrad.png differ diff --git a/Sacha Part2/iconTrad2.png b/Sacha Part2/iconTrad2.png new file mode 100644 index 0000000..6bcbdb1 Binary files /dev/null and b/Sacha Part2/iconTrad2.png differ diff --git a/Sacha Part2/index.php b/Sacha Part2/index.php new file mode 100644 index 0000000..fedbe95 --- /dev/null +++ b/Sacha Part2/index.php @@ -0,0 +1,160 @@ + + + + + + + + + + + Gran Torino + + + + + + + + +
+ + +
+ + +
+
+
    • +
    + + +
    + +
    +
    + +
    + +
    + + +
    + +

    Ouest France

    +

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    + +
    + +
    + +

    Le Parisien

    +

    Passionnant, humaniste, drôle mais aussi déchirant.

    +
    + +
    + +

    Les Inrockuptibles

    +

    Clint se livre comme jamais.

    +
    + +
    + + + +
    + +
    + +
    + + + + + +
    + +
    + + + +
    + +
    +

    Suivez-nous

    + +
    + +
    + + + + + + + + + + + + + + + + + + + + +
    ActeurRole
    Clint EastwoodWalt Kowalski
    Bee Vang Thao
    Ahney HerSue
    + +
    + + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + \ No newline at end of file diff --git a/Sacha Part2/inscription.php b/Sacha Part2/inscription.php new file mode 100644 index 0000000..f6ee7da --- /dev/null +++ b/Sacha Part2/inscription.php @@ -0,0 +1,121 @@ + + +prepare($sql); + if($stmt->execute()) + $message = "Compte crée"; + else + $message = "Probleme lors de la création"; +} +?> + + + + + + + + + + + Gran Torino + + + + + + + + +
    + + +
    + + +
    +
    +
    • +
    + +
    + +

    +

    Rejoins-nous !

    +
    +

    + + +
    + + +
    + + +
    + +

    +
    +
    +
    + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + diff --git a/Sacha Part2/jour.png b/Sacha Part2/jour.png new file mode 100644 index 0000000..6bbe530 Binary files /dev/null and b/Sacha Part2/jour.png differ diff --git a/Sacha Part2/livreOr.html b/Sacha Part2/livreOr.html new file mode 100644 index 0000000..4ab3edd --- /dev/null +++ b/Sacha Part2/livreOr.html @@ -0,0 +1,89 @@ + + + + + + + Gran Torino + + + + +
    + + +
    + + +
    + +
    +
    +
    • +
    + + +
    +

    Rejoins-nous !

    +
    +

    + + + +
    + + + +
    + + + +
    + + + +
    + +
    + + +
    + +

    +
    +
    +
    + +
    + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + \ No newline at end of file diff --git a/Sacha Part2/livreOr.php b/Sacha Part2/livreOr.php new file mode 100644 index 0000000..3a0b45c --- /dev/null +++ b/Sacha Part2/livreOr.php @@ -0,0 +1,102 @@ + + + + + + + + + + Gran Torino + + + + + + + + +
    + + +
    + + +
    + +
    +
    +
    • +
    + + +
    +

    Messages !

    + +

    + +
    +
    +

    + +
    + + + + +
    + + +
    + +

    +
    +
    +
    + +
    + +
    + +
    + +
    + +
    +

    Suivez-nous

    + + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + \ No newline at end of file diff --git a/Sacha Part2/login.php b/Sacha Part2/login.php new file mode 100644 index 0000000..a6859bd --- /dev/null +++ b/Sacha Part2/login.php @@ -0,0 +1,113 @@ + + + + + + + + + + + + + Gran Torino + + + + +
    + + +
    + + +
    + +

    Login :

    + +

    + +
    + + + + + + +
    +
    + + + + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + diff --git a/Sacha Part2/logo.jpg b/Sacha Part2/logo.jpg new file mode 100644 index 0000000..c3a2d44 Binary files /dev/null and b/Sacha Part2/logo.jpg differ diff --git a/Sacha Part2/logout.php b/Sacha Part2/logout.php new file mode 100644 index 0000000..449a738 --- /dev/null +++ b/Sacha Part2/logout.php @@ -0,0 +1,6 @@ + + + + + + + + + + + Gran Torino + + + +
    + + +
    + +
    + +
    +
    +
    • +
    + + + + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + + + + + + \ No newline at end of file diff --git a/Sacha Part2/recupcommentaires.php b/Sacha Part2/recupcommentaires.php new file mode 100644 index 0000000..41a128d --- /dev/null +++ b/Sacha Part2/recupcommentaires.php @@ -0,0 +1,27 @@ +query("SELECT *FROM tablecomm ORDER by id DESC"); + +while($all = $recup_messages->fetch()){ + $messages[] = $all; +} + +foreach ($messages as $message) { + ?> +
    +

    +
    + de :
    + le : +
    + +
    + + \ No newline at end of file diff --git a/Sacha Part2/style.css b/Sacha Part2/style.css new file mode 100644 index 0000000..fbe33a1 --- /dev/null +++ b/Sacha Part2/style.css @@ -0,0 +1,228 @@ +body{ + + font-family: Arial,Verdana; + background-color: #DCDCDC; +} + + +header{ + + background: BLACK; + width: 100%; + height:135px; + position: fixed; + top: 0; + left: 0; + z-index: 100; + opacity: 0.90; +} + +h1{ + + font-family: Arial,Verdana; + +} + +h2{ + + font-family: Verdana,Arial; + +} + + + +table +{ + border-collapse: collapse; + margin : 0 auto; +} +td, th /* Mettre une bordure sur les td ET les th */ +{ + border: 1px solid black; +} + + + +img { + text-align: center; + max-width: 100%; + height: auto; + width: auto; +} + + + +#content { + text-align: center; + max-width: 100%; + max-width: 1200px; + height: 528px; + margin: auto; + margin-top:115px; +} + + + +#logo{ + margin: 20px; + float: left; + width: 260px; + height: 110px; + background: url(logo.jpg) no-repeat center; +} + +a{ + color: #FFF; + text-decoration: none; + font-weight: bold; +} + +a:hover { + color: #FFF; + text-decoration: underline; +} + +nav{ + float: right; + padding: 35px 20px 20px 0; +} + +ul{ + list-style: none; +} + +nav ul li{ + display : inline-block; + float : left; + padding : 10px; +} + + +section{ + width:29%; + float: left; + margin: 2% 2%; + text-align: center; +} + + +article { + + float: left; + margin: 0 auto; + + height : auto; + padding: 4%; +} + +#image2{ + + width: 100%; + +} + + +aside{ + + float: left; + margin: 0 auto; + width: 35%; + height : auto; + padding: 3%; +} + + +.clear{ + + clear:both; +} + +footer { + + background: #333333; + width: 100%; + overflow: hidden; + opacity: 0.90; +} + +footer.second{ + + border-top: 1px solid #4D4E50; + background-color: #333333; + max-height: 50px; + text-align:center; + opacity: 0.95; +} + +ul.social li img{ + height: 50px; +} + +#translate{ + + + + background-image:url(iconTrad2.png) ; + width: 30px; + height: 30px; +} + + +#mode{ + + background-image:url(jour.png) ; + width: 30px; + height: 30px; +} + +#formulaire{ + margin : 2%; + margin-top: 80px; + text-align: center; +} + +#formulaire2{ + margin : 2%; + margin-top: 200px; + text-align: center; +} + +.marge{ + margin : 2%; + margin-top: 250px; + margin-bottom: 260px; + text-align: center; +} + +#remplirChamp{ + + text-align: center; +} + +input[type="text"],input[type="password"],input[type="email"],textarea{ + outline:none; + padding:10px; + display: block; + width:300px; + border-radius:3px; + border:1px solid #eee ; + margin:20px auto; + +} + +input[type="submit"]{ + + padding:10px; + color: #fff; + background: #0098cb; + width:320px; + margin:20px auto; + margin-top:0px; + border:0px; + border-radius: 3px; + cursor: pointer; +} + +input[type="submit"]:hover { + background: #00b8eb; +} \ No newline at end of file diff --git a/Sacha Part2/tools.js b/Sacha Part2/tools.js new file mode 100644 index 0000000..72ce370 --- /dev/null +++ b/Sacha Part2/tools.js @@ -0,0 +1,411 @@ +/** + * Created by Kabar on 08/10/2016. + */ + +var MAX = 1200; +var MIN = 960; + +var MIN2 = 45; +var MAX2 = 100; + +function translateFr1(){ + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng1; + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Passionnant, humaniste, drôle mais aussi déchirant.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint se livre comme jamais.

    "+ + "
    " + + document.getElementById('critics').innerHTML = newHtml; + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski est un ancien de la guerre de Corée, un homme inflexible, amer et pétri de préjugés surannés. Après des années de travail à la chaîne, il vit replié sur lui-même, occupant ses journées à bricoler, traînasser et siroter des bières.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + + +function enleverSynopsis(){ + + document.getElementById('synopsis').innerHTML = ""; + +} + + +function ajouterSynopsis() { + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski est un ancien de la guerre de Corée, un homme inflexible, amer et pétri de préjugés surannés. Après des années de travail à la chaîne, il vit replié sur lui-même, occupant ses journées à bricoler, traînasser et siroter des bières.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function enleverCritics(){ + + document.getElementById('critics').innerHTML = ""; + +} + +function ajouterCritics(){ + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Passionnant, humaniste, drôle mais aussi déchirant.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint se livre comme jamais.

    "+ + "
    " + + document.getElementById('critics').innerHTML = newHtml; +} + + + +function translateEng1(){ + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr1; + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood takes his place in the pantheon of masters.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Exciting, humanist, funny but also heartbreaking.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint is engaged as never.

    "+ + "
    " + document.getElementById('critics').innerHTML = newHtml; + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski is a veteran of the Korean War, an inflexible man, bitter and steeped in antiquated prejudices. After years of line work, he saw folded on itself, occupying his days tinkering, dawdle and sipping beers.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function takeOffSynopsis(){ + + document.getElementById('synopsis').innerHTML = ""; + +} + + +function addSynopsis() { + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski is a veteran of the Korean War, an inflexible man, bitter and steeped in antiquated prejudices. After years of line work, he saw folded on itself, occupying his days tinkering, dawdle and sipping beers.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function takeOffCritics(){ + + document.getElementById('critics').innerHTML = " "; + +} + + +function addCritics(){ + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood takes his place in the pantheon of masters

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Exciting, humanist, funny but also heartbreaking

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint is engaged as never

    "+ + "
    " + document.getElementById('critics').innerHTML = newHtml; +} + + + +function jour() { + + document.getElementById('mode').style.backgroundImage = "url('jour.png')"; + document.getElementById('mode').onclick = nuit; + document.getElementById('main').style.background = "WHITE"; + document.getElementById('main').style.color = "BLACK"; +} + + +function nuit() { + + document.getElementById('mode').style.backgroundImage = "url('nuit.png')"; + document.getElementById('mode').onclick = jour; + document.getElementById('main').style.background = "BLACK"; + document.getElementById('main').style.color = "WHITE"; + +} + +function translateEng2() { + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr2; + var newHtml = + "
  • Click Here
    • " + document.getElementById('linkMain').innerHTML = newHtml; +} + + +function translateFr2() { + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng2; + var newHtml = + "
  • Cliquez ici
    • " + document.getElementById('linkMain').innerHTML = newHtml; +} + + +function translateFr3() { + + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng3; + var newHtml = + "

    Rejoins-nous !

    "+ + "
    "+ + "

    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + "
    "+ + ""+ + + "
    "+ + ""+ + "

    "+ + "
    " + + document.getElementById('formulaire').innerHTML = newHtml; + +} + +function translateEng3() { + + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr3; + var newHtml = + "

    Join us !

    "+ + "
    "+ + "

    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + "
    "+ + ""+ + + "
    "+ + ""+ + "

    "+ + "
    " + + document.getElementById('formulaire').innerHTML = newHtml; +} + +function nuit2(){ + + document.getElementById('mode').style.backgroundImage = "url('nuit.png')"; + document.getElementById('mode').onclick = jour2; + document.getElementById('main').style.background = "BLACK"; + document.getElementById('main').style.color = "WHITE"; + var newHtml = "
  • Cliquez ici
    • " + + document.getElementById('linkMain').innerHTML = newHtml; +} + +function jour2() { + + document.getElementById('mode').style.backgroundImage = "url('jour.png')"; + document.getElementById('mode').onclick = nuit2; + document.getElementById('main').style.background = "WHITE"; + document.getElementById('main').style.color = "BLACK"; + var newHtml = "
  • Cliquez ici
    • " + + document.getElementById('linkMain').innerHTML = newHtml; + +} + + +function agrandir(){ + + var interval = setInterval(agrandirTime, 5); + document.getElementById("image").onclick = reduire; + function agrandirTime() { + if(MIN == MAX){ + MIN = 960; + clearInterval(interval) + } + else{ + MIN++; + document.getElementById("content").style.maxWidth = MIN +"px"; + } + } +} + + + +function reduire(){ + + + var interval = setInterval(reduireTime, 5); + document.getElementById("image").onclick = agrandir; + function reduireTime() { + if(MAX == MIN){ + MAX = 1200; + clearInterval(interval) + } + else{ + MAX--; + document.getElementById("content").style.maxWidth = MAX +"px"; + } + } +} + +function agrandir2(){ + + + var interval = setInterval(agrandirTime, 25); + document.getElementById("image2").onclick = reduire2; + function agrandirTime() { + if(MIN2 == MAX2){ + MIN2 = 45; + clearInterval(interval) + } + else{ + MIN2++; + document.getElementById("image2").style.width = MIN2 +"%"; + } + } +} + +function reduire2(){ + + + var interval = setInterval(reduireTime, 25); + document.getElementById("image2").onclick = agrandir2; + function reduireTime() { + if(MAX2 == MIN2){ + MAX2 = 100; + clearInterval(interval) + } + else{ + MAX2--; + document.getElementById("image2").style.width = MAX2 +"%"; + } + } + +} diff --git a/Sacha Part2/traitement.php b/Sacha Part2/traitement.php new file mode 100644 index 0000000..6bbbb89 --- /dev/null +++ b/Sacha Part2/traitement.php @@ -0,0 +1,23 @@ +exec("INSERT INTO etictest(id,pseudo,email,password,titreComm,comm) VALUES('','$pseudo','$email','$password','$titreComm','$comm')"); + header('Location: livreOr.html'); +?> + diff --git a/Sacha/.idea/copyright/profiles_settings.xml b/Sacha/.idea/copyright/profiles_settings.xml new file mode 100644 index 0000000..e7bedf3 --- /dev/null +++ b/Sacha/.idea/copyright/profiles_settings.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/Sacha/.idea/film.iml b/Sacha/.idea/film.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/Sacha/.idea/film.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Sacha/.idea/misc.xml b/Sacha/.idea/misc.xml new file mode 100644 index 0000000..72abef0 --- /dev/null +++ b/Sacha/.idea/misc.xml @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/Sacha/.idea/modules.xml b/Sacha/.idea/modules.xml new file mode 100644 index 0000000..2e9c9b1 --- /dev/null +++ b/Sacha/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Sacha/.idea/workspace.xml b/Sacha/.idea/workspace.xml new file mode 100644 index 0000000..d1fabd5 --- /dev/null +++ b/Sacha/.idea/workspace.xml @@ -0,0 +1,434 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + true + DEFINITION_ORDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + project + + + + + + + + + + + + + + + + project + + + true + + + + DIRECTORY + + false + + + + + + + + + 1475779599462 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Sacha/Formation b/Sacha/Formation new file mode 160000 index 0000000..d3e432d --- /dev/null +++ b/Sacha/Formation @@ -0,0 +1 @@ +Subproject commit d3e432d1cac922039c90f7b54dc2c76407dfe1af diff --git a/Sacha/Gotham Black Regular.ttf b/Sacha/Gotham Black Regular.ttf new file mode 100644 index 0000000..d52b49e Binary files /dev/null and b/Sacha/Gotham Black Regular.ttf differ diff --git a/Sacha/article.jpg b/Sacha/article.jpg new file mode 100644 index 0000000..8ae1636 Binary files /dev/null and b/Sacha/article.jpg differ diff --git a/Sacha/content.jpg b/Sacha/content.jpg new file mode 100644 index 0000000..32e3941 Binary files /dev/null and b/Sacha/content.jpg differ diff --git a/Sacha/content2.jpg b/Sacha/content2.jpg new file mode 100644 index 0000000..48b264f Binary files /dev/null and b/Sacha/content2.jpg differ diff --git a/Sacha/content3.jpg b/Sacha/content3.jpg new file mode 100644 index 0000000..339f207 Binary files /dev/null and b/Sacha/content3.jpg differ diff --git a/Sacha/iconFacebook.png b/Sacha/iconFacebook.png new file mode 100644 index 0000000..fd86b71 Binary files /dev/null and b/Sacha/iconFacebook.png differ diff --git a/Sacha/iconTrad.png b/Sacha/iconTrad.png new file mode 100644 index 0000000..48fd82b Binary files /dev/null and b/Sacha/iconTrad.png differ diff --git a/Sacha/iconTrad2.png b/Sacha/iconTrad2.png new file mode 100644 index 0000000..6bcbdb1 Binary files /dev/null and b/Sacha/iconTrad2.png differ diff --git a/Sacha/index.html b/Sacha/index.html new file mode 100644 index 0000000..6d949f3 --- /dev/null +++ b/Sacha/index.html @@ -0,0 +1,142 @@ + + + + + + + + Gran Torino + + + + + + + + +
    + + +
    + + +
    +
    +
    • +
    + + +
    + +
    +
    + +
    + +
    + + +
    + +

    Ouest France

    +

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    + +
    + +
    + +

    Le Parisien

    +

    Passionnant, humaniste, drôle mais aussi déchirant.

    +
    + +
    + +

    Les Inrockuptibles

    +

    Clint se livre comme jamais.

    +
    + +
    + + + +
    + +
    + +
    + + + + + +
    + +
    + + + +
    + +
    +

    Suivez-nous

    + +
    + +
    + + + + + + + + + + + + + + + + + + + + +
    ActeurRole
    Clint EastwoodWalt Kowalski
    Bee Vang Thao
    Ahney HerSue
    + +
    + + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + \ No newline at end of file diff --git a/Sacha/jour.png b/Sacha/jour.png new file mode 100644 index 0000000..6bbe530 Binary files /dev/null and b/Sacha/jour.png differ diff --git a/Sacha/livreOr.html b/Sacha/livreOr.html new file mode 100644 index 0000000..8acac07 --- /dev/null +++ b/Sacha/livreOr.html @@ -0,0 +1,87 @@ + + + + + + + Gran Torino + + + + +
    + + +
    + + +
    + +
    +
    +
    • +
    + + +
    +

    Rejoins-nous !

    +
    +

    + + + +
    + + + +
    + + + +
    + + + +
    + +
    + + +
    + +

    +
    +
    + + + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + \ No newline at end of file diff --git a/Sacha/logo.jpg b/Sacha/logo.jpg new file mode 100644 index 0000000..c3a2d44 Binary files /dev/null and b/Sacha/logo.jpg differ diff --git a/Sacha/nuit.png b/Sacha/nuit.png new file mode 100644 index 0000000..ac4dee8 Binary files /dev/null and b/Sacha/nuit.png differ diff --git a/Sacha/presentation.html b/Sacha/presentation.html new file mode 100644 index 0000000..507de63 --- /dev/null +++ b/Sacha/presentation.html @@ -0,0 +1,63 @@ + + + + + + + + Gran Torino + + + +
    + + +
    + +
    + +
    +
    +
    • +
    + + + + +
    + +
    + +
    +

    Suivez-nous

    + +
    + +
    + +
    +

    ©Copyright - Yolo Industrie, 2016

    +
    + + + + + + + + + \ No newline at end of file diff --git a/Sacha/style.css b/Sacha/style.css new file mode 100644 index 0000000..c2177bc --- /dev/null +++ b/Sacha/style.css @@ -0,0 +1,179 @@ +body{ + + font-family: Arial,Verdana; +} + + +header{ + + background: BLACK; + width: 100%; + height:135px; + position: fixed; + top: 0; + left: 0; + z-index: 100; + opacity: 0.90; +} + +h1{ + + font-family: Arial,Verdana; + +} + +h2{ + + font-family: Verdana,Arial; + +} + + + +table +{ + border-collapse: collapse; + margin : 0 auto; +} +td, th /* Mettre une bordure sur les td ET les th */ +{ + border: 1px solid black; +} + + + +img { + text-align: center; + max-width: 100%; + height: auto; + width: auto; +} + + + +#content { + text-align: center; + max-width: 100%; + max-width: 960px; + height: 528px; + margin: auto; + margin-top:110px; +} + + + +#logo{ + margin: 20px; + float: left; + width: 260px; + height: 110px; + background: url(logo.jpg) no-repeat center; +} + +a{ + color: #FFF; + text-decoration: none; + font-weight: bold; +} + +a:hover { + color: #FFF; + text-decoration: underline; +} + +nav{ + float: right; + padding: 35px 20px 20px 0; +} + +ul{ + list-style: none; +} + +nav ul li{ + display : inline-block; + float : left; + padding : 10px; +} + + +section{ + width:29%; + float: left; + margin: 2% 2%; + text-align: center; +} + + +article { + + float: left; + margin: 0 auto; + + height : auto; + padding: 4%; +} + +#image2{ + + width: 100%; + +} + + +aside{ + + float: left; + margin: 0 auto; + width: 35%; + height : auto; + padding: 3%; +} + + +.clear{ + + clear:both; +} + +footer { + + background: #333333; + width: 100%; + overflow: hidden; + opacity: 0.90; +} + +footer.second{ + + border-top: 1px solid #4D4E50; + background-color: #333333; + max-height: 50px; + text-align:center; + opacity: 0.95; +} + +ul.social li img{ + height: 50px; +} + +#translate{ + + + + background-image:url(iconTrad2.png) ; + width: 30px; + height: 30px; +} + + +#mode{ + + background-image:url(jour.png) ; + width: 30px; + height: 30px; +} + +#formulaire{ + margin : 2%; +} \ No newline at end of file diff --git a/Sacha/tools.js b/Sacha/tools.js new file mode 100644 index 0000000..143b1a8 --- /dev/null +++ b/Sacha/tools.js @@ -0,0 +1,411 @@ +/** + * Created by Kabar on 08/10/2016. + */ + +var MAX = 1200; +var MIN = 960; + +var MIN2 = 45; +var MAX2 = 100; + +function translateFr1(){ + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng1; + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Passionnant, humaniste, drôle mais aussi déchirant.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint se livre comme jamais.

    "+ + "
    " + + document.getElementById('critics').innerHTML = newHtml; + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski est un ancien de la guerre de Corée, un homme inflexible, amer et pétri de préjugés surannés. Après des années de travail à la chaîne, il vit replié sur lui-même, occupant ses journées à bricoler, traînasser et siroter des bières.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + + +function enleverSynopsis(){ + + document.getElementById('synopsis').innerHTML = ""; + +} + + +function ajouterSynopsis() { + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski est un ancien de la guerre de Corée, un homme inflexible, amer et pétri de préjugés surannés. Après des années de travail à la chaîne, il vit replié sur lui-même, occupant ses journées à bricoler, traînasser et siroter des bières.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function enleverCritics(){ + + document.getElementById('critics').innerHTML = ""; + +} + +function ajouterCritics(){ + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood prend son rang dans le panthéon des maîtres.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Passionnant, humaniste, drôle mais aussi déchirant.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint se livre comme jamais.

    "+ + "
    " + + document.getElementById('critics').innerHTML = newHtml; +} + + + +function translateEng1(){ + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr1; + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood takes his place in the pantheon of masters.

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Exciting, humanist, funny but also heartbreaking.

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint is engaged as never.

    "+ + "
    " + document.getElementById('critics').innerHTML = newHtml; + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski is a veteran of the Korean War, an inflexible man, bitter and steeped in antiquated prejudices. After years of line work, he saw folded on itself, occupying his days tinkering, dawdle and sipping beers.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function takeOffSynopsis(){ + + document.getElementById('synopsis').innerHTML = ""; + +} + + +function addSynopsis() { + + var newHtml = "

    Synopsis

    "+ + "
      "+ + "
    • Walt Kowalski is a veteran of the Korean War, an inflexible man, bitter and steeped in antiquated prejudices. After years of line work, he saw folded on itself, occupying his days tinkering, dawdle and sipping beers.
      • "+ + " "+ + + "
    "; + document.getElementById('synopsis').innerHTML = newHtml; + +} + + +function takeOffCritics(){ + + document.getElementById('critics').innerHTML = " "; + +} + + +function addCritics(){ + + var newHtml = + "
    "+ + "
    "+ + ""+ + "
    "+ + + "
    "+ + + "
    "+ + "

    Ouest France

    "+ + "

    Clint Eastwood takes his place in the pantheon of masters

    "+ + "
    "+ + + "
    "+ + + "

    Le Parisien

    "+ + "

    Exciting, humanist, funny but also heartbreaking

    "+ + "
    "+ + + "
    "+ + + "

    Les Inrockuptibles

    "+ + "

    Clint is engaged as never

    "+ + "
    " + document.getElementById('critics').innerHTML = newHtml; +} + + + +function jour() { + + document.getElementById('mode').style.backgroundImage = "url('jour.png')"; + document.getElementById('mode').onclick = nuit; + document.getElementById('main').style.background = "WHITE"; + document.getElementById('main').style.color = "BLACK"; +} + + +function nuit() { + + document.getElementById('mode').style.backgroundImage = "url('nuit.png')"; + document.getElementById('mode').onclick = jour; + document.getElementById('main').style.background = "BLACK"; + document.getElementById('main').style.color = "WHITE"; + +} + +function translateEng2() { + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr2; + var newHtml = + "
  • Click Here
    • " + document.getElementById('linkMain').innerHTML = newHtml; +} + + +function translateFr2() { + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng2; + var newHtml = + "
  • Cliquez ici
    • " + document.getElementById('linkMain').innerHTML = newHtml; +} + + +function translateFr3() { + + document.getElementById('translate').style.backgroundImage = "url('iconTrad2.png')"; + document.getElementById('translate').onclick = translateEng3; + var newHtml = + "

    Rejoins-nous !

    "+ + "
    "+ + "

    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + "
    "+ + ""+ + + "
    "+ + ""+ + "

    "+ + "
    " + + document.getElementById('formulaire').innerHTML = newHtml; + +} + +function translateEng3() { + + document.getElementById('translate').style.backgroundImage = "url('iconTrad.png')"; + document.getElementById('translate').onclick = translateFr3; + var newHtml = + "

    Join us !

    "+ + "
    "+ + "

    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + ""+ + + "
    "+ + ""+ + "
    "+ + ""+ + + "
    "+ + ""+ + "

    "+ + "
    " + + document.getElementById('formulaire').innerHTML = newHtml; +} + +function nuit2(){ + + document.getElementById('mode').style.backgroundImage = "url('nuit.png')"; + document.getElementById('mode').onclick = jour2; + document.getElementById('main').style.background = "BLACK"; + document.getElementById('main').style.color = "WHITE"; + var newHtml = "
  • Cliquez ici
    • " + + document.getElementById('linkMain').innerHTML = newHtml; +} + +function jour2() { + + document.getElementById('mode').style.backgroundImage = "url('jour.png')"; + document.getElementById('mode').onclick = nuit2; + document.getElementById('main').style.background = "WHITE"; + document.getElementById('main').style.color = "BLACK"; + var newHtml = "
  • Cliquez ici
    • " + + document.getElementById('linkMain').innerHTML = newHtml; + +} + + +function agrandir(){ + + var interval = setInterval(agrandirTime, 5); + document.getElementById("image").onclick = reduire; + function agrandirTime() { + if(MIN == MAX){ + MIN = 960; + clearInterval(interval) + } + else{ + MIN++; + document.getElementById("content").style.maxWidth = MIN +"px"; + } + } +} + + + +function reduire(){ + + + var interval = setInterval(reduireTime, 5); + document.getElementById("image").onclick = agrandir; + function reduireTime() { + if(MAX == MIN){ + MAX = 1200; + clearInterval(interval) + } + else{ + MAX--; + document.getElementById("content").style.maxWidth = MAX +"px"; + } + } +} + +function agrandir2(){ + + + var interval = setInterval(agrandirTime, 25); + document.getElementById("image2").onclick = reduire2; + function agrandirTime() { + if(MIN2 == MAX2){ + MIN2 = 45; + clearInterval(interval) + } + else{ + MIN2++; + document.getElementById("image2").style.width = MIN2 +"%"; + } + } +} + +function reduire2(){ + + + var interval = setInterval(reduireTime, 25); + document.getElementById("image2").onclick = agrandir2; + function reduireTime() { + if(MAX2 == MIN2){ + MAX2 = 100; + clearInterval(interval) + } + else{ + MAX2--; + document.getElementById("image2").style.width = MAX2 +"%"; + } + } + +} \ No newline at end of file diff --git a/TP1/.idea/Site.iml b/TP1/.idea/Site.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/TP1/.idea/Site.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/TP1/.idea/copyright/profiles_settings.xml b/TP1/.idea/copyright/profiles_settings.xml new file mode 100644 index 0000000..e7bedf3 --- /dev/null +++ b/TP1/.idea/copyright/profiles_settings.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/TP1/.idea/inspectionProfiles/Project_Default.xml b/TP1/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..0ccf43c --- /dev/null +++ b/TP1/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,15 @@ + + + + \ No newline at end of file diff --git a/TP1/.idea/inspectionProfiles/profiles_settings.xml b/TP1/.idea/inspectionProfiles/profiles_settings.xml new file mode 100644 index 0000000..3b31283 --- /dev/null +++ b/TP1/.idea/inspectionProfiles/profiles_settings.xml @@ -0,0 +1,7 @@ + + + + \ No newline at end of file diff --git a/TP1/.idea/misc.xml b/TP1/.idea/misc.xml new file mode 100644 index 0000000..72abef0 --- /dev/null +++ b/TP1/.idea/misc.xml @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/TP1/.idea/modules.xml b/TP1/.idea/modules.xml new file mode 100644 index 0000000..d4e5840 --- /dev/null +++ b/TP1/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/TP1/.idea/workspace.xml b/TP1/.idea/workspace.xml new file mode 100644 index 0000000..5fec9a3 --- /dev/null +++ b/TP1/.idea/workspace.xml @@ -0,0 +1,638 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + true + DEFINITION_ORDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + project + + + + + + + + + + + + + + + + project + + + true + + + + DIRECTORY + + false + + + + + + + + + 1475773951687 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/TP1/accueil.html b/TP1/accueil.html new file mode 100644 index 0000000..ba7f5be --- /dev/null +++ b/TP1/accueil.html @@ -0,0 +1,132 @@ + + + + + + + + Accueil + + + + + +
    +
    + +
    +

    + Synopsis & Informations

    +
    +

    Kei Kurono et son ami d'enfance Masaru Katō meurent écrasés à la gare du métro. Ils se retrouvent alors mystérieusement + dans une pièce d'appartement au centre de laquelle se trouve une étrange sphère noire répondant au nom de Gantz et n'y + sont pas seuls dans cette salle. Ils ne cesseront de s'interroger sur ce lieu, sur leur situation, et le sens de ce + qui leur arrive, puisqu'ils devront mener d'étranges « missions » toutes plus dangereuses les unes que les autres.


    + + + Gantz ou Gantz au commencement (ガンツ, Gantsu) est un film de science-fiction horrifique japonais réalisé par Shinsuke Satō + sur le scénario de Yūsuke Watanabe d'après l'œuvre du même titre de Hiroya Oku, mettant en scène Kazunari Ninomiya et Ken'ichi Matsuyama. + Produit par Nippon Television Network Corporation, ce film est sorti le 29 novembre 2010 en avant-première à Tokyo et le 29 janvier 2011 + partout au Japon.

    + + Une suite Gantz, Perfect Answer, par la même équipe est sortie le 23 avril 2011 au Japon.

    + + En France, distribué par Wild Side Video ce long-métrage est sorti en DVD et Blu-Ray, le 6 septembre 2011, sous le titre Gantz au commencement.

    + +
    +
    +
    +

    + Bande-annonce

    +
    +
    + +
    +
    +
    +
    +

    + Images du film

    +
    +

    Cliquez sur une image pour l'agrandir
    Cliquez une deuxième fois pour la réduire

    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    + Casting

    +
    + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    PersonnagesActeurs
    Kei KuronoKazunari Ninomiya
    Masaru KatōKen'ichi Matsuyama
    Kei KishimotoWatanabe Natsuna
    Joichiro NishiKanata Hongō
    Yoshikazu SuzukiTomorowo Taguchi
    Hiroto SakuraiShun'ya Shiraishi
    Tae KojimaYuriko Yoshitaka
    Masamitsu ShigetaTakayuki Yamada
    +

    + +

    + +
    +
    +
    + + + \ No newline at end of file diff --git a/TP1/accueilenglish.html b/TP1/accueilenglish.html new file mode 100644 index 0000000..9a66d94 --- /dev/null +++ b/TP1/accueilenglish.html @@ -0,0 +1,128 @@ + + + + + + + + Home + + + + + +
    +
    + +
    +

    + Plot & Informations

    +
    +

    College student Kei Kurono (Kazunari Ninomiya) notices former childhood friend Masaru Kato (Kenichi Matsuyama) helping a drunk man who + fell from a subway platform. Kei Kurono then jumps down to help his childhood friend. A few moments later, the subway train rapidly approaches + and both men look on helplessly on as their life is about to end.

    + + The next moment, Kei Kurono and Masaru Kato finds themselves in a strange apartment with a mysterious giant black sphere and others + who have recently died. The massive black sphere in the center of the living room is "GANTZ". GANTZ then assigns the people gathered + in the room on missions to exterminate aliens. They are given a set time and if successful will receive points. A total of 100 points + will allow them to leave this purgatory like place or send someone else back to life. If they fail, they can perish forever ...


    + +

    + +
    +
    +
    +

    + Trailer

    +
    +
    + +
    +
    +
    +
    +

    + Images

    +
    +

    Click on an image to zoom.
    Click one more time to make it come back to its original size

    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    + Cast

    +
    + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    CharactersActors
    Kei KuronoKazunari Ninomiya
    Masaru KatōKen'ichi Matsuyama
    Kei KishimotoWatanabe Natsuna
    Joichiro NishiKanata Hongō
    Yoshikazu SuzukiTomorowo Taguchi
    Hiroto SakuraiShun'ya Shiraishi
    Tae KojimaYuriko Yoshitaka
    Masamitsu ShigetaTakayuki Yamada
    +

    + +

    + +
    +
    +
    + + + \ No newline at end of file diff --git a/TP1/apropos.html b/TP1/apropos.html new file mode 100644 index 0000000..641d5f7 --- /dev/null +++ b/TP1/apropos.html @@ -0,0 +1,38 @@ + + + + + + + + A propos + + + + +
    +
    +
    +
    +
    +

    A cause d'un manque d'inspiration, cette présentation restera vide pour le moment

    +
    +
    + avatar +
    +
    + +

    Envoyez-moi un e-mail !

    + + + +
    +
    + + \ No newline at end of file diff --git a/TP1/aproposenglish.html b/TP1/aproposenglish.html new file mode 100644 index 0000000..8efc2a4 --- /dev/null +++ b/TP1/aproposenglish.html @@ -0,0 +1,38 @@ + + + + + + + + About me + + + + +
    +
    +
    +
    +
    +

    Because of lack of inspiration, this presentation will remain empty for now

    +
    +
    + avatar +
    +
    + +

    Send me an email !

    + + + +
    +
    + + \ No newline at end of file diff --git a/TP1/images/Gantz_3.jpg b/TP1/images/Gantz_3.jpg new file mode 100644 index 0000000..43d687c Binary files /dev/null and b/TP1/images/Gantz_3.jpg differ diff --git a/TP1/images/gantz-drama-film-2-ban.jpg b/TP1/images/gantz-drama-film-2-ban.jpg new file mode 100644 index 0000000..766bc22 Binary files /dev/null and b/TP1/images/gantz-drama-film-2-ban.jpg differ diff --git a/TP1/images/gantz-live-screen-5.jpg b/TP1/images/gantz-live-screen-5.jpg new file mode 100644 index 0000000..232e167 Binary files /dev/null and b/TP1/images/gantz-live-screen-5.jpg differ diff --git a/TP1/images/gantz_logo_original.png b/TP1/images/gantz_logo_original.png new file mode 100644 index 0000000..02f5f18 Binary files /dev/null and b/TP1/images/gantz_logo_original.png differ diff --git a/TP1/images/gantzrev2.jpg b/TP1/images/gantzrev2.jpg new file mode 100644 index 0000000..be9e142 Binary files /dev/null and b/TP1/images/gantzrev2.jpg differ diff --git a/TP1/images/myAvatar.png b/TP1/images/myAvatar.png new file mode 100644 index 0000000..2c01b28 Binary files /dev/null and b/TP1/images/myAvatar.png differ diff --git a/TP1/livredor.html b/TP1/livredor.html new file mode 100644 index 0000000..8257d14 --- /dev/null +++ b/TP1/livredor.html @@ -0,0 +1,56 @@ + + + + + + + + Livre d'or + + + + +
    + +
    +
    + +
    + Ici vous pouvez vous inscrire et poster un commentaire à propos du film ou du site +
    + +
    + +

    S'inscrire

    +
    + Nom (Pseudo) :
    +

    + Email :
    +

    + Mot de passe :
    +

    + +
    +
    + +
    +

    Commentaire

    +
    + Titre :
    +

    + Votre commentaire :
    +

    + +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/TP1/livredorenglish.html b/TP1/livredorenglish.html new file mode 100644 index 0000000..f54cd94 --- /dev/null +++ b/TP1/livredorenglish.html @@ -0,0 +1,56 @@ + + + + + + + + Express yourself + + + + +
    + +
    +
    + +
    + Here you can sign up and comment about the film or the website +
    + +
    + +

    Sign up

    +
    + Nickname :
    +

    + Email :
    +

    + Password :
    +

    + +
    +
    + +
    +

    Comment

    +
    + Title :
    +

    + Your comment :
    +

    + +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/TP1/script.js b/TP1/script.js new file mode 100644 index 0000000..37a93c9 --- /dev/null +++ b/TP1/script.js @@ -0,0 +1,100 @@ +function Showsynopsis() { + if (document.getElementById("panelsynopsis").style.display == "block"){ + document.getElementById("panelsynopsis").style.display = "none"; + document.getElementById("iconsynopsis").setAttribute("class","fa fa-caret-right"); + + } else { + document.getElementById("panelsynopsis").style.display = "block"; + document.getElementById("iconsynopsis").setAttribute("class","fa fa-caret-down"); + } + +} + +function Showimages() { + if (document.getElementById("panelimages").style.display == "block"){ + document.getElementById("panelimages").style.display = "none"; + document.getElementById("iconimages").setAttribute("class","fa fa-caret-right"); + } else { + document.getElementById("panelimages").style.display = "block"; + document.getElementById("iconimages").setAttribute("class","fa fa-caret-down"); + } + +} + +function Showperso() { + if (document.getElementById("panelperso").style.display == "block"){ + document.getElementById("panelperso").style.display = "none"; + document.getElementById("iconperso").setAttribute("class","fa fa-caret-right"); + } else { + document.getElementById("panelperso").style.display = "block"; + document.getElementById("iconperso").setAttribute("class","fa fa-caret-down"); + } + +} + +function Showbandeannonce() { + if (document.getElementById("panelvideo").style.display == "block"){ + document.getElementById("panelvideo").style.display = "none"; + document.getElementById("iconbande").setAttribute("class","fa fa-caret-right"); + } else { + document.getElementById("panelvideo").style.display = "block"; + document.getElementById("iconbande").setAttribute("class","fa fa-caret-down"); + } + +} + +function switchStyle(){ + if (document.getElementById("mycss").getAttribute("href")=="stylesheet.css"){ + document.getElementById("mycss").setAttribute("href","stylesheetjour.css"); + + } else { + document.getElementById("mycss").setAttribute("href","stylesheet.css"); + } + +} + +function zoom(image,taille){ + + if (document.getElementById(image).getAttribute("class")=="img petit"){ + //document.getElementById(image).style.float = "none"; + // document.getElementById(image).style.margin="auto"; + //document.getElementById("panelimages").style.paddingBottom = "500px"; + + zoom2(image,taille) + } else { + + dezoom(image, 600); + } + + + +} + + +function zoom2(image,taille) { + + if (taille <600) { + document.getElementById(image).style.width = taille+"px"; + taille=taille+2; + setTimeout(zoom2, 5, image, taille); + } else { + document.getElementById(image).setAttribute("class","img grand"); + } + +} + + +function dezoom(image, taille) { + + if (taille > 180) { + document.getElementById(image).style.width = taille+"px"; + taille=taille-2; + setTimeout(dezoom, 5, image, taille); + } else { + //document.getElementById(image).style.float = "left"; + //document.getElementById(image).style.margin="5px"; + document.getElementById(image).setAttribute("class","img petit"); + //document.getElementById("panelimages").style.paddingBottom = "100px"; + } + +} diff --git a/TP1/stylesheet.css b/TP1/stylesheet.css new file mode 100644 index 0000000..9aabbae --- /dev/null +++ b/TP1/stylesheet.css @@ -0,0 +1,234 @@ +div.img { + margin: 5px; + border: 1px solid #ccc; + display:inline-block; + width: 180px; +} + + + +div.img:hover { + border: 1px solid #777; + cursor: pointer; + +} + +div.img img { + width: 100%; + height: auto; +} + + +ul { + position: fixed; + top: 0; + width: 100%; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + min-width: 1000px; +} + +li { + float: left; + +} + +li a { + font-family: "Arial Black"; + display: block; + color: whitesmoke; + text-align: center; + padding: 14px 30px; + text-decoration: none; + text-shadow: 3px 3px rgba(19, 19, 19, 0.9); + font-variant: small-caps; +} + +/* Change the link color to #111 (black) on hover */ +li a:hover { + background-color: #111; +} + +.active { + background-color: darkred; +} + +.images, .perso, .synopsis, .bandeannonce { + font-family: "Arial Black"; + font-size: 20px; + font-weight: bold; + padding: 10px; + text-align: left; + background-color: rgba(35, 35, 34, 0.9); + color: white; + border: solid 1px lightgrey; + cursor: pointer; + border-radius: 25px; + margin-top: 50px; + text-shadow: 4px 4px rgba(19, 19, 19, 0.9); + font-variant: small-caps; + +} + +#panelsynopsis, #panelimages,#panelperso, #panelvideo { + font-family: "Arial"; + font-size: 15px; + text-align: justify; + background-color: black ; + color: white; + margin-left : 30px; + margin-right : 30px; + margin-botton: auto; + display: none; + + +} + + +#panelimages { +} + +body { + background-color: black ; +} + +#main { + margin-top: 60px; + min-width: 1000px; +} + +.cadremain { + background-color: rgba(12, 12, 12, 0.9); + border: solid 1px lightgrey; + border-radius: 25px; + margin-top: 10px; + min-width: 1000px; +} + +#logo { + margin: auto; + width: 50%; + padding: 50px; +} + +#video { + margin: auto; + width: 40%; + padding: 30px; +} + +table, th, td { + + border-collapse: collapse; + text-align : center; + vertical-align: center; + border-bottom: 2px solid rgba(35, 35, 34, 0.9) ; + padding: 15px; + +} + +table { + margin: auto; + width : 50%; +} + +th { + height: 30px; + background-color: darkred; + color: white; + text-shadow: 2px 2px rgba(19, 19, 19, 0.9); + font-variant: small-caps; + +} + +#modejour, #mode { + font-family : "Arial Black"; + font-size : 0.8em; + float: right; + color: grey; +} + + +#inscription, #commentaire { + font-family: Arial; + color: white; + padding: 10px; + margin: auto; + width: 50%; + +} + +.titre { + font-family: "Arial Black"; + font-size: 20px; + font-weight: bold; + padding: 10px; + color: white; + font-variant: small-caps; + text-align: center; + background-color: rgba(35, 35, 34, 0.9); + border: solid 1px lightgrey; + text-shadow: 4px 4px rgba(19, 19, 19, 0.9); + border-radius: 25px; + margin-bottom: 40px; + margin-top : 50px; +} + +.introduction { + font-family: "Arial Black"; + font-size: 17px; + font-weight: bold; + padding: 30px; + color: white; + font-variant: small-caps; + text-align: center; + width : 45%; + margin : auto; +} + +#description { + background-color: darkred; + border-radius: 10px; + margin-top: 30px; + margin-right: 15%; + margin-left: 15%; + height:210px; + min-width: 800px; + +} + +#avatar img { + margin: 5px; + border-radius: 10px; + width: 200px; + float: right; + display : inline-block; +} + + +#textedescription { + font-family: "Arial Black"; + font-size: 17px; + font-weight: bold; + padding: 30px; + color: white; + font-variant: small-caps; + text-align: center; + width : 60%; + float : left; + min-width: 500px; +} + +#mail { + font-family: "Arial Black"; + font-size: 12px; + font-weight: bold; + padding: 30px; + color: darkred; + font-variant: small-caps; + text-align: right; + margin-left: 80%; +} \ No newline at end of file diff --git a/TP1/stylesheetjour.css b/TP1/stylesheetjour.css new file mode 100644 index 0000000..89d58d0 --- /dev/null +++ b/TP1/stylesheetjour.css @@ -0,0 +1,234 @@ +div.img { + margin: 5px; + border: 1px solid #ccc; + display:inline-block; + width: 180px; +} + + + +div.img:hover { + border: 1px solid #777; + cursor: pointer; + +} + +div.img img { + width: 100%; + height: auto; +} + + +ul { + position: fixed; + top: 0; + width: 100%; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + min-width: 1000px; +} + +li { + float: left; + +} + +li a { + font-family: "Arial Black"; + display: block; + color: whitesmoke; + text-align: center; + padding: 14px 30px; + text-decoration: none; + text-shadow: 3px 3px rgba(19, 19, 19, 0.9); + font-variant: small-caps; +} + +/* Change the link color to #111 (black) on hover */ +li a:hover { + background-color: #111; +} + +.active { + background-color: darkred; +} + +.images, .perso, .synopsis, .bandeannonce { + font-family: "Arial Black"; + font-size: 20px; + font-weight: bold; + padding: 10px; + text-align: left; + background-color: rgba(35, 35, 34, 0.9); + color: white; + border: solid 1px lightgrey; + cursor: pointer; + border-radius: 25px; + margin-top: 50px; + text-shadow: 4px 4px rgba(19, 19, 19, 0.9); + font-variant: small-caps; + +} + +#panelsynopsis, #panelimages,#panelperso, #panelvideo { + font-family: "Arial"; + font-size: 15px; + text-align: justify; + background-color: white ; + color: black; + margin-left : 30px; + margin-right : 30px; + margin-botton: auto; + display: none; + + +} + + +#panelimages { +} + +body { + background-color: white ; +} + +#main { + margin-top: 60px; + min-width: 1000px; +} + +.cadremain { + background-color: whitesmoke; + border: solid 1px lightgrey; + border-radius: 25px; + margin-top: 10px; + min-width: 1000px; +} + +#logo { + margin: auto; + width: 50%; + padding: 50px; +} + +#video { + margin: auto; + width: 40%; + padding: 30px; +} + +table, th, td { + + border-collapse: collapse; + text-align : center; + vertical-align: center; + border-bottom: 2px solid rgba(35, 35, 34, 0.9) ; + padding: 15px; + +} + +table { + margin: auto; + width : 50%; +} + +th { + height: 30px; + background-color: darkred; + color: white; + text-shadow: 2px 2px rgba(19, 19, 19, 0.9); + font-variant: small-caps; + +} + +#modejour, #mode { + font-family : "Arial Black"; + font-size : 0.8em; + float: right; + color: grey; +} + + +#inscription, #commentaire { + font-family: Arial; + color: black; + padding: 10px; + margin: auto; + width: 50%; + +} + +.titre { + font-family: "Arial Black"; + font-size: 20px; + font-weight: bold; + padding: 10px; + color: white; + font-variant: small-caps; + text-align: center; + background-color: rgba(35, 35, 34, 0.9); + border: solid 1px lightgrey; + text-shadow: 4px 4px rgba(19, 19, 19, 0.9); + border-radius: 25px; + margin-bottom: 40px; + margin-top : 50px; +} + +.introduction { + font-family: "Arial Black"; + font-size: 17px; + font-weight: bold; + padding: 30px; + color: black; + font-variant: small-caps; + text-align: center; + width : 45%; + margin : auto; +} + +#description { + background-color: darkred; + border-radius: 10px; + margin-top: 30px; + margin-right: 15%; + margin-left: 15%; + height:210px; + min-width: 800px; + +} + +#avatar img { + margin: 5px; + border-radius: 10px; + width: 200px; + float: right; + display : inline-block; +} + + +#textedescription { + font-family: "Arial Black"; + font-size: 17px; + font-weight: bold; + padding: 30px; + color: white; + font-variant: small-caps; + text-align: center; + width : 60%; + float : left; + min-width: 500px; +} + +#mail { + font-family: "Arial Black"; + font-size: 12px; + font-weight: bold; + padding: 30px; + color: darkred; + font-variant: small-caps; + text-align: right; + margin-left: 80%; +} \ No newline at end of file diff --git a/TP1_v1/.idea/Formation Web.iml b/TP1_v1/.idea/Formation Web.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/TP1_v1/.idea/Formation Web.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/TP1_v1/.idea/copyright/profiles_settings.xml b/TP1_v1/.idea/copyright/profiles_settings.xml new file mode 100644 index 0000000..e7bedf3 --- /dev/null +++ b/TP1_v1/.idea/copyright/profiles_settings.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/TP1_v1/.idea/misc.xml b/TP1_v1/.idea/misc.xml new file mode 100644 index 0000000..72abef0 --- /dev/null +++ b/TP1_v1/.idea/misc.xml @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/TP1_v1/.idea/modules.xml b/TP1_v1/.idea/modules.xml new file mode 100644 index 0000000..0151910 --- /dev/null +++ b/TP1_v1/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/TP1_v1/.idea/workspace.xml b/TP1_v1/.idea/workspace.xml new file mode 100644 index 0000000..4d0a880 --- /dev/null +++ b/TP1_v1/.idea/workspace.xml @@ -0,0 +1,401 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + true + DEFINITION_ORDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + project + + + + + + + + + + + + + + + + project + + + true + + + + DIRECTORY + + false + + + + + + + + + 1475759120105 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/TP1_v1/Auteur.html b/TP1_v1/Auteur.html new file mode 100644 index 0000000..ac2b37e --- /dev/null +++ b/TP1_v1/Auteur.html @@ -0,0 +1,15 @@ + + + + + + Auteur du site + + +

    Auteur

    + + +
    Voici une page consacrée à l'auteur du site, faites-y ce que vous voulez !
    + + + \ No newline at end of file diff --git a/TP1_v1/Livre d'or.html b/TP1_v1/Livre d'or.html new file mode 100644 index 0000000..04cbe25 --- /dev/null +++ b/TP1_v1/Livre d'or.html @@ -0,0 +1,37 @@ + + + + + + Livre d'or + + + + + + +
    + + + + + + + + + + + + +
    +
    + + + + + +
    + + + + \ No newline at end of file diff --git a/TP1_v1/Style.css b/TP1_v1/Style.css new file mode 100644 index 0000000..06c8547 --- /dev/null +++ b/TP1_v1/Style.css @@ -0,0 +1,19 @@ +div +{ + color: darkslategray; + +} +h2,a,h1 +{ + + margin-right: 0px; + margin-left: 600px; + +} +.texte_auteur +{ + + margin-left: auto; + + +} \ No newline at end of file diff --git a/TP1_v1/app.js b/TP1_v1/app.js new file mode 100644 index 0000000..8335dd4 --- /dev/null +++ b/TP1_v1/app.js @@ -0,0 +1 @@ +console.log(document.getElementsByTagName("test")); \ No newline at end of file diff --git a/TP1_v1/index.html b/TP1_v1/index.html new file mode 100644 index 0000000..62bc309 --- /dev/null +++ b/TP1_v1/index.html @@ -0,0 +1,77 @@ + + + + + + + + The Game + + + + + +

    The Game

    + + + + +
      +

    • Introduction

      • +

    • Synopsis

      • +
      À San Francisco, Nicholas Van Orton + (Michael Douglas) va fêter ses 48 ans. 48 ans c'est aussi l'âge auquel son père a mis fin à ses jours. Il + semblerait que rien ne puisse perturber la vie organisée de cet homme d'affaires richissime, avide de pouvoir, + froid, distant et triste. Mais c'est sans compter son petit frère Conrad Van Orton (Sean Penn), ancien camé, qui + passe sa vie à ne rien faire sinon à dépenser son argent. Conrad va lui offrir un cadeau original pour son + anniversaire, une carte de visite d'une société « d'organisation de spectacle », la Consumer Recreation Services + que Nicholas est prié d'appeler. Conrad explique à Nicholas que dès qu'il les aura appelés, « le jeu » viendra à + lui. +
      +

    • Casting

      • +
      + Michael Douglas +
      Michael Douglas
      + Sean Penn +
      Sean Penn
      + Deborah Kara Unger +
      Deborah Kara Unger
      + James Rebhorn +
      James Rebhorn
      +
      +

    • Production

      • +

      Genèse

      +
      Le script de John D. Brancato et Michael Ferris a été écrit en 1991
      +
      La même année, il est vendu à la Metro-Goldwyn-Mayer mais le projet n'aboutit pas. Il est finalement acquis + par Propaganda Films, la société cofondée par David Lynch. Le réalisateur Jonathan Mostow devait à l'origine + diriger le film avec Kyle MacLachlan et Bridget Fonda dans les rôles principaux. Le tournage devait débuter en + février 1993, mais en 1992 le projet est « récupéré » par PolyGram Filmed Entertainment. Jonathan Mostow reste + finalement producteur délégué du film2. Le producteur Steve Golin rachète ensuite le scénario et contacte David + Fincher pour réaliser le film3. Ce dernier apprécie le script mais demande à Andrew Kevin Walker, avec qui il acollaboré pour Seven, de le retravailler et de développer notamment le côté cynique du personnage de Nicholas + Van Orton.
      +

      Casting

      +
      Le succès de Seven permet à David Fincher de contacter une « tête d'affiche » comme Michael Douglas pour le rôle principal. Ce dernier a d'abord hésité en raison du budget assez restreint et d'une distribution par PolyGram qu'il jugeait trop limitée3. Mais sa présence dans le film servira à récolter davantage de fonds. + + Durant le Festival de Cannes 1996, PolyGram annonce que Jodie Foster va rejoindre la distribution du film4. Elle devait incarner la sœur de Nicholas, car le personnage du frère avait été modifié en femme5. Mais en raison d'un conflit d'emploi du temps avec le tournage de Contact, elle décline la proposition. Le rôle redevient ensuite masculin et est proposé à Jeff Bridges, qui refuse4. Sean Penn est finalement engagé.
      +

      Réception

      +
      Aux États-Unis, le film engrange plus de 14 millions de dollars de recettes dès son premier week-end8. Il totalisera finalement 48 323 648 dollars sur le sol américain et 137 023 648 millions de dollars dans le monde, pour un budget d'environ 50 millions8. + + Les critiques seront assez positives envers le film, avec notamment 70 % d'opinions favorables sur Rotten Tomatoes9 et 61/100 sur Metacritic10.
      +
    + + + + + + + \ No newline at end of file diff --git a/Texte b/Texte new file mode 100644 index 0000000..b4de394 --- /dev/null +++ b/Texte @@ -0,0 +1 @@ +11 diff --git a/aaaa.c b/aaaa.c new file mode 100644 index 0000000..0304799 --- /dev/null +++ b/aaaa.c @@ -0,0 +1,9 @@ + + + + + + + + + ***** Racine ***** diff --git a/dudu b/dudu new file mode 100644 index 0000000..af7109b --- /dev/null +++ b/dudu @@ -0,0 +1 @@ +hoqfuilfiriflui diff --git a/dzdz b/dzdz new file mode 100644 index 0000000..e69de29 diff --git a/mfallouh.txt b/mfallouh.txt new file mode 100644 index 0000000..27cb735 --- /dev/null +++ b/mfallouh.txt @@ -0,0 +1 @@ +testmodifs \ No newline at end of file diff --git a/nicolas b/nicolas new file mode 100644 index 0000000..9f257ed --- /dev/null +++ b/nicolas @@ -0,0 +1 @@ +fichier diff --git a/test b/test new file mode 100644 index 0000000..e69de29 diff --git a/thomas b/thomas new file mode 100644 index 0000000..e69de29 diff --git a/xx b/xx new file mode 100644 index 0000000..e69de29