stared to use mithril
This commit is contained in:
didier amyot committed
1 parent
81867777a0
commit
b651c6ac5e
10 files changed
+519
-117
No files matched your search
+16
-110
@@ -1,115 +1,21 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Balle Phenix</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<script src="lib/mithril/mithril.min.js"></script>
|
||||
<head>
|
||||
<title>Balle Phenix</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<script src="lib/mithril/mithril.min.js"></script>
|
||||
<script src="lib/lodash/dist/lodash.min.js"></script>
|
||||
|
||||
<nav class="uk-navbar">
|
||||
<div class="uk-navbar-content uk-navbar-center">
|
||||
<ul class="uk-navbar-nav">
|
||||
<li class="uk-parent">
|
||||
<a href="https://www.facebook.com/LigueDeBalleLesPhenix">
|
||||
<i class="fa fa-facebook-square"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="uk-active"><a href="index.html">Acceuil</a></li>
|
||||
<li class="uk-parent"><a href="calendrier.html">Calendrier</a></li>
|
||||
<li class="uk-parent"><a>Règlements</a></li>
|
||||
<li class="uk-parent"><a>Photos</a></li>
|
||||
<li class="uk-parent"><a>Membre</a></li>
|
||||
<li class="uk-parent"><a>Nous Joindre</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="uk-grid">
|
||||
<div class="uk-width-1-3"></div>
|
||||
<div class="uk-width-1-3">
|
||||
<div class="uk-cover-background"
|
||||
style="height: 500px; background-size: 500px; background-image: url(/images/phenix_logo.png);">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="uk-grid">
|
||||
<div class="uk-width-1-5"></div>
|
||||
<div class="uk-width-1-5">
|
||||
<div class="uk-panel uk-panel-box">
|
||||
<div class="uk-panel-badge uk-badge">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
</div>
|
||||
<h3 class="uk-panel-title">Nouvelles</h3>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed od
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-5">
|
||||
<div class="uk-panel uk-panel-box">
|
||||
<div class="uk-panel-badge uk-badge"><i class="fa fa-clock-o"></i> </div>
|
||||
<h3 class="uk-panel-title">Horaire</h3>
|
||||
<table class="uk-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Heure</th>
|
||||
<th>Visiteur</th>
|
||||
<th>Receveur</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td>30 fevrier 2016</td>
|
||||
<td>18h60</td>
|
||||
<td>Mauve</td>
|
||||
<td>Noir</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30 fevrier 2016</td>
|
||||
<td>18h60</td>
|
||||
<td>Mauve</td>
|
||||
<td>Noir</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-5">
|
||||
<div class="uk-panel uk-panel-box">
|
||||
<div class="uk-panel-badge uk-badge"><i class="fa fa-map-o"></i></div>
|
||||
<h3 class="uk-panel-title">Parc</h3>
|
||||
<div style="width: 100%; height: 300px; background-color: red;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-5"></div>
|
||||
</div>
|
||||
|
||||
<footer class="uk-grid ph-footer" style="padding: 80px;">
|
||||
<div class="uk-container uk-container-center uk-text-center">
|
||||
<div class="uk-panel">
|
||||
Ligue de balle les Phénix … pour le plaisir de jouer!
|
||||
</div>
|
||||
<ul class="uk-subnav uk-subnav-line uk-flex-center">
|
||||
<li><a href="mailto:info@ballephenix.com">info@ballephenix.com</a></li>
|
||||
</ul>
|
||||
<h1>
|
||||
<a href="https://www.facebook.com/LigueDeBalleLesPhenix">
|
||||
<i class="fa fa-facebook-square"></i>
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
<script src="script/results.js"></script>
|
||||
<script src="script/structure.js"></script>
|
||||
<script src="script/mainPage.js"></script>
|
||||
<script src="script/calendarPage.js"></script>
|
||||
<script src="script/phenix.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user