Files
old-flip/index.html

170 lines
4.1 KiB
HTML
Raw Permalink Normal View History

2013-03-07 22:25:52 -08:00
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/Organization">
<head>
<meta charset="utf-8">
2013-12-09 05:27:26 +00:00
<title>IslamBosna rijeci</title>
2013-12-08 09:39:43 +01:00
<meta name="description" content="IslamBosna rijeci word puzzles">
<meta name="author" content="Ahmed Islamovic">
2013-03-07 22:25:52 -08:00
<meta property="og:type" content="website" />
2013-12-08 09:39:43 +01:00
<meta property="og:title" content="islambosna.ba" />
2013-03-07 22:25:52 -08:00
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="./apple-touch-icon.png">
<link rel="stylesheet" href="./lib/normalize.css">
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div class="main">
<div class="topnav">
2013-03-07 22:25:52 -08:00
<h1 class="title"></h1>
<h1 class="titlenum"></h1>
</div>
<div class="content">
<iframe id="hiddeniframe" style="visibility: hidden" src="http://www.islambosna.ba/forum/rijeci_get_user.php"></iframe>
2013-03-07 22:25:52 -08:00
</div>
<div class="footer">
2013-12-09 05:27:26 +00:00
<a href="http://www.islambosna.ba"><img src="http://www.islambosna.ba/wp-content/uploads/2013/06/logotip_noba_520t.png" /></a><br />
Developed by <a href="http://www.russellbeattie.com">Russell Beattie</a>, modified by Ahmed Islamovic.
2013-03-07 22:25:52 -08:00
</div>
</div>
<script type="text/template" class="homeTemplate">
<h3>
2013-12-23 03:47:00 +00:00
Dobrodošao <%=App.username%> u 99 zagonetki iz poznavanja rijeci.
2013-03-07 22:25:52 -08:00
</h3>
2013-03-07 22:25:52 -08:00
<div class="puzhome">
<form class="puz-form">
Enter a Number: <br>
<input pattern="[0-9]*" name="puznum" class="puznum" value="<%=App.puzzleView.puzNum ? App.puzzleView.puzNum : ''%>">
<button class="go-btn btn">Idi</button> <button class="random-btn btn">Slučajni izbor</button>
2013-03-07 22:25:52 -08:00
</form>
</div>
<%
var wins = App.getWins();
if(wins.length > 0){
%>
<div class="wins">
Wins:
<%
for(var i = 0; i < wins.length; i++){
var win = wins[i];
%>
<a href="#<%=win%>">#<%=win%></a>
<%
}
%>
</div>
<%
}
%>
</script>
<script type="text/template" class="puzzleTemplate">
<%
var puzzle = obj;
%>
<div class="answer">
<span class="answertext"></span>
<span class="reset">X</span>
</div>
<div class="clues">
<ul>
<%
var clues = puzzle['clues'];
for(var i = 0; i < clues.length; i++){
var clue = clues[i]
%>
2013-12-09 08:44:45 +00:00
<li data-answer="<%=clue['word']%>" data-title="<%=rot13(clue['word'])%>">
<span class="word"><%=clue['word'].length%> slova</span>:
2013-03-07 22:25:52 -08:00
<span class="def"><%=clue['def']%></span>
</li>
<%
}
%>
</ul>
</div>
<div class="nav">
<span class="gohome">Početna</span>
<span class="restart">Ponovi</span>
<span class="hint">Pomoć</span>
<span class="sort">Sortiraj</span>
<span class="shuffle">Izmješaj</span>
2013-12-08 09:39:43 +01:00
<span class="pogoci">Pogoci</span>
<span class="pobjede">Pobjede</span>
2013-03-07 22:25:52 -08:00
</div>
<div class="squares">
<table>
<tr>
<%
var squares = puzzle['squares'];
for(var i = 0; i < squares.length; i++){
var sq = squares[i]
if(i % 6 == 0){
2013-03-07 22:25:52 -08:00
%>
<tr>
<%
}
%>
<td>
<div class="square letters"><%=sq%></div>
</td>
<%
}
%>
</table>
</div>
<div class="timer">00:00<div>
</script>
<script type="text/template" class="winTemplate">
2013-12-23 04:54:38 +01:00
<h1>Odlično!</h1>
<h3>Vaše vrijeme je: <%=formatTime(App.puzzleView.secs)%></h3>
2013-03-07 22:25:52 -08:00
<div class="nav">
2013-12-23 04:54:38 +01:00
<span class="next">Sljedeća zagonetka!</span>
2013-03-07 22:25:52 -08:00
<div class="share">
<%
var params = {
url: document.location.href,
text: 'Riješio sam ovu IslamBosna.ba zagonetku za ' + formatTime(App.puzzleView.secs) + ' minuta! ' + document.location.href
2013-03-07 22:25:52 -08:00
}
paramString = $.param(params);
%>
<span><a class="share" target="_blank" href="https://twitter.com/share?url=<%=paramString%>"><i></i> Podijeli na twitteru</a></span>
2013-03-07 22:25:52 -08:00
</div>
</div>
</script>
<script src="./lib/jquery.min.js"></script>
<script src="./lib/lodash.min.js"></script>
<script src="./lib/backbone.min.js"></script>
<script src="./puzzles.js"></script>
<script src="./app.js"></script>
<script>
$(function () {
App.init();
});
</script>
</body>
</html>