commit
266d5fc1cd
18 changed files with 62777 additions and 0 deletions
@ -0,0 +1,9 @@ |
|||||
|
default: run |
||||
|
|
||||
|
setup: |
||||
|
@python3 -m venv .venv |
||||
|
@.venv/bin/pip install -r requirements.txt |
||||
|
|
||||
|
run: |
||||
|
@.venv/bin/python feedmode.py |
||||
|
|
||||
@ -0,0 +1,12 @@ |
|||||
|
# feedmode |
||||
|
|
||||
|
Multifeeder/RSS feeds → selection + CSS + template → PDF (very beta) |
||||
|
|
||||
|
## Use feedmode locally |
||||
|
|
||||
|
`make setup` (sets up a virtual environment and install the requirements) |
||||
|
|
||||
|
`make run` (runs the Flask application) |
||||
|
|
||||
|
Open the application at <http://localhost:5001>. |
||||
|
|
||||
@ -0,0 +1,4 @@ |
|||||
|
class Config(object): |
||||
|
PORTNUMBER = 5001 |
||||
|
PAD_API_URL = 'https://pad.vvvvvvaria.org/api/1.2.15/' |
||||
|
PAD_API_KEY = '<insert API key here>' |
||||
@ -0,0 +1,138 @@ |
|||||
|
import flask |
||||
|
from flask import request, redirect |
||||
|
from urllib.request import urlopen |
||||
|
from urllib.parse import urlencode |
||||
|
import json |
||||
|
import os |
||||
|
import pypandoc |
||||
|
from jinja2 import Template |
||||
|
|
||||
|
APP = flask.Flask(__name__) |
||||
|
APP.config.from_object("config.Config") |
||||
|
|
||||
|
# --- |
||||
|
|
||||
|
def get_pad_content(pad): |
||||
|
arguments = { |
||||
|
'padID' : pad, |
||||
|
'apikey' : APP.config['PAD_API_KEY'] |
||||
|
} |
||||
|
api_call = 'getText' |
||||
|
response = json.load(urlopen(f"{ APP.config['PAD_API_URL'] }{ api_call }", data=urlencode(arguments).encode())) |
||||
|
content = response['data']['text'] |
||||
|
|
||||
|
return content |
||||
|
|
||||
|
def update_pad_contents(): |
||||
|
# download the stylesheet + template pad |
||||
|
css = get_pad_content('feedmode.css') |
||||
|
template = get_pad_content('feedmode.template') |
||||
|
# !!! this breaks the whole idea that this application can be shared by multiple projects at the same time |
||||
|
# !!! but py_pandoc needs to run with files........ hmmm |
||||
|
with open('templates/pandoc-template.html', 'w') as f: |
||||
|
f.write(template) |
||||
|
|
||||
|
return css, template |
||||
|
|
||||
|
def get_multifeeder_feed(query): |
||||
|
feed_json = json.load(urlopen(query)) |
||||
|
multifeeder_template = open('templates/multifeeder-template.html').read() |
||||
|
jinja_template = Template(multifeeder_template) |
||||
|
feed_html = jinja_template.render(response=feed_json) |
||||
|
|
||||
|
return feed_html, feed_json |
||||
|
|
||||
|
def load_query(): |
||||
|
query = open('static/query.txt').read().strip() # !!! needs fixing |
||||
|
|
||||
|
return query |
||||
|
|
||||
|
# --- |
||||
|
|
||||
|
@APP.route('/', methods=['GET']) |
||||
|
def index(): |
||||
|
return redirect("/preview/", code=302) |
||||
|
|
||||
|
@APP.route('/update/', methods=['POST']) |
||||
|
def update(): |
||||
|
query = request.form['query'] |
||||
|
with open('static/query.txt', 'w') as out: |
||||
|
out.write(query) |
||||
|
|
||||
|
return redirect("/select/", code=302) |
||||
|
|
||||
|
@APP.route('/select/', methods=['GET']) |
||||
|
def select(): |
||||
|
# get feed contents |
||||
|
# render selection template with checkboxes |
||||
|
query = load_query() |
||||
|
x, feed_json = get_multifeeder_feed(query) |
||||
|
|
||||
|
return flask.render_template('selection-template.html', feed=feed_json, query=query) |
||||
|
|
||||
|
@APP.route('/preview/', methods=['GET']) |
||||
|
def preview(): |
||||
|
# update pad contents |
||||
|
x, template_content = update_pad_contents() |
||||
|
# get feed contents |
||||
|
query = load_query() |
||||
|
feed_html, x = get_multifeeder_feed(query) |
||||
|
# render multifeeder feed in template |
||||
|
template = Template(template_content) |
||||
|
html = template.render(feed=feed_html, mode="screen") |
||||
|
|
||||
|
return flask.render_template('html.html', html=html, query=query) |
||||
|
|
||||
|
@APP.route('/stylesheet/', methods=['GET']) |
||||
|
def stylesheet(): |
||||
|
ext = '.css' |
||||
|
query = load_query() |
||||
|
|
||||
|
return flask.render_template('pad.html', name="feedmode", ext=ext, query=query) |
||||
|
|
||||
|
@APP.route('/template/', methods=['GET']) |
||||
|
def template(): |
||||
|
ext = '.template' |
||||
|
query = load_query() |
||||
|
|
||||
|
return flask.render_template('pad.html', name="feedmode", ext=ext, query=query) |
||||
|
|
||||
|
@APP.route('/pdf/') |
||||
|
def pdf(): |
||||
|
query = load_query() |
||||
|
|
||||
|
return flask.render_template('pdf.html', query=query) |
||||
|
|
||||
|
# ////////////// |
||||
|
# rendered resources (not saved as a file on the server) |
||||
|
|
||||
|
@APP.route('/print.css') |
||||
|
def css(): |
||||
|
css, x = update_pad_contents() |
||||
|
|
||||
|
return css, 200, {'Content-Type': 'text/css; charset=utf-8'} |
||||
|
|
||||
|
@APP.route('/pandoc-template.html') |
||||
|
def pandoc_template(): |
||||
|
x, template = update_pad_contents() |
||||
|
|
||||
|
return template, 200, {'Content-Type': 'text/html; charset=utf-8'} |
||||
|
|
||||
|
@APP.route('/pagedjs.html') |
||||
|
def pagedjs(): |
||||
|
# update pad contents |
||||
|
x, template = update_pad_contents() |
||||
|
# get feed contents |
||||
|
query = "https://multi.vvvvvvaria.org/API/latest/50" # !!! needs fixing |
||||
|
feed_html, feed_json = get_multifeeder_feed(query) |
||||
|
# render multifeeder feed in template |
||||
|
jinja_template = Template(template) |
||||
|
html = jinja_template.render(feed=feed_html, mode="print") |
||||
|
|
||||
|
return html, 200, {'Content-Type': 'text/html; charset=utf-8'} |
||||
|
|
||||
|
# ////////////// |
||||
|
|
||||
|
if __name__ == '__main__': |
||||
|
APP.debug=True |
||||
|
APP.run(host="0.0.0.0", port=f'{ APP.config["PORTNUMBER"] }', threaded=True) |
||||
@ -0,0 +1,17 @@ |
|||||
|
click==8.0.3 |
||||
|
Flask==2.0.2 |
||||
|
importlib-metadata==4.10.1 |
||||
|
itsdangerous==2.0.1 |
||||
|
Jinja2==3.0.3 |
||||
|
Markdown==3.3.6 |
||||
|
MarkupSafe==2.0.1 |
||||
|
pandoc==2.0.1 |
||||
|
pkg-resources==0.0.0 |
||||
|
plumbum==1.7.2 |
||||
|
ply==3.11 |
||||
|
pypandoc==1.7.2 |
||||
|
typing-extensions==4.0.1 |
||||
|
urllib3==1.26.8 |
||||
|
Werkzeug==2.0.2 |
||||
|
zipp==3.7.0 |
||||
|
|
||||
@ -0,0 +1,76 @@ |
|||||
|
body{ |
||||
|
min-width: 900px; |
||||
|
} |
||||
|
|
||||
|
/* GENERAL RULES */ |
||||
|
|
||||
|
/* main title element that says "in feedmode" */ |
||||
|
h1 em.feedmode{ |
||||
|
color: darkorchid; |
||||
|
} |
||||
|
|
||||
|
/* navigation */ |
||||
|
div#nav{ |
||||
|
position: fixed; |
||||
|
width: calc(100% - 1em); |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
margin: 0; |
||||
|
padding: 0 0.5em; |
||||
|
} |
||||
|
div#nav h1{ |
||||
|
position: absolute; |
||||
|
width: auto; |
||||
|
line-height: 0; |
||||
|
margin: 0.75em 15px; |
||||
|
float: left; |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
div#nav div#buttons{ |
||||
|
margin: 0.5em 15px; |
||||
|
float: right; |
||||
|
} |
||||
|
div#nav input{ |
||||
|
min-width: 300px; |
||||
|
} |
||||
|
div#nav input#html{ |
||||
|
min-width: unset; |
||||
|
} |
||||
|
div#nav form#update{ |
||||
|
float: left; |
||||
|
margin: 0.5em 15px 0 300px; |
||||
|
} |
||||
|
|
||||
|
/* iframe rules */ |
||||
|
iframe{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
/* main content area */ |
||||
|
div#wrapper{ |
||||
|
/* pages with an iframe are on fixed mode */ |
||||
|
position: fixed; |
||||
|
top: 50px; |
||||
|
left: 25px; |
||||
|
width: calc(100vw - 25px - 25px); |
||||
|
height: calc(100vh - 50px - 25px); |
||||
|
} |
||||
|
div#wrapper.scroll{ |
||||
|
/* the HTML page is on scroll mode */ |
||||
|
position: relative; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
margin: 5em 0 0 0; |
||||
|
} |
||||
|
|
||||
|
/* Z-INDEX */ |
||||
|
|
||||
|
div#wrapper, |
||||
|
div.pagedjs_pages{ |
||||
|
z-index: 1; |
||||
|
} |
||||
|
div#nav{ |
||||
|
z-index: 11; |
||||
|
} |
||||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,180 @@ |
|||||
|
/* CSS for Paged.js interface – v0.2 */ |
||||
|
|
||||
|
/* Change the look */ |
||||
|
:root { |
||||
|
--color-background: whitesmoke; |
||||
|
--color-pageSheet: #cfcfcf; |
||||
|
--color-pageBox: violet; |
||||
|
--color-paper: white; |
||||
|
--color-marginBox: transparent; |
||||
|
--pagedjs-crop-color: black; |
||||
|
--pagedjs-crop-shadow: white; |
||||
|
--pagedjs-crop-stroke: 1px; |
||||
|
} |
||||
|
|
||||
|
/* To define how the book look on the screen: */ |
||||
|
@media screen { |
||||
|
body { |
||||
|
background-color: var(--color-background); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_pages { |
||||
|
display: flex; |
||||
|
width: calc(var(--pagedjs-width) * 2); |
||||
|
flex: 0; |
||||
|
flex-wrap: wrap; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_page { |
||||
|
background-color: var(--color-paper); |
||||
|
box-shadow: 0 0 0 1px var(--color-pageSheet); |
||||
|
margin: 0; |
||||
|
flex-shrink: 0; |
||||
|
flex-grow: 0; |
||||
|
margin-top: 10mm; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_first_page { |
||||
|
margin-left: var(--pagedjs-width); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_page:last-of-type { |
||||
|
margin-bottom: 10mm; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_pagebox{ |
||||
|
box-shadow: 0 0 0 1px var(--color-pageBox); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page{ |
||||
|
z-index: 20; |
||||
|
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width))!important; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop { |
||||
|
border-color: transparent; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{ |
||||
|
width: 0; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_right_page{ |
||||
|
z-index: 10; |
||||
|
position: relative; |
||||
|
left: calc(var(--pagedjs-bleed-left)*-1); |
||||
|
} |
||||
|
|
||||
|
/* show the margin-box */ |
||||
|
|
||||
|
.pagedjs_margin-top-left-corner-holder, |
||||
|
.pagedjs_margin-top, |
||||
|
.pagedjs_margin-top-left, |
||||
|
.pagedjs_margin-top-center, |
||||
|
.pagedjs_margin-top-right, |
||||
|
.pagedjs_margin-top-right-corner-holder, |
||||
|
.pagedjs_margin-bottom-left-corner-holder, |
||||
|
.pagedjs_margin-bottom, |
||||
|
.pagedjs_margin-bottom-left, |
||||
|
.pagedjs_margin-bottom-center, |
||||
|
.pagedjs_margin-bottom-right, |
||||
|
.pagedjs_margin-bottom-right-corner-holder, |
||||
|
.pagedjs_margin-right, |
||||
|
.pagedjs_margin-right-top, |
||||
|
.pagedjs_margin-right-middle, |
||||
|
.pagedjs_margin-right-bottom, |
||||
|
.pagedjs_margin-left, |
||||
|
.pagedjs_margin-left-top, |
||||
|
.pagedjs_margin-left-middle, |
||||
|
.pagedjs_margin-left-bottom { |
||||
|
box-shadow: 0 0 0 1px inset var(--color-marginBox); |
||||
|
} |
||||
|
|
||||
|
/* uncomment this part for recto/verso book : ------------------------------------ */ |
||||
|
/* |
||||
|
|
||||
|
.pagedjs_pages { |
||||
|
flex-direction: column; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_first_page { |
||||
|
margin-left: 0; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_page { |
||||
|
margin: 0 auto; |
||||
|
margin-top: 10mm; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page{ |
||||
|
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left))!important; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop{ |
||||
|
border-color: var(--pagedjs-crop-color); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{ |
||||
|
width: var(--pagedjs-cross-size)!important; |
||||
|
} |
||||
|
|
||||
|
.pagedjs_right_page{ |
||||
|
left: 0; |
||||
|
} |
||||
|
*/ |
||||
|
|
||||
|
|
||||
|
|
||||
|
/*--------------------------------------------------------------------------------------*/ |
||||
|
|
||||
|
|
||||
|
|
||||
|
/* uncomment this par to see the baseline : -------------------------------------------*/ |
||||
|
|
||||
|
/* |
||||
|
.pagedjs_pagebox { |
||||
|
--pagedjs-baseline: 22px; |
||||
|
--pagedjs-baseline-position: 5px; |
||||
|
--pagedjs-baseline-color: cyan; |
||||
|
background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent; |
||||
|
background-size: 100% var(--pagedjs-baseline); |
||||
|
background-repeat: repeat-y; |
||||
|
background-position-y: var(--pagedjs-baseline-position); |
||||
|
} */ |
||||
|
|
||||
|
|
||||
|
/*--------------------------------------------------------------------------------------*/ |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/* Marks (to delete when merge in paged.js) */ |
||||
|
|
||||
|
.pagedjs_marks-crop{ |
||||
|
z-index: 999999999999; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.pagedjs_bleed-top .pagedjs_marks-crop, |
||||
|
.pagedjs_bleed-bottom .pagedjs_marks-crop{ |
||||
|
box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_bleed-top .pagedjs_marks-crop:last-child, |
||||
|
.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child{ |
||||
|
box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_bleed-left .pagedjs_marks-crop, |
||||
|
.pagedjs_bleed-right .pagedjs_marks-crop{ |
||||
|
box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow); |
||||
|
} |
||||
|
|
||||
|
.pagedjs_bleed-left .pagedjs_marks-crop:last-child, |
||||
|
.pagedjs_bleed-right .pagedjs_marks-crop:last-child{ |
||||
|
box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow); |
||||
|
} |
||||
@ -0,0 +1,13 @@ |
|||||
|
div.post{ |
||||
|
width: 250px; |
||||
|
border: 1px solid magenta; |
||||
|
padding: 1em; |
||||
|
margin: 0.5em; |
||||
|
max-height: 400px; |
||||
|
float: left; |
||||
|
overflow-y: scroll; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
div.post img{ |
||||
|
max-width: 100%; |
||||
|
} |
||||
@ -0,0 +1,44 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang='en'> |
||||
|
<head> |
||||
|
<meta charset="utf-8" /> |
||||
|
<title>feedmode</title> |
||||
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}"> |
||||
|
{% block head %} |
||||
|
{% endblock %} |
||||
|
</head> |
||||
|
<body> |
||||
|
<div id="wrapper" class="{% block pagetype %}{% endblock %}"> |
||||
|
{% block content %} |
||||
|
{% endblock %} |
||||
|
</div> |
||||
|
</body> |
||||
|
<script> |
||||
|
window.addEventListener('load', function () { |
||||
|
|
||||
|
// Insert the nav buttons, after the page is loaded |
||||
|
const nav = document.createElement('div'); |
||||
|
nav.id = 'nav'; |
||||
|
|
||||
|
nav.innerHTML = ` |
||||
|
<h1><em class="feedmode">feedmode</em><sup>(very beta)</sup></h1> |
||||
|
<form id="update" action="/update/" method="post"> |
||||
|
<input type="text" name="query" value="{% if query %}{{ query }}{% else %}https://multi.vvvvvvaria.org/API/latest/50{% endif %}"> |
||||
|
<input id="html" type="submit" value="update"> |
||||
|
</form> |
||||
|
<div id="buttons"> |
||||
|
<a href="/select/"><button>select</button></a> |
||||
|
<a href="/preview/"><button>preview</button></a> |
||||
|
<a href="/pdf/"><button>pdf</button></a> |
||||
|
<a href="/stylesheet/"><button>stylesheet</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/feedmode.css"> |
||||
|
<a href="/template/"><button>template</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/feedmode.template"> |
||||
|
</div> |
||||
|
`; |
||||
|
|
||||
|
document.body.insertBefore(nav, document.body.firstChild); |
||||
|
|
||||
|
}) |
||||
|
</script> |
||||
|
{% block footer %} |
||||
|
{% endblock %} |
||||
|
</html> |
||||
@ -0,0 +1,9 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
|
||||
|
{% block pagetype %} |
||||
|
scroll |
||||
|
{% endblock %} |
||||
|
|
||||
|
{% block content %} |
||||
|
{{ html | safe }} |
||||
|
{% endblock %} |
||||
@ -0,0 +1,5 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
|
||||
|
{% block content %} |
||||
|
<iframe src="{{ url }}"></iframe> |
||||
|
{% endblock %} |
||||
@ -0,0 +1,10 @@ |
|||||
|
{% for post in response %} |
||||
|
<div class="post"> |
||||
|
<!-- <input type="checkbox" name="check" value="{{ loop.index }}"><br><br> --> |
||||
|
<h1>{{ post.title }}</h1> |
||||
|
<!-- <div><small>{{ post.author }}</small></div> --> |
||||
|
<div><small>{{ post.published }}</small></div> |
||||
|
<div><small><a href="{{ post.link }}">{{ post.link }}</a></small></div> |
||||
|
<div>{{ post.summary }}</div> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
@ -0,0 +1,5 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
|
||||
|
{% block content %} |
||||
|
<iframe src="https://pad.vvvvvvaria.org/{{ name }}{{ ext }}"></iframe> |
||||
|
{% endblock %} |
||||
@ -0,0 +1,36 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
{% if mode == "print" %} |
||||
|
<script src="/static/paged.js" type="text/javascript"></script> |
||||
|
<script src="/static/paged.polyfill.js" type="text/javascript"></script> |
||||
|
<link href="/static/pagedjs.css" rel="stylesheet" type="text/css" media="screen"> |
||||
|
{% endif %} |
||||
|
<link href="/print.css" rel="stylesheet" type="text/css" media="{{ mode }}"> |
||||
|
<title>The Everydaily</title> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
|
||||
|
<section id="cover"> |
||||
|
<h1 id="title">The Everydaily</h1> |
||||
|
</section> |
||||
|
|
||||
|
<section id="header"> |
||||
|
<div>This is the header...</div> |
||||
|
</section> |
||||
|
|
||||
|
<section id="feed"> |
||||
|
{{ feed }} |
||||
|
</section> |
||||
|
|
||||
|
<section id="footer"> |
||||
|
<div>Anything in the footer here...</div> |
||||
|
</section> |
||||
|
</body> |
||||
|
</html> |
||||
|
|
||||
|
|
||||
@ -0,0 +1,30 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
|
||||
|
{% block content %} |
||||
|
<iframe id="pdf" name="pdf" src="/pagedjs.html"></iframe> |
||||
|
{% endblock %} |
||||
|
|
||||
|
{% block footer %} |
||||
|
<script> |
||||
|
function printPage(){ |
||||
|
window.frames["pdf"].focus(); |
||||
|
window.frames["pdf"].print(); |
||||
|
} |
||||
|
|
||||
|
window.addEventListener('load', function () { |
||||
|
|
||||
|
// Load the main.css again, to load the stylesheet for the nav |
||||
|
var cssLink = document.createElement('link'); |
||||
|
cssLink.rel = 'stylesheet'; |
||||
|
cssLink.href = '/static/main.css'; |
||||
|
var head = document.getElementsByTagName('head')[0]; |
||||
|
head.insertBefore(cssLink, head.firstChild); |
||||
|
|
||||
|
// Insert the SAVE button |
||||
|
const nav = document.getElementById('buttons'); |
||||
|
const save = '<a href="#"><button id="save" onClick="printPage()">save</button></a>'; |
||||
|
nav.innerHTML = nav.innerHTML + save; |
||||
|
|
||||
|
}) |
||||
|
</script> |
||||
|
{% endblock %} |
||||
@ -0,0 +1,21 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
|
||||
|
{% block head %} |
||||
|
<link rel="stylesheet" type="text/css" href="/static/select.css"> |
||||
|
{% endblock %} |
||||
|
|
||||
|
{% block pagetype %} |
||||
|
scroll |
||||
|
{% endblock %} |
||||
|
|
||||
|
{% block content %} |
||||
|
{% for post in feed %} |
||||
|
<div class="post"> |
||||
|
<input type="checkbox" name="check" value="{{ loop.index }}"><br><br> |
||||
|
<h1>{{ post.title }}</h1> |
||||
|
<div><small>{{ post.published }}</small></div> |
||||
|
<div><small><a href="{{ post.link }}">{{ post.link }}</a></small></div> |
||||
|
<div>{{ post.summary | safe }}</div> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
{% endblock %} |
||||
Loading…
Reference in new issue