mirror of
https://github.com/thewesker/greptweet.git
synced 2025-12-20 04:01:06 -05:00
Styling without bootstrap
This commit is contained in:
Kai Hendry
@@ -21,6 +21,7 @@ ADD nginx.ini /etc/supervisor.d/nginx.ini
|
||||
|
||||
RUN mkdir -p /srv/http/u
|
||||
VOLUME /srv/http/u/
|
||||
VOLUME /srv/http/
|
||||
|
||||
EXPOSE 80
|
||||
|
||||
|
||||
2
Makefile
2
Makefile
@@ -10,7 +10,7 @@ build:
|
||||
docker build -t $(REPO) .
|
||||
|
||||
start:
|
||||
docker run -d --name $(NAME) -v /srv/www/greptweet.com:/srv/http/u -p 81:80 $(REPO)
|
||||
docker run -d --name $(NAME) -v /mnt/2tb/greptweet/:/srv/http/u -v $(PWD)/www:/srv/http/ -p 81:80 $(REPO)
|
||||
|
||||
stop:
|
||||
docker stop $(NAME)
|
||||
|
||||
@@ -13,10 +13,9 @@ if(empty($id)) {
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Fetching tweets of <?php echo $id; ?></title>
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
|
||||
<?php
|
||||
if (is_dir("u/$id")) {
|
||||
@@ -43,3 +42,6 @@ $logfile = "fetch-" . time() . ".log";
|
||||
exec(sprintf("../../fetch-tweets.sh %s > %s 2>&1 &", $id, $logfile));
|
||||
?>
|
||||
<p>Fetching tweets can take time! And it's limited by Twitter to 3200 maximum at any one time. Please view the <a href=/u/<?php echo "$id/$logfile";?>>logfile</a> to see its progress.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -4,5 +4,6 @@ CACHE:
|
||||
tweets.txt
|
||||
/main.js
|
||||
/jquery.js
|
||||
/style.css
|
||||
NETWORK:
|
||||
*
|
||||
|
||||
1
www/icons/download.svg
Normal file
1
www/icons/download.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 928q0-14-9-23t-23-9h-224v-352q0-13-9.5-22.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 22.5v352h-224q-13 0-22.5 9.5t-9.5 22.5q0 14 9 23l352 352q9 9 23 9t23-9l351-351q10-12 10-24zm640 224q0 159-112.5 271.5t-271.5 112.5h-1088q-185 0-316.5-131.5t-131.5-316.5q0-130 70-240t188-165q-2-30-2-43 0-212 150-362t362-150q156 0 285.5 87t188.5 231q71-62 166-62 106 0 181 75t75 181q0 76-41 138 130 31 213.5 135.5t83.5 238.5z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 529 B |
1
www/icons/refresh.svg
Normal file
1
www/icons/refresh.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1639 1056q0 5-1 7-64 268-268 434.5t-478 166.5q-146 0-282.5-55t-243.5-157l-129 129q-19 19-45 19t-45-19-19-45v-448q0-26 19-45t45-19h448q26 0 45 19t19 45-19 45l-137 137q71 66 161 102t187 36q134 0 250-65t186-179q11-17 53-117 8-23 30-23h192q13 0 22.5 9.5t9.5 22.5zm25-800v448q0 26-19 45t-45 19h-448q-26 0-45-19t-19-45 19-45l138-138q-148-137-349-137-134 0-250 65t-186 179q-11 17-53 117-8 23-30 23h-199q-13 0-22.5-9.5t-9.5-22.5v-7q65-268 270-434.5t480-166.5q146 0 284 55.5t245 156.5l130-129q19-19 45-19t45 19 19 45z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 630 B |
1
www/icons/search.svg
Normal file
1
www/icons/search.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 454 B |
@@ -5,33 +5,30 @@
|
||||
<title>Grepping twitter backup</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<script src="/jquery.js"></script>
|
||||
<link rel="icon" type="image/svg+xml" href="/icons/greptweet_birdie.svg">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
|
||||
<ul class="breadcrumb">
|
||||
<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="search-query form-control">
|
||||
<button type="submit" class="btn btn-primary btn-lg"><i class="glyphicon glyphicon-search"></i> Greptweet</button>
|
||||
</div>
|
||||
<input type="search" spellcheck="false" autofocus>
|
||||
<button type="submit">Greptweet</button>
|
||||
|
||||
<div id="results"></div>
|
||||
|
||||
<script async src="/main.js"></script>
|
||||
|
||||
<footer><span id="source"></span>
|
||||
<ul id="source"></ul>
|
||||
|
||||
<footer>
|
||||
<p>Sponsored by <a href="http://webconverger.com">Webconverger who provide foolproof Web kiosk software</a></p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>GrepTweet</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
|
||||
<meta name=viewport content="width=device-width, initial-scale=1">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="apple-mobile-web-app-title" content="GrepTweet">
|
||||
@@ -10,37 +10,18 @@
|
||||
<link rel=icon href=/icons/greptweet_birdie.svg sizes="any" type="image/svg+xml">
|
||||
<link href="/icons/120x120.png" sizes="120x120" rel="apple-touch-icon">
|
||||
<meta name="description" content="Download and search your tweets - no password login required!">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="page-header">
|
||||
<h1><a href="http://twitter.com/greptweet">@Greptweet</a> <small>you can search your tweets</small></h1>
|
||||
</div>
|
||||
|
||||
<form name="f" action="create.php" method="get">
|
||||
|
||||
<div class="well">
|
||||
|
||||
<div class="clearfix">
|
||||
<label for="username">Twitter username</label>
|
||||
|
||||
<div class="input-group input-group-lg">
|
||||
<span class="input-group-addon">@</span>
|
||||
<input class="form-control" id="username" type="text" name="id" required placeholder="kaihendry">
|
||||
</div>
|
||||
|
||||
<div class="input">
|
||||
</div>
|
||||
</div>
|
||||
<input id="username" type="text" name="id" autofocus required placeholder="kaihendry">
|
||||
|
||||
<button class="btn btn-primary btn-lg" id="b" type="submit">Fetch tweets</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<footer>
|
||||
@@ -50,9 +31,5 @@
|
||||
</a></p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -75,8 +75,8 @@ $(document).ready(function() {
|
||||
|
||||
$("input[type=text]").focus();
|
||||
|
||||
footer = '<p><a href=tweets.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>';
|
||||
footer = '<li><a href=tweets.txt><img src="/icons/download.svg" alt="Download"></a></li>';
|
||||
footer += '<li><a href="' + "/f/" + NAME + '"><img src="/icons/refresh.svg" alt="Refresh"></a></li>';
|
||||
$("#source").html(footer);
|
||||
document.title = NAME;
|
||||
|
||||
|
||||
18
www/style.css
Normal file
18
www/style.css
Normal file
@@ -0,0 +1,18 @@
|
||||
body {
|
||||
font-family: "San Francisco", sans-serif;
|
||||
max-width: 50em;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
padding: 0 1.5em 3%;
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
|
||||
body > * { max-width: inherit; overflow: auto; -webkit-overflow-scrolling: touch; }
|
||||
|
||||
#source li a img { width: 4em; background-color: silver; }
|
||||
|
||||
ul { margin: 0; padding: 0 }
|
||||
|
||||
ul li { list-style-type: none; display: inline; }
|
||||
|
||||
input, button { font-size: 1.3em; max-width: 10em;}
|
||||
Reference in New Issue
Block a user