8 files changed, 64 insertions, 36 deletions
diff --git a/spring-front/nginx.conf b/spring-front/nginx.conf
index 9d6d5c1..cea4a92 100644
--- a/spring-front/nginx.conf
+++ b/spring-front/nginx.conf
@@ -4,7 +4,7 @@ events {
 http {
   include /etc/nginx/mime.types;
   server_tokens off;
-	limit_req_zone $binary_remote_addr zone=one:10m rate=30r/m;
+  limit_req_zone $binary_remote_addr zone=one:10m rate=30r/m;
   server {
     listen 443 ssl http2;
     keepalive_timeout 60;
@@ -13,6 +13,10 @@ http {
     ssl_certificate_key /certs/server.key;
     ssl_protocols TLSv1.2 TLSv1.3;
     ssl_ciphers HIGH:!aNULL:!MD5;
+    ssl_session_cache shared:SSL:50m;
+    ssl_session_timeout 1d;
+    ssl_session_tickets off;
+    ssl_prefer_server_ciphers on;
     sendfile on;
     tcp_nopush on;
     add_header X-Content-Type-Options "nosniff" always;
@@ -21,6 +25,10 @@ http {
     add_header X-Frame-Options SAMEORIGIN always;
     add_header X-XSS-Protection "1; mode=block" always;
     fastcgi_hide_header X-Powered-By;
+    resolver 9.9.9.9 208.67.222.222;
+    ssl_stapling on;
+    ssl_stapling_verify on;
+    ssl_trusted_certificate /certs/server.cert;
     error_page 401 403 404 /404.html;
     location / {
       root /usr/share/nginx/html;
diff --git a/spring-front/src/App.js b/spring-front/src/App.js
new file mode 100644
index 0000000..2393152
--- /dev/null
+++ b/spring-front/src/App.js
@@ -0,0 +1,12 @@
+import React from "react";
+import Left from "./components/Left.js";
+import Right from "./components/Right.js";
+
+export default function App() {
+  return (
+    <div>
+      <Left />
+      <Right />
+    </div>
+  );
+}
diff --git a/spring-front/src/components/.Left.js.swp b/spring-front/src/components/.Left.js.swp
new file mode 100644
index 0000000..64301a2
--- /dev/null
+++ b/spring-front/src/components/.Left.js.swp
diff --git a/spring-front/src/components/.Right.js.swp b/spring-front/src/components/.Right.js.swp
new file mode 100644
index 0000000..8f6b495
--- /dev/null
+++ b/spring-front/src/components/.Right.js.swp
diff --git a/spring-front/src/components/Left.js b/spring-front/src/components/Left.js
new file mode 100644
index 0000000..7abeed4
--- /dev/null
+++ b/spring-front/src/components/Left.js
@@ -0,0 +1,34 @@
+import React from "react";
+import hljs from "highlight.js/lib/core";
+import markdown from "highlight.js/lib/languages/markdown";
+import "highlight.js/styles/devibeans.css";
+import "../index.css";
+
+hljs.registerLanguage("markdown", markdown);
+
+function update(text) {
+  let result_element = document.querySelector("#highlight-content");
+  result_element.innerText = text;
+  return hljs.highlight(text, { language: "markdown" }).value;
+}
+
+function CreateTextArea() {
+  return <textarea name="editor" className="editor" id="editor"></textarea>;
+}
+
+function CreatePreCode() {
+  return (
+    <pre id="highlight" aria-hidden="true">
+      <code className="language-markdown" id="highlight-content"></code>
+    </pre>
+  );
+}
+
+export default function Left() {
+  return (
+    <div>
+      <CreateTextArea />
+      <CreatePreCode />
+    </div>
+  );
+}
diff --git a/spring-front/src/components/Right.js b/spring-front/src/components/Right.js
new file mode 100644
index 0000000..7206ae9
--- /dev/null
+++ b/spring-front/src/components/Right.js
@@ -0,0 +1,6 @@
+import React from "react";
+import "../index.css";
+
+export default function Right() {
+  return <div>Parsed Markdown goes here!!!</div>;
+}
diff --git a/spring-front/src/index.css b/spring-front/src/index.css
index c788cb4..388f1ca 100644
--- a/spring-front/src/index.css
+++ b/spring-front/src/index.css
@@ -11,7 +11,7 @@ a {
   text-decoration: none;
 }
 
-hr {
+p {
   color: #005f87;
 }
 
diff --git a/spring-front/src/index.js b/spring-front/src/index.js
index 2b3e29d..1dba149 100644
--- a/spring-front/src/index.js
+++ b/spring-front/src/index.js
@@ -1,38 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import hljs from "highlight.js/lib/core";
-import markdown from "highlight.js/lib/languages/markdown";
-import "highlight.js/styles/devibeans.css";
+import App from "./App.js";
 import "./index.css";
 
-hljs.registerLanguage("markdown", markdown);
-
-function update(text) {
-  let result_element = document.querySelector("#highlight-content");
-  result_element.innerText = text;
-  return hljs.highlight(text, { language: "markdown" }).value;
-}
-
-function CreateTextArea() {
-  return <textarea name="editor" className="editor" id="editor"></textarea>;
-}
-
-function CreatePreCode() {
-  return (
-    <pre id="highlight" aria-hidden="true">
-      <code className="language-markdown" id="highlight-content"></code>
-    </pre>
-  );
-}
-
-function CreateRoot() {
-  return (
-    <div>
-      <p>RTLMD ftw bebe!!!</p>
-    </div>
-  );
-}
-
-ReactDOM.render(<CreatePreCode />, document.getElementById("root2"));
-ReactDOM.render(<CreateTextArea />, document.getElementById("root2"));
-ReactDOM.render(<CreateRoot />, document.getElementById("root"));
+ReactDOM.render(<App />, document.getElementById("root"));