diff --git a/src/resources/wwwroot/css/index.css b/src/resources/wwwroot/css/index.css
new file mode 100644
index 0000000..6e01cb3
--- /dev/null
+++ b/src/resources/wwwroot/css/index.css
@@ -0,0 +1,8 @@
+.mediatile{
+ background-color: aqua;
+ height: 40mm;
+ width: 40mm;
+ margin: 3mm;
+ float: left;
+ font-size: 10pt;
+}
\ No newline at end of file
diff --git a/src/resources/wwwroot/index.html b/src/resources/wwwroot/index.html
index 15d0c87..5bdd0c7 100644
--- a/src/resources/wwwroot/index.html
+++ b/src/resources/wwwroot/index.html
@@ -2,6 +2,7 @@
+
Home-Theater
diff --git a/src/resources/wwwroot/js/index.js b/src/resources/wwwroot/js/index.js
index af69ae1..25ada97 100644
--- a/src/resources/wwwroot/js/index.js
+++ b/src/resources/wwwroot/js/index.js
@@ -1,5 +1,9 @@
Req.ready((event) => {
Req.post("/data/movie","action=getMovies",function (dta) {
console.log(dta);
+ for (const ii in dta.movies) {
+ document.getElementsByClassName("mediawrapper").item(0).insertAdjacentHTML('beforeend', `
+ ${dta.movies[ii].title}
`);
+ }
});
});
\ No newline at end of file