From 690130385529aa05e6fb3614cbbc81a48b21474e Mon Sep 17 00:00:00 2001 From: Kai Hendry Date: Fri, 2 Oct 2015 19:04:35 +0800 Subject: [PATCH] Styling without bootstrap --- Dockerfile | 1 + Makefile | 2 +- www/create.php | 6 ++++-- www/greptweet.appcache | 1 + www/icons/download.svg | 1 + www/icons/refresh.svg | 1 + www/icons/search.svg | 1 + www/index.html | 19 ++++++++----------- www/index.php | 29 +++-------------------------- www/main.js | 4 ++-- www/style.css | 18 ++++++++++++++++++ 11 files changed, 41 insertions(+), 42 deletions(-) create mode 100644 www/icons/download.svg create mode 100644 www/icons/refresh.svg create mode 100644 www/icons/search.svg create mode 100644 www/style.css diff --git a/Dockerfile b/Dockerfile index 5ea035e..457ecdb 100644 --- a/Dockerfile +++ b/Dockerfile @@ -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 diff --git a/Makefile b/Makefile index 76bd8c3..8b4d3b8 100644 --- a/Makefile +++ b/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) diff --git a/www/create.php b/www/create.php index 36e704e..37e2f8b 100755 --- a/www/create.php +++ b/www/create.php @@ -13,10 +13,9 @@ if(empty($id)) { Fetching tweets of <?php echo $id; ?> + -
-
%s 2>&1 &", $id, $logfile)); ?>

Fetching tweets can take time! And it's limited by Twitter to 3200 maximum at any one time. Please view the >logfile to see its progress.

+ + + diff --git a/www/greptweet.appcache b/www/greptweet.appcache index 31da0fc..c4415db 100644 --- a/www/greptweet.appcache +++ b/www/greptweet.appcache @@ -4,5 +4,6 @@ CACHE: tweets.txt /main.js /jquery.js +/style.css NETWORK: * diff --git a/www/icons/download.svg b/www/icons/download.svg new file mode 100644 index 0000000..19acb19 --- /dev/null +++ b/www/icons/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/icons/refresh.svg b/www/icons/refresh.svg new file mode 100644 index 0000000..8a751dd --- /dev/null +++ b/www/icons/refresh.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/icons/search.svg b/www/icons/search.svg new file mode 100644 index 0000000..596f77a --- /dev/null +++ b/www/icons/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/index.html b/www/index.html index 1a69c80..822b2d6 100644 --- a/www/index.html +++ b/www/index.html @@ -5,33 +5,30 @@ Grepping twitter backup + + -
-
- -
- - -
+ +
-
-
diff --git a/www/index.php b/www/index.php index 37dceda..83af3f5 100644 --- a/www/index.php +++ b/www/index.php @@ -2,7 +2,7 @@ GrepTweet - + @@ -10,37 +10,18 @@ + -
- - -
-

@Greptweet you can search your tweets

-
- -
- -
- -
-@ - -
- -
-
-
+ -
-
@@ -50,9 +31,5 @@

-
-
- - diff --git a/www/main.js b/www/main.js index a0d79d8..f507b3f 100644 --- a/www/main.js +++ b/www/main.js @@ -75,8 +75,8 @@ $(document).ready(function() { $("input[type=text]").focus(); - footer = '

Download'; - footer += ' Update

'; + footer = '
  • Download
    • '; + footer += '
  • Refresh
    • '; $("#source").html(footer); document.title = NAME; diff --git a/www/style.css b/www/style.css new file mode 100644 index 0000000..5a77994 --- /dev/null +++ b/www/style.css @@ -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;}