Halaman utama Jelajahi Bantuan
Daftar Masuk
choozmo
/
bhouse_backstage
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

add base layout , home and editor html page

weichen 4 tahun lalu
induk
582c1c38f2
melakukan
77062a00fa
3 mengubah file dengan 62 tambahan dan 31 penghapusan
Unified View Tampilkan Statistik Diff
  1. 19 31
      backstage/templates/editor.html
  2. 4 0
      backstage/templates/home.html
  3. 39 0
      backstage/templates/layout.html

+ 19 - 31
backstage/templates/editor.html
Tampilan Berkas 

@@ -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>
 
-      <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>
 
       </div>
 
-      <button id='submit_button'>Submit</button>
 
     </div>
 
     </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 %}

+ 4 - 0
backstage/templates/home.html
Tampilan Berkas 

@@ -0,0 +1,4 @@
 
+{% extends "layout.html" %}
 
+{% block content %}
 
+    <h1>Home</h1>
 
+{% endblock content %}

+ 39 - 0
backstage/templates/layout.html
Tampilan Berkas 

@@ -0,0 +1,39 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+  <!-- Required meta tags -->

+  <meta charset="utf-8">

+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

+

+  <!-- Bootstrap CSS -->

+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">

+

+  <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> 

+

+  <style>

+    body {

+      margin: 0;

+    }

+

+    .outerDiv {

+      box-sizing: border-box;

+    }

+  </style>

+  {% if title %}

+    <title>bhouse backstage - {{ title }}</title>

+  {% else %}

+    <title>bhouse backstage</title>

+  {% endif %}

+</head>

+<body>

+  {% block content %}{% endblock %}

+  <!-- Optional JavaScript -->

+  <!-- jQuery first, then Popper.js, then Bootstrap JS -->

+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

+

+</body>

+</html>