diff options
Diffstat (limited to 'spring-front/public')
-rw-r--r-- | spring-front/public/index.css | 37 | ||||
-rw-r--r-- | spring-front/public/index.html | 29 | ||||
-rw-r--r-- | spring-front/public/index.js | 16 |
3 files changed, 82 insertions, 0 deletions
diff --git a/spring-front/public/index.css b/spring-front/public/index.css new file mode 100644 index 0000000..c23fdc6 --- /dev/null +++ b/spring-front/public/index.css @@ -0,0 +1,37 @@ +body { + color: #005f87; + background: #000000; + font-family: "DejaVuSansMono NF", Helvetica, monospace; +} + +.article{$ + text-align: left; + padding: 2%; + border-style: solid; + position: relative; + white-space: -moz-pre-wrap !important; + color: #005f87; + background: #000000; + font-family: "DejaVuSansMono NF", Helvetica, monospace; + overflow-wrap: break-word; + float: left; + /* width: 78%; */ + width: 95%; +} + +a { + color: #005f87; + text-decoration: none; +} + +hr { + color: #005f87; +} + +.left-footer { + float: left; +} + +.right-footer { + float: right; +} diff --git a/spring-front/public/index.html b/spring-front/public/index.html new file mode 100644 index 0000000..c74140d --- /dev/null +++ b/spring-front/public/index.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <script + crossorigin + src="https://unpkg.com/react@17/umd/react.production.min.js" + ></script> + <script + crossorigin + src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" + ></script> + <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> + <link + rel="stylesheet" + href="/index.css" + type="text/css" + media="screen" + title="no title" + charset="utf-8" + /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> + <title>RTLMD</title> + </head> + <body> + <script src="index.js" defer></script> + <div id="root"></div> + </body> +</html> diff --git a/spring-front/public/index.js b/spring-front/public/index.js new file mode 100644 index 0000000..e6b507f --- /dev/null +++ b/spring-front/public/index.js @@ -0,0 +1,16 @@ +import React from "react"; +import ReactDOM from "react-dom"; + +const page = ( + <div> + <h1>my awesome website in react</h1> + <h3>REasons</h3> + <ol> + <li>one</li> + <li>two</li> + <li>three</li> + <li>four</li> + </ol> + </div> +); +ReactDOM.render(page, document.getElementById("root")); |