lessless · June 6, 2016 04:37
diff --git a/Elm test assignment b/Elm test assignment
 Using elm-starter kit and GMaps JavaScript API create a program, which will display a map with a marker on the left 
 and marker coordinates on the right.
 JavaScript is responsible for drawing map, listening to a marker position change and sending  updated coordinates to the 
 Elm program. Elm program will just output updated coordinates on the page. 

 Possible visual appearance: http://www.awesomescreenshot.com/image/1303608/46dc61234e7baab90cb022ec7ccbd0b4

 Things that will help you get started: 
 -  Making Web functional https://www.youtube.com/watch?v=XJ9ckqCMiKk#t=28m40s (since 28m 40s)
 -  Elm starter kit https://github.com/splodingsocks/elm-starter
 -  http://www.elm-tutorial.org/en/

 Attached files contains basic HTML/CSS to cut it fast. 


diff --git a/index.html b/index.html
 <body>
    <div class="flex-container">
      <div id="map"></div>
      <div id="app"></div>
    </div>
    
    <!-- ELM initialization -->
    <script>
      Elm.Main.embed(document.getElementById("app"));
    </script>

    <!-- GMaps initialization -->
    <script>
    </script>
 </body>
diff --git a/main.css b/main.css
 .flex-container {
  display: flex;
  flex-direction: row;
  width: 1200px;
  justify-content: space-around;
 }

 #map {
  width: 600px;
  height: 600px;
  margin: auto;
 }

 #app {
  margin: auto;
  width: 500px;

 }
	Using elm-starter kit and GMaps JavaScript API create a program, which will display a map with a marker on the left
	and marker coordinates on the right.
	JavaScript is responsible for drawing map, listening to a marker position change and sending updated coordinates to the
	Elm program. Elm program will just output updated coordinates on the page.

	Possible visual appearance: http://www.awesomescreenshot.com/image/1303608/46dc61234e7baab90cb022ec7ccbd0b4

	Things that will help you get started:
	- Making Web functional https://www.youtube.com/watch?v=XJ9ckqCMiKk#t=28m40s (since 28m 40s)
	- Elm starter kit https://github.com/splodingsocks/elm-starter
	- http://www.elm-tutorial.org/en/

	Attached files contains basic HTML/CSS to cut it fast.
	<body>
	<div class="flex-container">
	<div id="map"></div>
	<div id="app"></div>
	</div>

	<!-- ELM initialization -->
	<script>
	Elm.Main.embed(document.getElementById("app"));
	</script>

	<!-- GMaps initialization -->
	<script>
	</script>
	</body>
	.flex-container {
	display: flex;
	flex-direction: row;
	width: 1200px;
	justify-content: space-around;
	}

	#map {
	width: 600px;
	height: 600px;
	margin: auto;
	}

	#app {
	margin: auto;
	width: 500px;

	}