From 1aed4612840648e15865b1b2e4149538eea022c7 Mon Sep 17 00:00:00 2001
From: ClemW <clement.wang@student-cs.fr>
Date: Fri, 23 Apr 2021 23:35:41 +0200
Subject: [PATCH] change button
---
index.html | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++---
1 file changed, 91 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 6e508e1..b3f1620 100644
--- a/index.html
+++ b/index.html
@@ -3,14 +3,101 @@
<head>
<meta charset="utf-8" />
<title>Cat Generator</title>
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <style>
+ body {
+
+ background-color : #ffa223;
+ }
+
+ button.button4{
+ display:inline-block;
+ padding:0.3em 1.2em;
+ margin:0 0.1em 0.1em 0;
+ border:0.16em solid rgba(255,255,255,0);
+ border-radius:2em;
+ box-sizing: border-box;
+ text-decoration:none;
+ font-family:'Roboto',sans-serif;
+ font-weight:300;
+ color:#FFFFFF;
+ text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
+ text-align:center;
+ transition: all 0.2s;
+ }
+ button.button4:hover{
+ border-color: rgba(255,255,255,1);
+ }
+ @media all and (max-width:30em){
+ button.button4{
+ display:block;
+ margin:0.2em auto;
+ }
+ }
+
+
+ </style>
+
+
</head>
<body>
- <button type="button">Generate a cat !</button>
- <p> Pas de click </p>
- <div id="x"></div>
- <canvas id="myCanvas" width="64" height="64" style="border: 1px solid red ; width: 100px; height: 100px;"></canvas>
+
+ <div class="container">
+ <nav>
+
+ <div class="nav-wrapper white lighten-5 ">
+ <div class="header">
+ <a href="#" class="brand-logo center orange-text ">Générateur de chats</a>
+
+ <ul id="nav-mobile" class="right">
+ <li><a class="orange-text">Clement Wang</a></li>
+
+ <!--
+ <li><a class="teal-text text-darken-3">Clement Wang</a></li>
+ -->
+ </ul>
+
+ </div>
+ </div>
+ </nav>
+
+ <div class="row main-row card-panel">
+ <div class="col s12 m12 l7">
+
+ <div class="generator">
+ <!--<button type="button" >Générer un chat !</button>-->
+ <button type="button" class="button4" style="background-color:#ff9419">Générer un chat !</button>
+ <p> Pas de click </p>
+ <div id="x"></div>
+ <canvas id="myCanvas" width="64" height="64" style="border: 1px solid red ; width: 100px; height: 100px;"></canvas>
+ </div>
+ </div>
+ </div>
+ <div class="row main-row card-panel">
+ <div >
+
+ <div class="description" style="text-align: justify;">
+ <h4> Qu'est-ce que c'est ? </h4>
+ <p> C'est un GAN générant des photos de chats. Il s'agit de mon premier projet de Deep Learning, que j'ai pu réaliser dans le cadre d'un projet chez les Automatants, Association d'intelligence artificielle de CentraleSupélec.</p>
+ <p> Les réseaux de neuronnes ont été codés en Python avec Keras et entrainés sur un dataset Kaggle. J'ai ensuite converti mon réseau sous Tensorflow JS pour le déployer. </p>
+ <h4> Qui suis-je ? </h4>
+ <p> Je suis un simple étudiant en première année d'école d'ingénieur à CentraleSupélec (du moins en 2021), pas mal intéressé par l'intelligence artificielle. J'occupe le poste de Président de l'assocation d'intelligence artificielle de CentraleSupélec (2021).</p>
+ <h4> Les Automatants ? </h4>
+ <p> Comme je l'ai dit plus haut, c'est l'association d'intelligence artificielle de CentraleSupélec. On rassemble des passionnés d'IA et on a pour but de promouvoir ce domaine à travers des formations et des projets principalement. N'hésitez pas à faire un tour sur notre site ! </p>
+ <h4> Remerciements </h4>
+ <p> Un grand merci pour les Automatants p2022 qui ont réussi à me motiver et à me former. Mention spéciale pour Axel Darmouni, qui m'a guidé en me fournissant les papiers sur lesquels je me suis appuyé. Merci également aux autres GPA qui m'ont accompagné au début du projet. </p>
+
+ </div>
+
+ </div>
+ </div>
+
+ </div>
+
</body>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script>
<script>
--
GitLab