1
0
Fork 0

Basic authentication views

This commit is contained in:
Mouse Reeve 2020-01-25 15:25:19 -08:00
parent 4c4011ba75
commit a312791259
13 changed files with 322 additions and 24 deletions

View file

@ -0,0 +1,51 @@
{% extends 'layout.html' %}
{% block content %}
<div id="sidebar">
{% for shelf in shelves %}
<h1>{{ shelf.name }}</h1>
{% for book in shelf.books.all %}
<div class="book-preview">
<img class="cover" src="static/images/small.jpg">
<p class="title">{{ book.data.title }}</p>
<p>by <a href="" class="author">{{ book.authors.first.data.name }}</a></p>
{% if shelf.type == 'reading' %}
<button>Done reading</button>
{% endif %}
</div>
{% endfor %}
{% endfor %}
</div>
<div id="main">
<div class="update">
<div class="user-preview">
<img class="user-pic" src="static/images/profile.jpg">
<span><a href="" class="user">Mouse</a> is currently reading</span>
</div>
<div class="book-preview">
<img class="cover" src="static/images/med.jpg">
<p class="title">Moby Dick</p>
<p>by <a href="" class="author">Herman Melville</a></p>
<p>"Command the murderous chalices! Drink ye harpooners! Drink and swear, ye men that man the deathful whaleboat's bow -- Death to Moby Dick!" So Captain Ahab binds his crew to fulfil his obsession -- the destruction of the great white whale. Under his lordly but maniacal command the Pequod's commercial mission is perverted to one of vengeance...</p>
</div>
<div class="interact">
<span>⭐️ Like</span>
<span>💬 <input type="text"></input></span>
</div>
</div>
<div class="update">
<img class="user-pic" src="static/images/profile.jpg">
<span><a href="" class="user">Mouse</a> is currently reading</span>
<div class="book-preview">
<img class="cover" src="static/images/med.jpg">
<p class="title">Moby Dick</p>
<p>by <a href="" class="author">Herman Melville</a></p>
<p>"Command the murderous chalices! Drink ye harpooners! Drink and swear, ye men that man the deathful whaleboat's bow -- Death to Moby Dick!" So Captain Ahab binds his crew to fulfil his obsession -- the destruction of the great white whale. Under his lordly but maniacal command the Pequod's commercial mission is perverted to one of vengeance...</p>
</div>
<div class="interact">
<span>⭐️ Like</span>
<span>💬 <input type="text"></input></span>
</div>
</div>
</div>
{% endblock %}

View file

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>FediReads</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="/static/format.css">
<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="FediReads">
<meta name="og:title" content="FediReads">
<meta name="twitter:description" content="Federated Social Reading">
<meta name="og:description" content="Federated Social Reading">
<meta name="twitter:creator" content="@tripofmice">
<meta name="twitter:site" content="@tripofmice">
</head>
<body>
<div id="top-bar">
<header>
<div id="branding">📚FediReads</div>
<div>
<div id="account">
{% if user.is_authenticated %}
<form name="logout" action="/logout/" method="post">
Welcome, {{ user.username }}
<input type="submit" value="Log out"></input>
</form>
{% else %}
<form name="login" action="/login/" method="post">
<input type="text" name="username"></input>
<input type="password" name="password"></input>
<input type="submit" value="Log in"></input>
</form>
{% endif %}
</div>
<div id="search">
<form action="search">
<input type="text" name="q"></input>
<input type="submit" value="🔍"></input>
</form>
</div>
</div>
</header>
</div>
<div id="content">
<div>
{% block content %}
{% endblock %}
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,8 @@
{% extends 'layout.html' %}
{% block content %}
<form name="login" method="post">
<input type="text" name="username"></input>
<input type="password" name="password"></input>
<input type="submit"></input>
</form>
{% endblock %}