checking linking css/js is all good

ADBond · ADBond · commit aaf18b99425e · 2020-06-18T15:49:59.000+01:00
diff --git a/index.html b/index.html
@@ -4,11 +4,7 @@
 
 <head>
   <title>ADBond public page</title>
-  <style>
-      body {
-          font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
-      }
-  </style>
+  <link rel="stylesheet" type="text/css" href="static/style.css">
 </head>
 
 <body>
@@ -20,5 +16,10 @@ <h1>Placeholder</h1>
     <li>la.</li>
     <li>la.</li>
   </ul>
+  <div id="exciting-content"></div>
 </body>
+
+<script src="static/script.js">
+</script>
+
 </html>
diff --git a/static/script.js b/static/script.js
@@ -0,0 +1,6 @@
+let dynamicContent = document.createElement("p");
+dynamicContent.innerHTML = "<em>hot</em> dynamic content";
+dynamicContent.style.fontSize = "0.8em";
+
+let mainBusiness = document.getElementById("exciting-content");
+mainBusiness.appendChild(dynamicContent);
diff --git a/static/style.css b/static/style.css
@@ -0,0 +1,14 @@
+body {
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-size: 16px;
+}
+h1 {
+    font-size: 2em;
+}
+ul {
+    position: absolute;
+    right: 40%;
+    width: 15%;
+    border: 2px solid #AA00CC;
+    padding: 30px;
+}
