Commits

David Larlet  committed 7c1b817

Lighter CSS

  • Participants
  • Parent commits ecd6d6d

Comments (0)

Files changed (3)

 * pre-fetching of links in background, need to be asynchronuous
 * add the location of the browsing using [doko](https://bitbucket.org/larsyencken/doko), can be useful for search (I often remember where I read articles)
 * deal with non-article pages (homepages, lists, etc)
+* handle `CSS` themes with a good default

File src/static/style.css

 body        { background: #E8EFF0; margin: 0; padding: 0; }
 body, input { font-family: 'Helvetica Neue', Arial,
               sans-serif; font-weight: 300; font-size: 18px; }
-.box        { width: 650px; margin: 20px auto; padding: 20px;
-              font-size: 140%;
+.box        { width: 700px; margin: 20px auto; padding: 1em 2em;
+              font-size: 150%;
               background: white; box-shadow: 0 1px 4px #BED1D4;
               border-radius: 2px; }
 a           { color: #11557C; }
-h1, h2, h3  { margin: 0; color: #11557C; }
+h1, h2, h3  { margin: 0; color: #11557C; font-weight: normal; }
 h1 a        { text-decoration: none; }
-h2          { font-weight: normal; font-size: 30px; }
-h3          { font-weight: normal; font-size: 25px; }
 .source     { font-weight: lighter; font-size: 20px; color: black; }
 .tagline    { color: #888; font-style: italic; margin: 0 0 20px 0; }
-.link div   { overflow: auto; font-size: 0.8em; white-space: pre;
-              padding: 4px 10px; margin: 5px 0; background: #E5EAF1; }
 .error      { background: #E8EFF0; padding: 3px 8px; color: #11557C;
               font-size: 0.9em; border-radius: 2px; }
 .urlinput,
-.searchinput{ width: 450px; }
+.searchinput{ width: 500px; }

File src/templates/new_url.html

 {% extends "layout.html" %}
 {% block title %}Browse content{% endblock %}
 {% block body %}
-  <h1><a href=/>Browser</a></h1>
+  <h1>Browser</h1>
   <p class=tagline>Browse content from bloated web pages.
   <h2>Submit URL</h2>
   <form action="" method=post>
       <input type=text name=url value="{{ url }}" class=urlinput id=url>
       <input type=submit value="Browse content">
   </form>
-  <h2>or search in previous contents</h2>
+  <h2>or search in archives</h2>
   <form action="" method=post>
     {% if error %}
       <p class=error><strong>Error:</strong> {{ error }}
     {% endif %}
       <input type=text name=search value="{{ search }}" class=searchinput>
-      <input type=submit value="Search contents">
+      <input type=submit value="Search archives">
   </form>
+  <br /><br />
   <h2>Pro tip: use a bookmarklet!</h2>
   <p><a href="javascript:location.href='http://{{ proxy_url }}/r?url='+encodeURIComponent(location.href);">Browser</a> ← drop this bookmarklet in your favs' bar and click it when you're reading an article to jump to this content browser.</p>
 {% endblock %}