Skip to content

Commit

Permalink
Presentation, buttons for blog and picture page
Browse files Browse the repository at this point in the history
  • Loading branch information
@mmewen
mmewen committed Sep 18, 2017
1 parent badfafa commit 00bc291
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 27 deletions.
4 changes: 4 additions & 0 deletions assets/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,4 +95,8 @@ a:hover {

header > p.no-margin {
margin: 0;
}

.left {
text-align: left;
}
Binary file added images/photo_equipe_2017.JPG
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
122 changes: 95 additions & 27 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,12 +50,13 @@ <h1 id="title">Jane Doe</h1>
<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-users">Présentation</span></a></li>
<li><a href="#blog" id="blog-link" class="skel-layers-ignoreHref"><span class="icon fa-bullhorn">Dernier billet de blog</span></a></li>
<li><a href="#pictures" id="pictures-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Photos</span></a></li>
<li><a href="#cup" id="cup-link" class="skel-layers-ignoreHref"><span class="icon fa-trophy">La coupe</span></a></li>
<li><a href="#team" id="team-link" class="skel-layers-ignoreHref"><span class="icon fa-users">L'équipe</span></a></li>
<li><a href="#partners" id="partners-link" class="skel-layers-ignoreHref"><span class="icon fa-handshake-o">Partenaires</span></a></li>
<!-- <li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li> -->
<hr/>
<li><a href="blog" id="foobar-link"><span class="icon fa-bullhorn"><span class="small icon fa-external-link-square"></span>Blog</span></a></li>
<li><a href="wiki" id="foobar-link"><span class="icon fa-wikipedia-w"><span class="small icon fa-external-link-square"></span>Wiki</span></a></li>
<li><a href="blog" id="wordpress-link"><span class="icon fa-bullhorn"><span class="small icon fa-external-link-square"></span>Blog</span></a></li>
<li><a href="wiki" id="wiki-link"><span class="icon fa-wikipedia-w"><span class="small icon fa-external-link-square"></span>Wiki</span></a></li>
</ul>
</nav>

Expand All @@ -65,9 +66,9 @@ <h1 id="title">Jane Doe</h1>

<!-- Social Icons -->
<ul class="icons">
<li><a href="https://www.facebook.com/utcoupe/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/utcoupe/" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://www.facebook.com/utcoupe/" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/utcoupe/" target="_blank" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>

</div>
Expand All @@ -93,17 +94,26 @@ <h2 class="alt"><strong>UTCoupe</strong>, <br/>l'association de robotique de l'<
<section id="about" class="two">
<div class="container">



<header>
<h2>Présentation</h2>
<header class="left">
<div class="row">
<div class="6u 12u$(mobile)">
<p> <a href="http://assos.utc.fr/utcoupe/" title="Ceci est une récursivité :)">UTCoupe</a> est l'association de robotique de l'<a href="http://www.utc.fr" target="_blank">UTC</a>.</p>
<p>Nous sommes une équipe d'une dizaine de personnes qui participe chaque année à la <a href="http://www.coupederobotique.fr/" target="_blank">Coupe de France de Robotique</a> organisée par <a href="http://www.planete-sciences.org" target="_blank">Planète Science</a>. <a href="#cup">Mais qu'est-ce que la Coupe ?</a></p>
</div>
<div class="6u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/photo_equipe_2017.JPG" alt="" /></a>
</article>
</div>
</div>
<p>Si l'aventure te tente toi aussi et que tu veux relever un défi technique en mécanique, informatique ou électronique, n'hésite pas à nous rejoindre, nous recrutons pour la prochaine coupe !</p>
</header>
</header>

<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>

</div>
</section>

Expand All @@ -118,7 +128,10 @@ <h2>Dernier billet de blog</h2>
<h3 class="icon fa-circle-o" id="loading-post-icon"></h3>
<div class="hide" id="last-blog-post"></div>
</div>

<footer>
<a href="blog" class="scrolly"><span class="icon fa-bullhorn"> Lire le blog</span></a>
</footer>

</div>
</section>

Expand All @@ -127,13 +140,12 @@ <h3 class="icon fa-circle-o" id="loading-post-icon"></h3>
<div class="container">

<header>
<h2>Photos de l'édition 2017</h2>
<h2>Photos</h2>
</header>

<p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
fusce hendrerit lacus ridiculus.</p>
<p>La 24ème édition de la Coupe de France de Robotique, s'est tenue du 24 au 27 mai 2017, à <a href="http://www.openstreetmap.org/node/1800586444#map=6/46.830/2.659" target="_blank">La-Roche-sur-Yon</a>.</p>
<p>Cette année, malgré quelques déboires, nous avons réussi à nous classer 114ème sur 200 équipes inscrites, en participant à 2 matchs sur les 5 des qualifications.
</p>

<div class="row">
<div class="4u 12u$(mobile)">
Expand Down Expand Up @@ -180,6 +192,22 @@ <h3>Orci Convallis</h3>
</div>
</div>

<footer>
<a href="photos.html" class="scrolly"><span class="icon fa-th"> Voir toutes les photos</span></a>
</footer>

</div>
</section>

<section id="cup" class="two">
<div class="container">

<header>
<h2>La Coupe</h2>
</header>

<p>Cet événement majeur, organisé par Planète Sciences, rassemble le temps de quelques jours pas moins de 200 équipes, issues d'écoles d'ingénieurs, d'universités, d'IUT ou tout simplement de passionnés.<br/>
Le principe de la coupe est simple : 2 équipes font s'affronter leurs robots, durant un match de 90s. Les robots doivent accomplir certaines tâches, leur rapportant des points, de façon totalement autonome. L'équipe qui marque le plus de points remporte le match. Les phases finales ont lieu à l'issu des 5 matchs de qualification. <br/>
</div>
</section>

Expand Down Expand Up @@ -271,22 +299,62 @@ <h3>Gaëtan</h3>
</div>
</section>

<section id="partners" class="six">
<section id="partners" class="four">
<div class="container">

<header>
<h2>Nos partenaires</h2>
</header>

<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>

<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>
<p>Elementum sem parturient nulla quam placerat viverra
mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>

<div class="row">
<div class="4u 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>Ipsum Feugiat</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Rhoncus Semper</h3>
</header>
</article>
</div>
<div class="4u 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>Magna Nullam</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3>Natoque Vitae</h3>
</header>
</article>
</div>
<div class="4u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h3>Dolor Penatibus</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
<header>
<h3>Orci Convallis</h3>
</header>
</article>
</div>
</div>
</div>
</section>

Expand Down

0 comments on commit 00bc291

Please sign in to comment.