simoon/tools.cobbled-paths
1
0
Fork 0
mirror of https://gitlab.constantvzw.org/osp/tools.cobbled-paths.git synced 2024-12-21 12:10:48 +01:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' of gitlab.constantvzw.org:osp/tools.cobbled-paths

Browse Source
This commit is contained in:
Gijs 2024-03-29 10:18:08 +01:00
commit 5e0d3c5b84
4 changed files with 99 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app.py
View File

@ -212,17 +212,17 @@ def writing(id):
figfont_file.write(ascii_input)
print('--- opening the figfont ---')
f = {}
f['ascii'] = text2figlet(params['text'], figfont_path)
print(f['ascii'])
ascii = text2figlet(params['text'], figfont_path)
print(ascii)
print('--- rendering to svg ---')
svg = ascii2svg(f['ascii'], params['weight'])
svg = ascii2svg(ascii, params['weight'])
return render_template(
'drawing.html',
'writing.html',
title = title,
params = params,
ascii = ascii,
svg = svg)
# _ _

4
static/css/interface.css
View File

@ -211,6 +211,10 @@ aside.left{
grid-column: 2 / span 1;
grid-row: 2 / span 1;
}
.f-double{
width: 100%;
height: 100%;
}
hr{
border: 0;
border-top: 1px solid black;

6
templates/font.html
View File

@ -93,10 +93,8 @@
<div class="font">
<iframe class="f-ascii" id="pad-iframe" src="{{params['pad-full']}}">
</iframe>
<div class="f-svg">
<iframe id="svg-iframe" src="/writing/{{params['pad']}}">
</iframe>
</div>
<iframe class="f-double" id="svg-iframe" src="/writing/{{params['pad']}}">
</iframe>
</div>
{% endblock %}

88
templates/writing.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/static/js/FileSaver.js"></script>
<style>
#save-svg{
position: fixed;
top: 0.5em;
right: 0.5em;
}
.svgbob text {
font-family: monospace !important;
font-weight: bold !important;
fill: red !important;
}
.svgbob text{
visibility: hidden;
}
body.check-text .svgbob text{
visibility: visible;
}
.double-font{
height: 100vh;
display: grid;
grid-template-rows: 1fr 1fr;
gap: 1rem;
margin: 0;
}
.double-font div{
background-color: white;
border: 1px solid black;
overflow: auto;
padding: 1rem;
font-family: monospace;
font-size: 1rem;
}
.f-ascii{
font-family: monospace;
font-size: 1rem;
}
</style>
</head>
<body class="double-font">
<div class="f-svg">
{{ svg|safe }}
</div>
<div class="f-ascii"><pre>{{ ascii|safe }}</pre></div>
<button id="save-svg">> SVG</button>
<script>
function get2bodyclass(){
const url = new URL(window.location.href);
let checked = url.searchParams.get("c");
if(checked == "false"){
document.body.classList.remove("check-text");
}
else{
document.body.classList.add("check-text");
}
}
get2bodyclass();
</script>
<script>
let save_button = document.getElementById('save-svg');
save_button.addEventListener('click', function(){
//get svg element.
let svg = document.getElementsByTagName("svg")[0];
//get svg source.
let serializer = new XMLSerializer();
let source = serializer.serializeToString(svg);
let blob = new Blob([source], {type: "text/plain;charset=utf-8"});
saveAs(blob, 'cobbled-paths.svg');
});
</script>
</body>
</html>