diff --git a/public/index.html b/public/index.html
index 47e17536aaae46c96f3c94ece9868255e54c0bac..8dc655680f3df4819f227526aed06c98bb8a5baf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,9 +2,7 @@
<html>
<head>
- <style>
- /* you can style your program here */
- </style>
+ <link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>
diff --git a/public/main.js b/public/main.js
index 7eb45c1e73979f31485643b9c9925578d0c7ea82..4da54a7075fae2860f7f950b5e5f0fb3f12fa9af 100644
--- a/public/main.js
+++ b/public/main.js
@@ -7518,6 +7518,15 @@ var $author$project$Main$ScatterplotMsg = function (a) {
return {$: 'ScatterplotMsg', a: a};
};
var $elm$html$Html$div = _VirtualDom_node('div');
+var $elm$json$Json$Encode$string = _Json_wrap;
+var $elm$html$Html$Attributes$stringProperty = F2(
+ function (key, string) {
+ return A2(
+ _VirtualDom_property,
+ key,
+ $elm$json$Json$Encode$string(string));
+ });
+var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
var $author$project$Scatterplot$ChangeText = function (a) {
@@ -8731,14 +8740,6 @@ var $author$project$Scatterplot$scatterplot = function (model) {
]));
};
var $elm$html$Html$select = _VirtualDom_node('select');
-var $elm$json$Json$Encode$string = _Json_wrap;
-var $elm$html$Html$Attributes$stringProperty = F2(
- function (key, string) {
- return A2(
- _VirtualDom_property,
- key,
- $elm$json$Json$Encode$string(string));
- });
var $elm$html$Html$Attributes$value = $elm$html$Html$Attributes$stringProperty('value');
var $author$project$Scatterplot$viewScatterplot = function (model) {
var filteredSmartphoneData = $author$project$Scatterplot$filterSmartphones(model.data);
@@ -8813,7 +8814,10 @@ var $author$project$Scatterplot$viewScatterplot = function (model) {
var $author$project$Main$view = function (model) {
return A2(
$elm$html$Html$div,
- _List_Nil,
+ _List_fromArray(
+ [
+ $elm$html$Html$Attributes$id('test1')
+ ]),
_List_fromArray(
[
A2(
diff --git a/public/style.css b/public/style.css
index 3eae4084bda0c2270306b14ac8c1ca732415edc3..2129f861dc69312ef9f5da9f83acfe2f0e5fa8e6 100644
--- a/public/style.css
+++ b/public/style.css
@@ -22,3 +22,6 @@ body {
color: #ffffff;
}
+#test1 {
+ background-color: blue;
+}
\ No newline at end of file
diff --git a/src/Main.elm b/src/Main.elm
index 8ce5209f8c33fff3f0be0e2a0285bd9c033ef54a..cef1010aea5ac5cdaa846c344f9d865334c7820d 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -3,6 +3,7 @@ module Main exposing (..)
import Browser
import Csv.Decode as Decode exposing (Decoder)
import Html exposing (Html, div)
+import Html.Attributes exposing (id)
import Http
import Result exposing (Result(..))
import Scatterplot exposing (Msg(..))