Changes for Bootstrap 3 ... pretty painful

This commit is contained in:
Kai Hendry
2014-01-17 14:05:36 +08:00
parent 42ebb7aa11
commit 03d99776f9
5 changed files with 22 additions and 23 deletions

View File

@@ -4,7 +4,7 @@ CACHE:
tweets.txt
/main.js
/bootstrap/css/bootstrap.min.css
/bootstrap/css/bootstrap-responsive.min.css
/bootstrap/css/bootstrap-theme.min.css
/bootstrap/img/glyphicons-halflings.png
/jquery.js
NETWORK:

View File

@@ -1,11 +1,11 @@
<!DOCTYPE HTML>
<html manifest="greptweet.appcache">
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
<title>Grepping twitter backup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.min.css">
<link rel="icon" href="/favicon.ico">
</head>
@@ -15,13 +15,13 @@
<div class="content">
<ul class="breadcrumb">
<li><a id="home" href="/">Home</a> <span class="divider">/</span></li>
<li><a id="home" href="/">Home</a> </li>
<li id="name" class="active">You are here</li>
</ul>
<div class="well">
<input type="search" spellcheck="false" class="input-medium search-query">
<button type="submit" class="btn btn-large btn-primary"><i class="icon-search"></i> Greptweet</button>
<input type="search" spellcheck="false" class="search-query form-control">
<button type="submit" class="btn btn-primary btn-lg"><i class="glyphicon glyphicon-search"></i> Greptweet</button>
</div>
<div id="results"></div>
@@ -35,6 +35,5 @@
</div>
</div>
</body>
</html>

View File

@@ -1,14 +1,13 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<html><head>
<meta charset="utf-8">
<title>GrepTweet</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Download and search your tweets - no password login required!" />
<meta name="description" content="Download and search your tweets - no password login required!">
<link rel="apple-touch-icon-precomposed" href="http://a0.twimg.com/profile_images/1206037111/greptweet.png">
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.min.css">
<script>
function getCookie( oName ) {
var splitcookie = document.cookie.split( "; " ), x, cookiepair;
@@ -47,11 +46,11 @@ if (user) { window.location.replace("/u/" + user); }
<div class="clearfix">
<label for="username">Twitter username</label>
<div class="input">
<input class="xlarge" id="username" type="text" name="id" size="16" autocomplete="off" required placeholder="kaihendry">
<input class="form-control" id="username" type="text" name="id" autocomplete="off" required placeholder="kaihendry">
</div>
</div>
<button class="btn btn-large btn-primary" id="b" onclick="submitPressed()">Fetch tweets</button>
<button class="btn btn-primary btn-lg" id="b" onclick="submitPressed()">Fetch tweets</button>
</div>
</form>
@@ -59,12 +58,13 @@ if (user) { window.location.replace("/u/" + user); }
<footer>
<p>Super-geeks please <a href="https://github.com/kaihendry/Greptweet">report issues and contribute on Github</a> :)</p>
<p>Active accounts: <!--#include virtual="active-users.txt" --></p>
<p>Version: <a href=https://github.com/kaihendry/Greptweet/commit/<!--#include virtual="version.txt" -->><!--#include virtual="version.txt" --></a></p>
<p>Version: <a href=https://github.com/kaihendry/Greptweet/commit/<!--#include virtual="version.txt" --></a></p>
<p>Backup: <code>rsync -rz --include "*/" --include "*.txt" --exclude "*" greptweet.com::greptweet .</code></p>
</footer>
</div>
</div>
</body>
</html>

10
jquery.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -1,6 +1,6 @@
var l = []; // avoid expensive $.get for local searches
function search(query, lines) {
var results = "<p class=\"label\">Searched for: " + query + "</p><ol>";
var results = "<p>Searched for: " + query + "</p><ol>";
for (var i = 0; i < lines.length; i++) {
tweet = lines[i].split('|');
var re = new RegExp(query, 'i');
@@ -74,8 +74,8 @@ $(document).ready(function() {
$("input[type=text]").focus();
footer = '<p><a href="' + NAME + '.txt" class="btn primary"><i class="icon-download"></i> Download</a>';
footer += '<a href="' + "/f/" + NAME + '" class="btn"><i class="icon-refresh"></i> Update</a></p>';
footer = '<p><a href="' + NAME + '.txt" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-download"></i> Download</a>';
footer += '<a href="' + "/f/" + NAME + '" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-refresh"></i> Update</a></p>';
$("#source").html(footer);
document.title = NAME;