diff options
| author | Kyle K <kylek389@gmail.com> | 2017-03-27 23:51:31 -0500 |
|---|---|---|
| committer | Kyle K <kylek389@gmail.com> | 2017-03-27 23:51:31 -0500 |
| commit | 7bb4e303f853ad8515a81d3cf2061a6287df5ed4 (patch) | |
| tree | c997b6fc0c51c7c3e5f679f6f46dc676c923f2c4 /myapp | |
| parent | 6c4a69c8fc0635140ed2cf589cb87397cd9e8e87 (diff) | |
| download | CLscrap-master.tar.gz CLscrap-master.tar.bz2 CLscrap-master.zip | |
Diffstat (limited to 'myapp')
| -rw-r--r-- | myapp/templates/index.html | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/myapp/templates/index.html b/myapp/templates/index.html index 1a1f618..f2b7216 100644 --- a/myapp/templates/index.html +++ b/myapp/templates/index.html @@ -4,23 +4,22 @@ <meta charset="UTF-8"> <title>Craigslist Scraper</title> <style type="text/css"> + body { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNpi3L59OyMjIxMTEzMzMwMYsDDAAFACXQioEEKyAAFE6Pv37xATWOBG/PnzB6oRoh4ZAAQYANtuCFkrLEJ/AAAAAElFTkSuQmCC'); } #item-list { position: relative; } - .item { margin-bottom: 10px; width: 340px; height: 380px; float: left; margin-left: 10px; } - .item-title { display: block; font-size: 1.3em } + .item { margin-bottom: 10px; max-width: 280px; max-height: 280px; float: left; margin-left: 8px; width: 280px;height: 280px; vertical-align: top;overflow: hidden;border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 2px 0 #ddd; background-color: #ddd; } + .item-title { display: block; font-size: 1.1em; padding: 3px;} .item-price { font-weight: bold; padding-left: 20px;} - .item img { display: block; } + .item img { display: block; max-width: 280px;max-height: 210px;width: auto;height: auto;vertical-align: middle; margin: auto; border-radius: 3px; } </style> </head> <body> -<h2>Craigslist Scrapper</h2> +<h2>Craigslist Scraper</h2> <span>get list of current WRX STi parts for sale in Chicago area</span> <pre> url: {{ baseurl }} query: {{ keyword }} - author: fatalhalt https://github.com/fatalhalt/CLscrap - </pre> <div id="item-list"> {% for i in data %} |