AdamISZ
8 years ago
2 changed files with 561 additions and 0 deletions
@ -0,0 +1,456 @@
|
||||
from __future__ import absolute_import, print_function |
||||
|
||||
import BaseHTTPServer |
||||
import SimpleHTTPServer |
||||
import base64 |
||||
import io |
||||
import json |
||||
import threading |
||||
import time |
||||
import hashlib |
||||
import os |
||||
import sys |
||||
import urllib2 |
||||
from decimal import Decimal |
||||
from optparse import OptionParser |
||||
from twisted.internet import reactor |
||||
|
||||
|
||||
|
||||
# https://stackoverflow.com/questions/2801882/generating-a-png-with-matplotlib-when-display-is-undefined |
||||
try: |
||||
import matplotlib |
||||
matplotlib.use('Agg') |
||||
import matplotlib.pyplot as plt |
||||
except: |
||||
print("matplotlib not found; do `pip install matplotlib`" |
||||
"in the joinmarket virtualenv.") |
||||
sys.exit(0) |
||||
|
||||
from jmclient import jm_single, load_program_config, get_log, calc_cj_fee, get_irc_mchannels |
||||
from jmdaemon import OrderbookWatch, MessageChannelCollection, IRCMessageChannel |
||||
#TODO this is only for base58, find a solution for a client without jmbitcoin |
||||
import jmbitcoin as btc |
||||
from jmdaemon.protocol import * |
||||
log = get_log() |
||||
|
||||
#Initial state: allow all SW+legacy offer types |
||||
filtered_offername_list = offername_list |
||||
|
||||
shutdownform = '<form action="shutdown" method="post"><input type="submit" value="Shutdown" /></form>' |
||||
shutdownpage = '<html><body><center><h1>Successfully Shut down</h1></center></body></html>' |
||||
toggleSWform = '<form action="toggleSW" method="post"><input type="submit" value="Toggle non-segwit" /></form>' |
||||
refresh_orderbook_form = '<form action="refreshorderbook" method="post"><input type="submit" value="Check for timed-out counterparties" /></form>' |
||||
sorted_units = ('BTC', 'mBTC', 'μBTC', 'satoshi') |
||||
unit_to_power = {'BTC': 8, 'mBTC': 5, 'μBTC': 2, 'satoshi': 0} |
||||
sorted_rel_units = ('%', '‱', 'ppm') |
||||
rel_unit_to_factor = {'%': 100, '‱': 1e4, 'ppm': 1e6} |
||||
|
||||
|
||||
def calc_depth_data(db, value): |
||||
pass |
||||
|
||||
|
||||
def create_depth_chart(db, cj_amount, args=None): |
||||
if args is None: |
||||
args = {} |
||||
sqlorders = db.execute('SELECT * FROM orderbook;').fetchall() |
||||
orderfees = sorted([calc_cj_fee(o['ordertype'], o['cjfee'], cj_amount) / 1e8 |
||||
for o in sqlorders |
||||
if o['minsize'] <= cj_amount <= o[ |
||||
'maxsize']]) |
||||
|
||||
if len(orderfees) == 0: |
||||
return 'No orders at amount ' + str(cj_amount / 1e8) |
||||
fig = plt.figure() |
||||
scale = args.get("scale") |
||||
if (scale is not None) and (scale[0] == "log"): |
||||
orderfees = [float(fee) for fee in orderfees] |
||||
if orderfees[0] > 0: |
||||
ratio = orderfees[-1] / orderfees[0] |
||||
step = ratio ** 0.0333 # 1/30 |
||||
bins = [orderfees[0] * (step ** i) for i in range(30)] |
||||
else: |
||||
ratio = orderfees[-1] / 1e-8 # single satoshi placeholder |
||||
step = ratio ** 0.0333 # 1/30 |
||||
bins = [1e-8 * (step ** i) for i in range(30)] |
||||
bins[0] = orderfees[0] # replace placeholder |
||||
plt.xscale('log') |
||||
else: |
||||
bins = 30 |
||||
if len(orderfees) == 1: # these days we have liquidity, but just in case... |
||||
plt.hist(orderfees, bins, rwidth=0.8, range=(0, orderfees[0] * 2)) |
||||
else: |
||||
plt.hist(orderfees, bins, rwidth=0.8) |
||||
plt.grid() |
||||
plt.title('CoinJoin Orderbook Depth Chart for amount=' + str(cj_amount / |
||||
1e8) + 'btc') |
||||
plt.xlabel('CoinJoin Fee / btc') |
||||
plt.ylabel('Frequency') |
||||
return get_graph_html(fig) |
||||
|
||||
|
||||
def create_size_histogram(db, args): |
||||
rows = db.execute('SELECT maxsize FROM orderbook;').fetchall() |
||||
ordersizes = sorted([r['maxsize'] / 1e8 for r in rows]) |
||||
|
||||
fig = plt.figure() |
||||
scale = args.get("scale") |
||||
if (scale is not None) and (scale[0] == "log"): |
||||
ratio = ordersizes[-1] / ordersizes[0] |
||||
step = ratio ** 0.0333 # 1/30 |
||||
bins = [ordersizes[0] * (step ** i) for i in range(30)] |
||||
else: |
||||
bins = 30 |
||||
plt.hist(ordersizes, bins, histtype='bar', rwidth=0.8) |
||||
if bins is not 30: |
||||
fig.axes[0].set_xscale('log') |
||||
plt.grid() |
||||
plt.xlabel('Order sizes / btc') |
||||
plt.ylabel('Frequency') |
||||
return get_graph_html(fig) + ("<br/><a href='?scale=log'>log scale</a>" if |
||||
bins == 30 else "<br/><a href='?'>linear</a>") |
||||
|
||||
|
||||
def get_graph_html(fig): |
||||
imbuf = io.BytesIO() |
||||
fig.savefig(imbuf, format='png') |
||||
b64 = base64.b64encode(imbuf.getvalue()) |
||||
return '<img src="data:image/png;base64,' + b64 + '" />' |
||||
|
||||
|
||||
# callback functions for displaying order data |
||||
def do_nothing(arg, order, btc_unit, rel_unit): |
||||
return arg |
||||
|
||||
|
||||
def ordertype_display(ordertype, order, btc_unit, rel_unit): |
||||
ordertypes = {'swabsoffer': 'SW Absolute Fee', 'swreloffer': 'SW Relative Fee', |
||||
'absoffer': 'Absolute Fee', 'reloffer': 'Relative Fee'} |
||||
return ordertypes[ordertype] |
||||
|
||||
|
||||
def cjfee_display(cjfee, order, btc_unit, rel_unit): |
||||
if order['ordertype'] in ['absoffer', 'swabsoffer']: |
||||
return satoshi_to_unit(cjfee, order, btc_unit, rel_unit) |
||||
elif order['ordertype'] in ['reloffer', 'swreloffer']: |
||||
return str(float(cjfee) * rel_unit_to_factor[rel_unit]) + rel_unit |
||||
|
||||
|
||||
def satoshi_to_unit(sat, order, btc_unit, rel_unit): |
||||
power = unit_to_power[btc_unit] |
||||
return ("%." + str(power) + "f") % float( |
||||
Decimal(sat) / Decimal(10 ** power)) |
||||
|
||||
|
||||
def order_str(s, order, btc_unit, rel_unit): |
||||
return str(s) |
||||
|
||||
|
||||
def create_orderbook_table(db, btc_unit, rel_unit): |
||||
result = '' |
||||
rows = db.execute('SELECT * FROM orderbook;').fetchall() |
||||
if not rows: |
||||
return 0, result |
||||
#print("len rows before filter: " + str(len(rows))) |
||||
rows = [o for o in rows if o["ordertype"] in filtered_offername_list] |
||||
order_keys_display = (('ordertype', ordertype_display), |
||||
('counterparty', do_nothing), ('oid', order_str), |
||||
('cjfee', cjfee_display), ('txfee', satoshi_to_unit), |
||||
('minsize', satoshi_to_unit), |
||||
('maxsize', satoshi_to_unit)) |
||||
|
||||
# somewhat complex sorting to sort by cjfee but with swabsoffers on top |
||||
|
||||
def orderby_cmp(x, y): |
||||
if x['ordertype'] == y['ordertype']: |
||||
return cmp(Decimal(x['cjfee']), Decimal(y['cjfee'])) |
||||
return cmp(offername_list.index(x['ordertype']), |
||||
offername_list.index(y['ordertype'])) |
||||
|
||||
for o in sorted(rows, cmp=orderby_cmp): |
||||
result += ' <tr>\n' |
||||
for key, displayer in order_keys_display: |
||||
result += ' <td>' + displayer(o[key], o, btc_unit, |
||||
rel_unit) + '</td>\n' |
||||
result += ' </tr>\n' |
||||
return len(rows), result |
||||
|
||||
|
||||
def create_table_heading(btc_unit, rel_unit): |
||||
col = ' <th>{1}</th>\n' # .format(field,label) |
||||
tableheading = '<table class="tftable sortable" border="1">\n <tr>' + ''.join( |
||||
[ |
||||
col.format('ordertype', 'Type'), col.format( |
||||
'counterparty', 'Counterparty'), |
||||
col.format('oid', 'Order ID'), |
||||
col.format('cjfee', 'Fee'), col.format( |
||||
'txfee', 'Miner Fee Contribution / ' + btc_unit), |
||||
col.format( |
||||
'minsize', 'Minimum Size / ' + btc_unit), col.format( |
||||
'maxsize', 'Maximum Size / ' + btc_unit) |
||||
]) + ' </tr>' |
||||
return tableheading |
||||
|
||||
|
||||
def create_choose_units_form(selected_btc, selected_rel): |
||||
choose_units_form = ( |
||||
'<form method="get" action="">' + |
||||
'<select name="btcunit" onchange="this.form.submit();">' + |
||||
''.join(('<option>' + u + ' </option>' for u in sorted_units)) + |
||||
'</select><select name="relunit" onchange="this.form.submit();">' + |
||||
''.join(('<option>' + u + ' </option>' for u in sorted_rel_units)) + |
||||
'</select></form>') |
||||
choose_units_form = choose_units_form.replace( |
||||
'<option>' + selected_btc, |
||||
'<option selected="selected">' + selected_btc) |
||||
choose_units_form = choose_units_form.replace( |
||||
'<option>' + selected_rel, |
||||
'<option selected="selected">' + selected_rel) |
||||
return choose_units_form |
||||
|
||||
|
||||
class OrderbookPageRequestHeader(SimpleHTTPServer.SimpleHTTPRequestHandler): |
||||
def __init__(self, request, client_address, base_server): |
||||
self.taker = base_server.taker |
||||
self.base_server = base_server |
||||
SimpleHTTPServer.SimpleHTTPRequestHandler.__init__( |
||||
self, request, client_address, base_server) |
||||
|
||||
def create_orderbook_obj(self): |
||||
rows = self.taker.db.execute('SELECT * FROM orderbook;').fetchall() |
||||
if not rows: |
||||
return [] |
||||
|
||||
result = [] |
||||
for row in rows: |
||||
o = dict(row) |
||||
if 'cjfee' in o: |
||||
o['cjfee'] = int(o['cjfee']) if o[ |
||||
'ordertype'] == 'swabsoffer' else float( |
||||
o['cjfee']) |
||||
result.append(o) |
||||
return result |
||||
|
||||
def get_counterparty_count(self): |
||||
counterparties = self.taker.db.execute( |
||||
'SELECT DISTINCT counterparty FROM orderbook;').fetchall() |
||||
return str(len(counterparties)) |
||||
|
||||
def do_GET(self): |
||||
# SimpleHTTPServer.SimpleHTTPRequestHandler.do_GET(self) |
||||
# print 'httpd received ' + self.path + ' request' |
||||
self.path, query = self.path.split('?', 1) if '?' in self.path else ( |
||||
self.path, '') |
||||
args = urllib2.urlparse.parse_qs(query) |
||||
pages = ['/', '/ordersize', '/depth', '/orderbook.json'] |
||||
if self.path not in pages: |
||||
return |
||||
fd = open('orderbook.html', 'r') |
||||
orderbook_fmt = fd.read() |
||||
fd.close() |
||||
alert_msg = '' |
||||
if jm_single().joinmarket_alert[0]: |
||||
alert_msg = '<br />JoinMarket Alert Message:<br />' + \ |
||||
jm_single().joinmarket_alert[0] |
||||
if self.path == '/': |
||||
btc_unit = args['btcunit'][ |
||||
0] if 'btcunit' in args else sorted_units[0] |
||||
rel_unit = args['relunit'][ |
||||
0] if 'relunit' in args else sorted_rel_units[0] |
||||
if btc_unit not in sorted_units: |
||||
btc_unit = sorted_units[0] |
||||
if rel_unit not in sorted_rel_units: |
||||
rel_unit = sorted_rel_units[0] |
||||
ordercount, ordertable = create_orderbook_table( |
||||
self.taker.db, btc_unit, rel_unit) |
||||
choose_units_form = create_choose_units_form(btc_unit, rel_unit) |
||||
table_heading = create_table_heading(btc_unit, rel_unit) |
||||
replacements = { |
||||
'PAGETITLE': 'JoinMarket Browser Interface', |
||||
'MAINHEADING': 'JoinMarket Orderbook', |
||||
'SECONDHEADING': |
||||
(str(ordercount) + ' orders found by ' + |
||||
self.get_counterparty_count() + ' counterparties' + alert_msg), |
||||
'MAINBODY': ( |
||||
toggleSWform + refresh_orderbook_form + choose_units_form + |
||||
table_heading + ordertable + '</table>\n') |
||||
} |
||||
elif self.path == '/ordersize': |
||||
replacements = { |
||||
'PAGETITLE': 'JoinMarket Browser Interface', |
||||
'MAINHEADING': 'Order Sizes', |
||||
'SECONDHEADING': 'Order Size Histogram' + alert_msg, |
||||
'MAINBODY': create_size_histogram(self.taker.db, args) |
||||
} |
||||
elif self.path.startswith('/depth'): |
||||
# if self.path[6] == '?': |
||||
# quantity = |
||||
cj_amounts = [10 ** cja for cja in range(4, 12, 1)] |
||||
mainbody = [create_depth_chart(self.taker.db, cja, args) \ |
||||
for cja in cj_amounts] + \ |
||||
["<br/><a href='?'>linear</a>" if args.get("scale") \ |
||||
else "<br/><a href='?scale=log'>log scale</a>"] |
||||
replacements = { |
||||
'PAGETITLE': 'JoinMarket Browser Interface', |
||||
'MAINHEADING': 'Depth Chart', |
||||
'SECONDHEADING': 'Orderbook Depth' + alert_msg, |
||||
'MAINBODY': '<br />'.join(mainbody) |
||||
} |
||||
elif self.path == '/orderbook.json': |
||||
replacements = {} |
||||
orderbook_fmt = json.dumps(self.create_orderbook_obj()) |
||||
orderbook_page = orderbook_fmt |
||||
for key, rep in replacements.iteritems(): |
||||
orderbook_page = orderbook_page.replace(key, rep) |
||||
self.send_response(200) |
||||
if self.path.endswith('.json'): |
||||
self.send_header('Content-Type', 'application/json') |
||||
else: |
||||
self.send_header('Content-Type', 'text/html') |
||||
self.send_header('Content-Length', len(orderbook_page)) |
||||
self.end_headers() |
||||
self.wfile.write(orderbook_page) |
||||
|
||||
def do_POST(self): |
||||
global filtered_offername_list |
||||
pages = ['/shutdown', '/refreshorderbook', '/toggleSW'] |
||||
if self.path not in pages: |
||||
return |
||||
if self.path == '/shutdown': |
||||
self.taker.msgchan.shutdown() |
||||
self.send_response(200) |
||||
self.send_header('Content-Type', 'text/html') |
||||
self.send_header('Content-Length', len(shutdownpage)) |
||||
self.end_headers() |
||||
self.wfile.write(shutdownpage) |
||||
self.base_server.__shutdown_request = True |
||||
elif self.path == '/refreshorderbook': |
||||
self.taker.msgchan.request_orderbook() |
||||
time.sleep(5) |
||||
self.path = '/' |
||||
self.do_GET() |
||||
elif self.path == '/toggleSW': |
||||
if filtered_offername_list == offername_list: |
||||
filtered_offername_list = ["swreloffer", "swabsoffer"] |
||||
else: |
||||
filtered_offername_list = offername_list |
||||
self.path = '/' |
||||
self.do_GET() |
||||
|
||||
class HTTPDThread(threading.Thread): |
||||
def __init__(self, taker, hostport): |
||||
threading.Thread.__init__(self, name='HTTPDThread') |
||||
self.daemon = True |
||||
self.taker = taker |
||||
self.hostport = hostport |
||||
|
||||
def run(self): |
||||
# hostport = ('localhost', 62601) |
||||
httpd = BaseHTTPServer.HTTPServer(self.hostport, |
||||
OrderbookPageRequestHeader) |
||||
httpd.taker = self.taker |
||||
print('\nstarted http server, visit http://{0}:{1}/\n'.format( |
||||
*self.hostport)) |
||||
httpd.serve_forever() |
||||
|
||||
|
||||
class ObBasic(OrderbookWatch): |
||||
"""Dummy orderbook watch class |
||||
with hooks for triggering orderbook request""" |
||||
def __init__(self, msgchan, hostport): |
||||
self.hostport = hostport |
||||
self.set_msgchan(msgchan) |
||||
|
||||
def on_welcome(self): |
||||
"""TODO: It will probably be a bit |
||||
simpler, and more consistent, to use |
||||
a twisted http server here instead |
||||
of a thread.""" |
||||
HTTPDThread(self, self.hostport).start() |
||||
self.request_orderbook() |
||||
|
||||
def request_orderbook(self): |
||||
self.msgchan.request_orderbook() |
||||
|
||||
class ObIRCMessageChannel(IRCMessageChannel): |
||||
"""A customisation of the message channel |
||||
to allow receipt of privmsgs without the |
||||
verification hooks in client-daemon communication.""" |
||||
def on_privmsg(self, nick, message): |
||||
if len(message) < 2: |
||||
return |
||||
|
||||
if message[0] != COMMAND_PREFIX: |
||||
log.debug('message not a cmd') |
||||
return |
||||
cmd_string = message[1:].split(' ')[0] |
||||
if cmd_string not in offername_list: |
||||
log.debug('non-offer ignored') |
||||
return |
||||
#Ignore sigs (TODO better to include check) |
||||
sig = message[1:].split(' ')[-2:] |
||||
#reconstruct original message without cmd pref |
||||
rawmessage = ' '.join(message[1:].split(' ')[:-2]) |
||||
for command in rawmessage.split(COMMAND_PREFIX): |
||||
_chunks = command.split(" ") |
||||
try: |
||||
self.check_for_orders(nick, _chunks) |
||||
except: |
||||
pass |
||||
|
||||
|
||||
def get_dummy_nick(): |
||||
"""In Joinmarket-CS nick creation is negotiated |
||||
between client and server/daemon so as to allow |
||||
client to sign for messages; here we only ever publish |
||||
an orderbook request, so no such need, but for better |
||||
privacy, a conformant nick is created based on a random |
||||
pseudo-pubkey.""" |
||||
import binascii |
||||
nick_pkh_raw = hashlib.sha256(os.urandom(10)).digest()[:NICK_HASH_LENGTH] |
||||
nick_pkh = btc.changebase(nick_pkh_raw, 256, 58) |
||||
#right pad to maximum possible; b58 is not fixed length. |
||||
#Use 'O' as one of the 4 not included chars in base58. |
||||
nick_pkh += 'O' * (NICK_MAX_ENCODED - len(nick_pkh)) |
||||
#The constructed length will be 1 + 1 + NICK_MAX_ENCODED |
||||
nick = JOINMARKET_NICK_HEADER + str(JM_VERSION) + nick_pkh |
||||
jm_single().nickname = nick |
||||
return nick |
||||
|
||||
def main(): |
||||
load_program_config(config_path='..') |
||||
|
||||
parser = OptionParser( |
||||
usage='usage: %prog [options]', |
||||
description='Runs a webservice which shows the orderbook.') |
||||
parser.add_option('-H', |
||||
'--host', |
||||
action='store', |
||||
type='string', |
||||
dest='host', |
||||
default='localhost', |
||||
help='hostname or IP to bind to, default=localhost') |
||||
parser.add_option('-p', |
||||
'--port', |
||||
action='store', |
||||
type='int', |
||||
dest='port', |
||||
help='port to listen on, default=62601', |
||||
default=62601) |
||||
(options, args) = parser.parse_args() |
||||
|
||||
hostport = (options.host, options.port) |
||||
mcs = [ObIRCMessageChannel(c) for c in get_irc_mchannels()] |
||||
mcc = MessageChannelCollection(mcs) |
||||
mcc.set_nick(get_dummy_nick()) |
||||
taker = ObBasic(mcc, hostport) |
||||
log.info("Starting ob-watcher") |
||||
mcc.run() |
||||
|
||||
|
||||
|
||||
if __name__ == "__main__": |
||||
main() |
||||
reactor.run() |
||||
print('done') |
||||
@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<title>PAGETITLE</title> |
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> |
||||
<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script> |
||||
|
||||
<style> |
||||
body { |
||||
padding-top: 50px; |
||||
} |
||||
body { |
||||
background-color: linen; |
||||
} |
||||
h1 { |
||||
color: black |
||||
} |
||||
h2 { |
||||
color: gray; |
||||
} |
||||
table, th, td, tr { |
||||
border: 1px solid black; |
||||
border-collapse: collapse; |
||||
text-align: center; |
||||
padding: 5px; |
||||
} |
||||
.tftable {font-size:12px;color:#fbfbfb;border-width: 1px;border-color: #686767;border-collapse: collapse;margin: 10px auto;} |
||||
.tftable th {font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:center;} |
||||
.tftable tr {background-color:#2f2f2f;} |
||||
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;} |
||||
.tftable tr:hover {background-color:#171515;} |
||||
.tftable tr.selected {background-color:#171515;} |
||||
</style> |
||||
|
||||
|
||||
<script> |
||||
|
||||
function myboolean(value) { |
||||
return !(value=="false" || value=="" || value==null); |
||||
} |
||||
function getOrderKey(tr) { |
||||
var row = $(tr).find("td"); |
||||
if(row.length==0){ return null; } |
||||
return $(row[1]).text().replace(/_*$/g,"")+"/"+$(row[2]).text(); |
||||
} |
||||
|
||||
var selected; |
||||
$(document).ready(function(){ |
||||
var rows = $("table.tftable tr"); |
||||
var i; |
||||
/*for(i=1 ; i<rows.length ; i++){ |
||||
$($(rows[i]).find("td")[1]).css( "background-color", "red" ); |
||||
}*/ |
||||
for(i=1 ; i<rows.length ; i++) { |
||||
var key = getOrderKey(rows[i]); |
||||
if(key!=null && myboolean(localStorage.getItem(key))){ |
||||
$(rows[i]).addClass("selected"); |
||||
} |
||||
} |
||||
|
||||
|
||||
$(".tftable tr").click(function(){ |
||||
$(this).toggleClass("selected"); |
||||
var element = getOrderKey(this); |
||||
// toggle: |
||||
localStorage.setItem(element,String(!myboolean(localStorage.getItem(element)))); |
||||
}); |
||||
|
||||
}); |
||||
</script> |
||||
|
||||
</head> |
||||
|
||||
|
||||
<body> |
||||
<nav class="navbar navbar-inverse navbar-fixed-top"> |
||||
<div class="container"> |
||||
<div class="navbar-header"> |
||||
<a class="navbar-brand" href="/">Join Market</a> |
||||
</div> |
||||
<div id="navbar" class="collapse navbar-collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<li class="active"><a href="/">Orders</a></li> |
||||
<li><a href="/ordersize">Size Distribution</a></li> |
||||
<li><a href="/depth">Depth</a></li> |
||||
<li><a href="/orderbook.json">Export orders</a></li> |
||||
<li><a target="_blank" href="https://github.com/AdamISZ/joinmarket-clientserver/releases">New segwit version</a></li> |
||||
<li><a target="_blank" href="https://github.com/Joinmarket-Org/joinmarket/releases">Non segwit version</a></li> |
||||
</ul> |
||||
</div><!--/.nav-collapse --> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div style="text-align:center; margin:0px auto;"> |
||||
<h1>MAINHEADING</h1> |
||||
<h2>SECONDHEADING</h2> |
||||
|
||||
MAINBODY |
||||
<br> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue