Skip to content
Snippets Groups Projects
Commit 1aed4612 authored by Clement Wang's avatar Clement Wang
Browse files

change button

parent 85de04c9
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 91 additions and 4 deletions
index.html
+ 91
− 4
View file @ 1aed4612
...@@ -3,13 +3,100 @@ ...@@ -3,13 +3,100 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cat Generator</title> <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> </head>
<body> <body>
<button type="button">Generate a cat !</button>
<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> <p> Pas de click </p>
<div id="x"></div> <div id="x"></div>
<canvas id="myCanvas" width="64" height="64" style="border: 1px solid red ; width: 100px; height: 100px;"></canvas> <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> </body>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment