Skip to content

Commit

Permalink
Issue #2 More refactoring
Browse files Browse the repository at this point in the history
  • Loading branch information
@ajmas
ajmas committed Oct 14, 2023
1 parent e09dd24 commit 0320d31
Show file tree
Hide file tree
Showing 29 changed files with 1,813 additions and 1,304 deletions.
193 changes: 108 additions & 85 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<!--
<meta name="viewport" content="width=device-width, initial-scale=1">
-->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans" type="text/css">
<link rel="stylesheet" href="styles/icomoon.css" type="text/css">
<link rel="stylesheet" href="styles/perfect-scrollbar.min.css" type="text/css">
Expand All @@ -24,90 +21,22 @@
</div>
<div id="canvas-holder">
<canvas id="canvas"></canvas>
<div id="menu-left" class="menubar">
<div id="search-holder" class="menu">
<span class="icon-search"></span>
<input type="text" id="search"></input>
</div>
<div id="menu-groups" class="menu">
<div class="menu-title">Groups</div>
<ul id="groups-display" class="dropdown submenu">
<li data-group="<clear>" class="clear-option">Clear</li>
</ul>
</div>
<!-- <div id="menu-color-schemes" class="menu">
<div class="menu-title">Color Schemes</div>
<ul id="color-schemes-submenu" class="submenu">
<li data-color="default">Type</li>
<li data-color="velocity">Velocity</li>
<li data-color="apogee">Apogee</li>
</ul>
</div>-->
</div>
<div id="menu-right" class="menubar">
<div id="menu-help" class="menu">
<div class="menu-title">Help</div>
<div id="help-box" class="menubox submenu">
<span class="box-header">Legend</span>
<ul id="legend">
<li class="clickable satellite">
<img class="dot" src="images/dot-red.png"></img>
Satellite
</li>
<li class="clickable rockey-body">
<img class="dot" src="images/dot-blue.png"></img>
Rocket body
</li>
<li class="clickable debris">
<img class="dot" src="images/dot-grey.png"></img>
Debris
</li>
<li class="clickable unassigned">
<img class="dot" src="images/dot-yellow.png"></img>
Unassigned
</li>
</ul>
<ul id="controls-info">
<li>
Left/Right click and drag to rotate camera
</li>
<li> Mousewheel to scroll </li>
<li>
Left click to select an object
</li>
</ul>

</div>
</div>
<div id="menu-about" class="menu">
<div class="menu-title">About</div>
<div id="about-box" class="menubox submenu">
<span class="box-header">Stuff in Space</span>
<p>Stuff in Space is a realtime 3D map of objects in Earth orbit, visualized using WebGL.</p>

<p>The website updates daily with orbit data from <a href="http://www.space-track.org">Space-Track.org</a>
and uses the excellent <a href="https://github.com/shashwatak/satellite-js">satellite.js</a> Javascript library
to calculate satellite positions.</p>

<span class="box-header">About the author</span>
<p>This is was originally developped, in 2015, by James Yoder, an alumnus of <a href="http://www.usfirst.org/roboticsprograms/frc"><i>FIRST</i> Robotics
Competition </a> (FRC) <a href="http://team624.org">Team 624</a> and a graduate of the University of Texas at Austin.</p>
<p>The project has since been taken up by the community to further its development and keep it relevant.</p>
<span class="box-header">Source Code and Issue Reporting</span>
<p>This current fork is available on <a href="https://github.com/ajmas/StuffInSpace">GitHub</a>,
with James Yoder's upstream repository also being available on
<a href="https://github.com/jeyoder/StuffInSpace">GitHub</a>.
</p>

<div id="mobile-hamburger"><span class="material-symbols-outlined">menu</span></div>

</div>
</div>
<div id="menu-right" class="toolbar">
<ul class="menu">
<li class="menu-item" data-action="open:search-window">Search</li>
<li class="menu-item" data-action="open:groups-window">Groups</li>
<li class="menu-item" data-action="open:help-window">Help</li>
<li class="menu-item" data-action="open:about-window">About</li>
</ul>
</div>
<div id="search-results"></div>
<div id="sat-hoverbox">(none)</div>
<div id="sat-infobox">

<div id="sat-hoverbox" style="display: none">(none)</div>
<div id="sat-infobox" class="drag-zone">
<div id="sat-info-title">This is a title</div>
<div id="all-objects-link" class="link">Find all objects from this launch...</div>
<div id="all-objects-link" class="link" data-action="open:search-window">Find all objects from this launch...</div>
<div class="sat-info-row">
<div class="sat-info-key">Int'l Designator</div>
<div class="sat-info-value" id="sat-intl-des">1998-067A</div>
Expand Down Expand Up @@ -150,14 +79,108 @@
</div>
<div id="load-cover">
<div id="loader">
<div id="spinner"></div>
<div id="spinner-holder"><img src="/images/loading.gif" alt="loading" class="loading-spinner"/></div>
<div id="loader-text">
Downloading resources...
</div>
</div>
</div>
</div>

<div id="groups-window" class="titlebar-window">
<div class="window-title drag-zone">
Groups
<div class="window-close"><span class="material-symbols-outlined">close</span></div>
</div>
<div class="window-content-holder">
<div class="window-content">
<ul id="groups-display">
<li data-group="<clear>" class="clear-option">Clear</li>
</ul>
</div>
</div>
</div>

<div id="search-window" class="titlebar-window">
<div class="window-title drag-zone">
Search
<div class="window-close"><span class="material-symbols-outlined">close</span></div>
</div>
<div class="window-content-holder">
<div class="window-content">
<div id="search-holder">
<span class="icon-search"></span>
<input type="text" id="search"></input>
</div>
<div id="search-results"></div>
</div>
</div>
</div>

<div id="help-window" class="titlebar-window">
<div class="window-title drag-zone">
Legend
<div class="window-close"><span class="material-symbols-outlined">close</span></div>
</div>
<div class="window-content-holder">
<div class="window-content">
<ul id="legend">
<li class="clickable satellite">
<img class="dot" src="images/dot-red.png"></img>
Satellite
</li>
<li class="clickable rockey-body">
<img class="dot" src="images/dot-blue.png"></img>
Rocket body
</li>
<li class="clickable debris">
<img class="dot" src="images/dot-grey.png"></img>
Debris
</li>
<li class="clickable unassigned">
<img class="dot" src="images/dot-yellow.png"></img>
Unassigned
</li>
</ul>
<ul id="controls-info">
<li>
Left/Right click and drag to rotate camera
</li>
<li> Mousewheel to scroll </li>
<li>
Left click to select an object
</li>
</ul>
</div>
</div>
</div>

<div id="about-window" class="titlebar-window">
<div class="window-title drag-zone">
About Stuff in Space
<div class="window-close"><span class="material-symbols-outlined">close</span></div>
</div>
<div class="window-content-holder">
<div class="window-content">
<p>Stuff in Space is a realtime 3D map of objects in Earth orbit, visualized using WebGL.</p>

<p>The website updates daily with orbit data from <a href="http://www.space-track.org">Space-Track.org</a>
and uses the excellent <a href="https://github.com/shashwatak/satellite-js">satellite.js</a> Javascript library
to calculate satellite positions.</p>

<span class="box-header">About the author</span>
<p>This is was originally developped, in 2015, by James Yoder, an alumnus of <a href="http://www.usfirst.org/roboticsprograms/frc"><i>FIRST</i> Robotics
Competition </a> (FRC) <a href="http://team624.org">Team 624</a> and a graduate of the University of Texas at Austin.</p>
<p>The project has since been taken up by the community to further its development and keep it relevant.</p>
<span class="box-header">Source Code and Issue Reporting</span>
<p>This current fork is available on <a href="https://github.com/ajmas/StuffInSpace">GitHub</a>,
with James Yoder's upstream repository also being available on
<a href="https://github.com/jeyoder/StuffInSpace">GitHub</a>.
</p>
</div>
</div>
</div>

</body>
</html>

17 changes: 3 additions & 14 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 1 addition & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,7 @@
"dependencies": {
"axios": "^1.5.0",
"gl-matrix": "^3.4.3",
"satellite.js": "^5.0.0",
"spin.js": "^4.1.1"
"satellite.js": "^5.0.0"
},
"devDependencies": {
"eslint": "^8.49.0",
Expand Down
1 change: 1 addition & 0 deletions public/images/icons/attribution.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Icons are from https://fonts.google.com/icons
1 change: 1 addition & 0 deletions public/images/icons/close.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/images/icons/menu.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/loading.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 0320d31

Please sign in to comment.