|
|
@@ -1,34 +1,22 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <title>bhouse-backstage editor</title>
|
|
|
- <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>
|
|
|
- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
|
|
|
-
|
|
|
- <style>
|
|
|
- body {
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .outerDiv {
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <div class="outerDiv">
|
|
|
- <div>
|
|
|
- <button id='title_button'>Title</button>
|
|
|
+{% extends "layout.html" %}
|
|
|
+{% block content %}
|
|
|
+ <div class="ui segment">
|
|
|
+ <div class="ui two column very relaxed grid">
|
|
|
+ <div class="column">
|
|
|
+ <div>
|
|
|
+ <button id='title_button'>Title</button>
|
|
|
+ </div>
|
|
|
+ <div class="ui segment"></div>
|
|
|
+ <button id='submit_button'>Submit</button>
|
|
|
+ <script type="text/javascript" src="{{url_for('static', filename='js/blockElements.js')}}"></script>
|
|
|
+ <script type="text/javascript" src="{{url_for('static', filename='js/parsers.js')}}"></script>
|
|
|
+ <script type="text/javascript" src="{{url_for('static', filename='js/editor.js')}}"></script>
|
|
|
</div>
|
|
|
- <div class="ui segment">
|
|
|
+ <div class="column" data-include="preview">
|
|
|
+ <iframe src='http://localhost:1313/collection/doll_and_drum_set/' width="100%" height="100%"></iframe>
|
|
|
</div>
|
|
|
- <button id='submit_button'>Submit</button>
|
|
|
</div>
|
|
|
- <script src="/blockElements.js"></script>
|
|
|
- <script src="/parsers.js"></script>
|
|
|
- <script src="/editor.js"></script>
|
|
|
- </body>
|
|
|
-</html>
|
|
|
+ <div class="ui vertical divider">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+{% endblock content %}
|
weichen