Good Evening. I hope that you can help.
I have set up the website and the All sky cam is now sending images to my host via FTP. However, I am still seeing the Loading page on the website.
On the FTP server:
The Image "image-resize.jpg"is saving into a directory one level up from my public_html folder.
For Information the config.js is as below
var config = {
title: "The Black Cat Observatory",
imageName: "/image-resize.jpg", #Just a note - I have tried with and without the "/"
location: "North Wales, Penrhyn Bay",
latitude: 53.1,
longitude: -003.05,
az: 180,
camera: "ASI20M",
computer: "Raspberry Pi 3",
owner: "Tracey Snelus",
auroraMap: "north",
overlaySize: 875,
overlayOffsetLeft: 0,
overlayOffsetTop: 0,
The Index files are pretty much untouched
<title>BlackCatAllSky</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<!--[if lt IE 9]><script src="virtualsky/excanvas.min.js"></script><![endif]-->
<script src="virtualsky/virtualsky.js" type="text/javascript"></script>
<script src="ng-lodash.min.js"></script>
<script src="config.js"></script>
<script src="controller.js"></script>
The Black Cat Observatory All Sky
Aurora activity:
{{key}}:
{{getScale(val)}}
- Location: North Wales, Penrhyn Bay
- Latitude: 53.18N
- Longitude: 003.05W
- Camera: ZWO ASI 120M
- Computer: RaspberryPi
- Owner: J&THarty
<ul id="sidebar" class="animated slideInLeft">
<li><i class="fa fa-2x fa-fw allsky-constellation" id="overlayBtn" title="Show constellations overlay" ng-click="toggleOverlay()" ng-class="{'active': showOverlay}"></i></li>
<li><a href="../allsky/videos" title="Archived Timelapses"><i class="fa fa-2x fa-fw fa-play-circle"></i></a></li>
<li><a href="../allsky/keograms" title="Archived Keograms"><i class="fa fa-2x fa-fw fa-barcode"></i></a></li>
<li><a href="../allsky/startrails" title="Archived Startrails"><i class="fa fa-2x fa-fw fa-circle-o-notch"></i></a></li>
<li><i class="fa fa-2x fa-fw fa-camera" title="Information about the camera" ng-click="toggleInfo()" ng-class="{'active': showInfo}" style="margin-top: 5px; font-size: 1.9em"></i></li>
</ul>
<div id="imageContainer">
<div id="starmap_container" ng-show="showOverlay==true">
<div id="starmap"></div>
</div>
<div id="live_container">
<img id="current" class="current" src="/loading.jpg">
</div>
</div>
<div class="diy"><a href="http://thomasjacquin.com/make-your-own-allsky-camera"><i class="fa fa-gear"></i> Make Your Own</div>
<script src="analyticsTracking.js"></script>
the website if you wish to see and inspect it can be found at:
https://muciferous-invoices.000webhostapp.com/
I am happy to send FTP svr settings if necessary. I am certain that it is going to be a simple fix and I am missing something rather simple.
Thank you
Tracey
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent