-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisual.html
138 lines (136 loc) · 7.54 KB
/
visual.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Astronomy & Python: Visuals</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.png">
</head>
<body>
<div class="nav-social-wrapper">
<nav class="navbar navbar-expand-md navbar-light astro-navbar">
<div id="navlogo-div"><a class="navbar-brand align-items-center align-self-center" href="index.html"><img id="navlogo" src="images/APLogoNAV.svg" alt="Astronomy and Python Logo"></a></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link navlink" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link navlink" href="about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link navlink dropdown-toggle navbarDropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Get Involved
</a>
<div class="dropdown-menu astro-drop" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="projects.html">Students</a>
<a class="dropdown-item" href="educators.html">Educators</a>
<a class="dropdown-item" href="challenge.html">Challenges</a>
</div>
</li>
<li class="nav-item astro-nav-item">
<a class="nav-link navlink" href="code.html">Code</a>
</li>
<li class="nav-item astro-nav-item">
<a class="nav-link navlink" href="https://github.com/AstroDimitrios/Astronomy">
GitHub <img id="githubLogo" alt="GitHub Logo" src="images/github.svg">
</a>
</li>
<li class="nav-item dropdown astro-nav-item active">
<a class="nav-link navlink dropdown-toggle navbarDropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Resources
</a>
<div class="dropdown-menu astro-drop" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="ppt.html">Teaching</a>
<a class="dropdown-item" href="data.html">Data</a>
<a class="dropdown-item" href="fits.html">FITs Processing</a>
<a class="dropdown-item" href="read.html">Reading Lists</a>
<a class="dropdown-item" href="edi.html">EDI & Careers</a>
<a class="dropdown-item active-drop" href="#">Visuals</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="social_square_icons">
<ul>
<li id="ytube-list"><a href="https://www.youtube.com/channel/UCf8Sg-cgLNubyCM5Em8eDZg" class="youtube gap"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/AstroDimitrios" class="t_twitter gap"><i class="fa fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="https://www.linkedin.com/in/dimitrios-theodorakis-62b378171/" class="linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a> </li>
</ul>
</div>
</div>
<div class="jumbotron jumbotron-fluid text-center subpage-title">
<h1 class="display-4 innerjumbo">Visualisations</h1>
</div>
<div class="container">
<div class="row text-center">
<div class="col-lg-10 offset-lg-1">
<p>These visualisations were all created with the Matplotlib plotting library. The code used to create these images is freely available on my GitHub. If you can't find the code for an image email me and I can point you in the right direction. All images are free to use under the GPL-3.0 license just remember to include a reference or link back here!</p>
<br>
</div>
</div>
</div>
<div class="container visCont">
<div class="row visRow">
<div class="col visCol">
<img alt="atmospheric retention" src="images/atm_retention.png" class="visualIMG">
<img alt="binding energy" src="images/bindingEnergyLog.gif" class="visualIMG">
<img alt="ice giant interiors" src="images/ice_giant_interiors_compositional.png" class="visualIMG">
<img alt="uranus rings" src="images/uranus_rings.png" class="visualIMG">
<img alt="coulomb barrier" src="images/ppCoulombBarrier.png" class="visualIMG">
<img alt="shepherd moon sim" src="images/shepherd.gif" class="visualIMG">
<img alt="quadtree generation" src="images/quad_tree.gif" class="visualIMG">
</div>
<div class="col visCol">
<img alt="sunspots tracked" src="images/sunspotsTracked.gif" class="visualIMG">
<img alt="blackbody curves" src="images/blackbodyCurves.png" class="visualIMG">
<img alt="standard atmopshere" src="images/int_std_atm.png" class="visualIMG">
<img alt="saturn rings" src="images/saturn_rings_roche.png" class="visualIMG">
<img alt="fire cellular automata" src="images/fire3D.gif" class="visualIMG">
<img alt="river plastics SEUK" src="images/river_plastics_SEUK_ZOOM_watercolour.jpg" class="visualIMG">
</div>
<div class="col visCol">
<img alt="density vs radius planets" src="images/density_vs_radius_planets.png" class="visualIMG">
<img alt="geotherm" src="images/geotherm.png" class="visualIMG">
<img alt="annotated moon" src="images/mymoonAnnotated.png" class="visualIMG">
<img alt="sun SDO AIA images stacked" src="images/sunAIAstacked.png" class="visualIMG">
<img alt="Roche limit sim" src="images/roche.gif" class="visualIMG">
<img alt="Hohmann orbit Mars" src="images/social.gif" class="visualIMG">
</div>
</div>
<br/>
<br/>
</div>
<!--
<div class="row">
<div class=" col-md-4"> Click here to select this<strong> column.</strong> Always place your content within a column. Columns are indicated by a dashed blue line. </div>
<div class="col-md-4 "> You can <strong>resize a column</strong> using the handle on the right. Drag it to increase or reduce the number of columns.</div>
<div class="col-md-4 "> You can <strong>offset a column</strong> using the handle on the left. Drag it to increase or reduce the offset. </div>
</div>
-->
<div class="container">
<br>
<hr>
<div class="row">
<div class="text-center col-md-8 offset-md-2">
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright Dimitrios Theodorakis © 2021 · GNU GPL 3.0</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
</body>
</html>