jeena/woodwind
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

update styling for mobile

Browse source
This commit is contained in:
Kyle Mahan 2015-01-30 01:57:49 +00:00
parent 166b88a7ce
commit 8dd5b2ea1a
4 changed files with 26 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
woodwind/static/style.css
View file

@ -356,8 +356,6 @@ td,
th {
padding: 0; }
/*$body-font: Georgia, Times New Roman, serif;*/
/* Subtlety of Hue */
body {
font: 12pt Helvetica, Arial, sans-serif;
background: #ECEBF0; }
@ -404,7 +402,7 @@ article {
font-size: 1.2em;
font-weight: bold; }
@media screen and (max-width: 640px) {
@media only screen and (max-width: 800px) {
article header img {
vertical-align: text-middle;
margin: inherit;

2
woodwind/static/style.scss
View file

@ -79,7 +79,7 @@ article {
}
}
@media screen and (max-width: 640px) {
@media only screen and (max-width: 800px) {
article {
header {
img {

1
woodwind/templates/base.jinja2
View file

@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/>
{% block head %}{% endblock %}

36
woodwind/templates/feed.jinja2
View file

@ -4,18 +4,26 @@
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>
function attachListener() {
function attachListeners() {
$("#older-link").click(function(evt) {
evt.preventDefault();
$.get(this.href, function(result) {
$(".pager").replaceWith(
$("article,.pager", $(result)));
attachListener();
$("article,.pager", $(result)));
attachListeners();
});
});
$(".reply-form").css('display', 'none');
$(".show-reply-form").click(function(evt) {
var a = $(this);
evt.preventDefault();
$(".reply-form", a.parent()).css('display', 'inherit');
a.css('display', 'none');
});
}
$(attachListener);
$(attachListeners);
</script>
@ -60,15 +68,17 @@ $(attachListener);
<input type="hidden" name="like-of" value="{{ entry.permalink }}"/>
<button type="submit">Like</button>
</form>
<!--
<form action="{{ current_user.micropub_endpoint }}" method="POST">
<input type="hidden" name="access_token" value="{{current_user.access_token}}"/>
<input type="hidden" name="h" value="entry"/>
<input type="hidden" name="in-reply-to" value="{{ entry.permalink }}"/>
<textarea name="content"></textarea>
<button type="submit">Reply</button>
</form>
-->
<a href="#" class="show-reply-form">Reply</a>
<form class="reply-form" action="{{ current_user.micropub_endpoint }}" method="POST">
<input type="hidden" name="access_token" value="{{current_user.access_token}}"/>
<input type="hidden" name="h" value="entry"/>
<input type="hidden" name="in-reply-to" value="{{ entry.permalink }}"/>
<textarea name="content"></textarea>
<button type="submit">Reply</button>
</form>
</footer>
</article>
{% endfor %}