Port to JavaScript

.gitignore

@@ -1,4 +1,2 @@
-*.xo
-*.pyc
 .DS_Store
 locale

AUTHORS

@@ -1 +1,3 @@
-Gary Cliff Martin <[email protected]>
+Gary Cliff Martin <[email protected]> GTK+ 2
+SHIRSH ZIBBU <[email protected]> Port to JavaScript
+llaske <[email protected]> Fixes

README.md

@@ -0,0 +1,16 @@
+What is this?
+=============
+
+Moon phase viewer, includes Lunar phase information and eclipse data.
+
+The Moon Activity provides a graphical representation of the current Lunar phase, and a range of common astronomical information including, phase, Julian date, Moon age, Lunation, surface visibility, selenographic terminator longitude (position of shadow on Moon's surface), next Full Moon, next New Moon, next Lunar eclipse, next Solar eclipse. The graphical image can be generated for Northern or Southern hemisphere viewing locations, and a latitude/longitude grid can be added for surface feature reference.
+
+This activity does not require internet access to work, and will show reasonably accurate information (within an error of about 60 seconds), up until the end of 2024.
+
+How to use?
+===========
+
+Moon is part of the Sugar desktop.  Please refer to;
+
+* [How to Get Sugar on sugarlabs.org](https://sugarlabs.org/),
+* [How to use Sugar](https://help.sugarlabs.org/),

activity/activity.info

@@ -1,12 +1,9 @@
 [Activity]
 name = Moon
-summary = For all those interested in the moon! See the different phases of the moon, latitudes and longitudes and impress all by "predicting" the next full moon!
-activity_version = 18
-host_version = 1
+activity_version = 19
 bundle_id = com.garycmartin.Moon
-icon = moon-icon
-exec = sugar-activity moon.MoonActivity
-show_launcher = yes
-license = GPLv2+
-max_participants = 1
+exec = sugar-activity-web
+icon = activity-icon
+license = Apache-2.0
 repository = https://github.com/sugarlabs/moon-activity.git
+summary = For all those interested in the moon! See the different phases of the moon, latitudes and longitudes and impress all by "predicting" the next full moon!

css/activity.css

@@ -0,0 +1,34 @@
+@import url(navbar.css);
+
+body {
+    overflow: hidden;
+}
+
+#panel-container {
+    height: 100%;
+    width: 100%;
+}
+
+.panel {
+    box-sizing: border-box;
+    float: left;
+    height: 100%;
+}
+
+#panel-left {
+    overflow-y: auto;
+    padding: 10px;
+    width: 40%;
+}
+
+#panel-right {
+    background-color: black;
+    width: 60%;
+    position: relative;
+}
+
+canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+}

css/navbar.css

@@ -0,0 +1,16 @@
+#main-toolbar button:active,
+#main-toolbar button.active {
+    background-color: #ddd;
+}
+
+#activity-button {
+    background-image: url(../activity/activity-icon.svg);
+}
+
+#toggle-grid-button {
+    background-image: url(../icons/toggle-grid.svg);
+}
+
+#toggle-hemisphere-button {
+    background-image: url(../icons/toggle-hemisphere.svg);
+}