....

src/main/resources/templates/content/blog/viewer.html

@@ -20,28 +20,31 @@
             baseData.firstPostLat = [[${srcPost.firstPostLat}]];
             document.getElementById('location_field').textContent = "Lat: " + baseData.firstPostLat + ", Lon: " + baseData.firstPostLon;
             $('#title_layer').text(baseData.title)
-            var h = document.querySelector('#main_layer').getBoundingClientRect().height * 0.7
+
             editor = new toastui.Editor({
                 el: document.querySelector('#editor'),
-                height: h+ 'px',
+                height: '100%',
                 width:'100%',
                 viewer: true,
                 usageStatistics : false,
                 initialValue:baseData.content,
-                theme:"dark",
             });
         }
     </script>
 </th:block>
 <th:block layout:fragment="content" id="content">
+    <section class="wrapper style2">
+        <div class="container">
+            <header class="major" >
+                <h2 id="title_layer" th:text="${srcPost.title}">A gigantic heading you can use for whatever</h2>
+                <p th:text="${#temporals.format(T(java.time.Instant).ofEpochMilli(srcPost.writeTime).atZone(T(java.time.ZoneId).systemDefault()).toLocalDateTime(), 'yyyy-MM-dd HH:mm:ss')}"></p>
+            </header>
+        </div>
+    </section>
     <section class="wrapper style1">
         <div class="container">
             <div id="content">
-
-                <!-- Content -->
-
                 <article>
-                    <label id="title_layer" class="write_option" ></label>
                     <div id="editor" ></div>
                     <div class="write_controllbox">
                         <div class="write_option btn-example" to="#popLayer1" onclick="openPopup(this)"  ></div>
@@ -50,6 +53,8 @@
                         <div style="width: 15px" ></div>
                         <label class="write_option" readonly id="location_field"></label>
                     </div>
+                    <h3 id="write" th:text="${srcPost.firstAddress}"></h3>
+                    <h3 id="modify" th:text="${srcPost.modifyAddress}"></h3>
                 </article>
             </div>
         </div>