1
0
Fork 0

Merge pull request 'Fix webpage scaling on mobile' (#1) from vibe/labelmaker:master into master

Reviewed-on: hswaw/labelmaker#1
master
informatic 2023-11-13 21:17:32 +00:00
commit acbdae95a8
1 changed files with 139 additions and 129 deletions

View File

@ -1,7 +1,9 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hackerspace Printing System For Printing</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<style type="text/css">
@ -9,10 +11,12 @@ html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
@ -23,12 +27,14 @@ body {
}
</style>
</head>
<body>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Are you sure you want to print this?</h4>
</div>
<div class="modal-body">
@ -50,7 +56,7 @@ body {
<div class="row">
<div class="col-md-2">
<h4>Preview</h4>
<img id="preview" src="/stuff/preview/70/?text=dupa" style="border-width: 1px; border-style: solid; height: 300px;"/><br/>
<img id="preview" src="/stuff/preview/70/?text=dupa" alt="Label preview" /><br />
</div>
<div class="col-md-3">
<h4>Settings</h4>
@ -68,8 +74,10 @@ body {
Parse HTML
</label>
</div>
<button type="button" id="btnpreview" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span> Preview</button>
<button type="button" id="btnprint" class="btn btn-warning btn-lg"><span class="glyphicon glyphicon-print" aria-hidden="true"></span> Print!</button>
<button type="button" id="btnpreview" class="btn btn-default btn-lg"><span
class="glyphicon glyphicon-picture" aria-hidden="true"></span> Preview</button>
<button type="button" id="btnprint" class="btn btn-warning btn-lg"><span
class="glyphicon glyphicon-print" aria-hidden="true"></span> Print!</button>
</div>
<div class="col-md-7">
<h4>API</h4>
@ -82,7 +90,8 @@ $ curl -d "" http://label.waw.hackerspace.pl/stuff/print/60/?text=foobar&amp;htm
</div>
<footer class="footer">
<div class="container">
<p class="text-muted" style="margin: 20px 0;">Cobbled together by <a href="https://q3k.org/">q3k</a>. Sauce on <a href="https://code.hackerspace.pl/q3k/labelmaker">code.hackerspace.pl/q3k/labelmaker</a></p>
<p class="text-muted" style="margin: 20px 0;">Cobbled together by <a href="https://q3k.org/">q3k</a>. Sauce
on <a href="https://code.hackerspace.pl/q3k/labelmaker">code.hackerspace.pl/q3k/labelmaker</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
@ -139,4 +148,5 @@ $(document).ready(function() {
});
</script>
</body>
</html>