Skip to content

Commit b78843d

Browse files
astroDimitriosastroDimitrios
committed
Update info and fix medium media row offsets
Update the about section, archive projects, remove challenges from homepage. Update code to properly centre items for medium sized screens.
1 parent 0a88e2a commit b78843d

11 files changed

+414
-107
lines changed

‎about.html

+4-13
Original file line numberDiff line numberDiff line change
@@ -75,11 +75,11 @@ <h1 class="display-4 innerjumbo">About</h1>
7575
<div class="container">
7676
<div class="row" id="about-me-row">
7777
<div class="col-lg-10 offset-lg-1">
78-
<p align="justify">The Astronomy and Python Project began during the first COVID-19 lockdown in 2020 as a way to incorporate coding into the teaching of astronomy at all levels. Now the project has over 15 python activities and adaptable code delivered mainly as interactive Jupyter notebooks. The project has also led to the creation of the python package astroedu which aims to provide utility code and interactives for teaching astronomy. Find out how you can get involved in the project by selecting 'Get Involved' from the menu.</p><br>
78+
<p align="justify">The Astronomy and Python Project began during the first COVID-19 lockdown in 2020 as a way to incorporate coding into the teaching of astronomy at all levels. The project now has over 15 python activities and adaptable code delivered mainly as interactive Jupyter notebooks. The project has also led to the creation of the python package astroedu which aims to provide utility code and interactives for teaching astronomy. Find out how you can get involved in the project by selecting 'Get Involved' from the menu.</p><br>
7979
<h1 id="about-me-header">About me</h1><br>
8080
<img src="images/DTH.jpg" alt="Image of Dimitrios Theodorakis" id="about-me-image">
81-
<p align="justify">My name is Dimitrios and I'm a science teacher (physics specialist) in a secondary school in Nottingham, UK.</p>
82-
<p align="justify">I first started coding when I was in secondary school and was formally taught Python and C++ at university (can you guess which I prefer?). I have used the python activities and other resources to teach the BTEC Unit 16: Astronomy and Space course and as part of astronomy club.</p>
81+
<p align="justify">My name is Dimitrios and I'm a software engineer and former science teacher (physics specialist) from the UK.</p>
82+
<p align="justify">I first started coding when I was in secondary school and was formally taught Python and C++ at university (can you guess which I prefer?). I have used these python activities and other resources to teach the now dead BTEC Unit 16: Astronomy and Space course and for other classes.</p>
8383
<p align="justify">I also wanted to create a place where I could store astronomy related data files for educational use and found it hard finding data in a suitable format online. You'll notice a few activities have data files supplied and extra code to create cool visualisations.</p><br>
8484
</div>
8585
</div>
@@ -133,21 +133,12 @@ <h4>Talks</h4>
133133
<p>2013 &nbsp National Astronomy Meeting (NAM) - The Langton Robotic Telescope</p>
134134
</div>
135135
</div>
136-
<br/>
137-
<br/>
138-
<!--
139-
<div class="row">
140-
<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>
141-
<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>
142-
<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>
143-
</div>
144-
-->
145136
<br>
146137
<hr>
147138
<div class="row">
148139
<div class="text-center col-md-8 offset-md-2">
149140
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
150-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
141+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
151142
</div>
152143
</div>
153144
</div>

‎challenge.html

+4-13
Original file line numberDiff line numberDiff line change
@@ -81,8 +81,8 @@ <h1 class="display-4 innerjumbo">Challenges</h1>
8181
<br>
8282
</div>
8383
<div class="container-fluid" id="challenge-cont">
84-
<div class="row">
85-
<div class="col-md-8 offset-lg-2">
84+
<div class="row text-center">
85+
<div class="col-md-8 offset-md-2">
8686
<h2 class="special-center-text">2022 Update</h2>
8787
<p class="special-center-text">As of the 2022 Maintenance Update 1 challenges will no longer be issued and they will be archived in the GitHub repo. I will be working on a more meaningful way to engage the community where the engagement and wider impact can be measured.</p>
8888
<br>
@@ -91,7 +91,7 @@ <h2 class="special-center-text">2022 Update</h2>
9191
</div>
9292
<div class="container">
9393
<div class="row">
94-
<div class="col-md-10 offset-lg-1">
94+
<div class="col-md-10 offset-md-1">
9595
<h4 class="special-center-text">Archived</h4>
9696
<p class="special-center-text">Past challenges are archived below. Some of my solutions can be found on GitHub.</p><br>
9797
<h4>Autumn 2021</h4><br>
@@ -122,21 +122,12 @@ <h4>June 2020</h4><br>
122122
<br>
123123
</div>
124124
</div>
125-
<br/>
126-
<br/>
127-
<!--
128-
<div class="row">
129-
<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>
130-
<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>
131-
<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>
132-
</div>
133-
-->
134125
<br>
135126
<hr>
136127
<div class="row">
137128
<div class="text-center col-md-8 offset-md-2">
138129
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
139-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
130+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
140131
</div>
141132
</div>
142133
</div>

‎css/main.css

+46-7
Original file line numberDiff line numberDiff line change
@@ -652,7 +652,7 @@ ul.dashed > li:before {
652652
}
653653

654654
#projects-jumbo {
655-
max-width: 98vw;
655+
max-width: 100vw;
656656
margin-top: min(100px, 5vh);
657657
margin-bottom: min(300px, 10vh);
658658
}
@@ -663,16 +663,23 @@ ul.dashed > li:before {
663663
}
664664
}
665665

666-
#projects-jumbo-img {
667-
display:flex;
666+
#projects-jumbo-img-div {
667+
display: block;
668668
}
669669
@media (max-width: 880px) {
670-
#projects-jumbo-img {
670+
#projects-jumbo-img-div {
671671
justify-content: center;
672672
padding-top: 40px;
673673
}
674674
}
675675

676+
#projects-jumbo-img {
677+
display: block;
678+
width: 100%;
679+
height: auto;
680+
margin: auto;
681+
}
682+
676683
#projects-maintitle {
677684
display: flex;
678685
font-family: 'Roboto', sans-serif;
@@ -705,6 +712,24 @@ ul.dashed > li:before {
705712
}
706713
}
707714

715+
#projects-maintext-update {
716+
display: flex;
717+
font-family: 'Roboto', sans-serif;
718+
font-size: 1.4vw;
719+
color: white;
720+
margin-top: 3vh;
721+
opacity: 1.0;
722+
}
723+
@media (max-width: 880px) {
724+
#projects-maintext-update {
725+
justify-content: center;
726+
text-align: center;
727+
padding-left: 5em;
728+
padding-right: 5em;
729+
font-size: 1em;
730+
}
731+
}
732+
708733
#projects-jumbo img {
709734
width: 25vw;
710735
}
@@ -1011,13 +1036,27 @@ ul.dashed > li:before {
10111036
background: #74b2cd;
10121037
cursor: pointer;
10131038
border: none;
1014-
}
1039+
}
10151040

1016-
.slider-var::-moz-range-thumb {
1041+
.slider-var::-moz-range-thumb {
10171042
width: 25px;
10181043
height: 25px;
10191044
border-radius: 50%;
10201045
background: #74b2cd;
10211046
cursor: pointer;
10221047
border:none;
1023-
}
1048+
}
1049+
1050+
#outputDiv img{
1051+
display: block;
1052+
margin-left: auto;
1053+
margin-right: auto;
1054+
width: 600px;
1055+
height: 500px;
1056+
object-fit: none;
1057+
object-position: 52.5% 50%;
1058+
}
1059+
1060+
/* #outputDiv img{
1061+
width: 100%;
1062+
} */

‎edi.html

+6-9
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ <h1 class="display-4 innerjumbo">EDI Resources</h1>
8383
</div>
8484
<div class="container">
8585
<div class="row">
86-
<div class="col-md-8 offset-lg-2">
86+
<div class="col-md-8 offset-md-2">
8787
<div style="background-color: rgba(116,179,205,.2); padding: 1.5em 2em 1em 2em">
8888
<h2 class="has-dropcap">1 Teacher Behaviour</h2>
8989
<p class="just-text">Using inclusive, everyday, and gender neutral language whilst challenging discriminatory behaviour. Link to context relevant to your students. Ensure you are interacting equally with different genders (the IOP has a classroom interactions self evaluation form you can use <a href="https://spark.iop.org/collections/inclusive-teaching-resources" class="astroLinks">here</a>).</p></div>
@@ -110,20 +110,16 @@ <h2 class="has-dropcap">3 Representation</h2>
110110
</div>
111111
<div class="container-fluid">
112112
<div class="row">
113-
<div class="col-md-4 offset-lg-4">
113+
<div class="col-md-4">
114114
<div class="card">
115115
<a href="https://drive.google.com/drive/folders/1Cz2MhM047SyYmyMX9Ib0zz3fa3G1MFrK?usp=sharing"><img class="card-img-top" src="images/WomeninPhysics.png" alt="Women in Physics"></a>
116116
<div class="card-body">
117117
<h5 class="card-title special-center-text">EDI Google Drive Folder</h5>
118-
<p class="card-text">A work in progress folder containing a catalogued Stories in Astronomy pdf from the IOP, Women in Physics posters by my student Hannah Bryce, links to other resources etc.</p>
118+
<p class="card-text">A work in progress folder containing a catalogued Stories in Astronomy pdf from the IOP, Women in Physics posters by my former student Hannah Bryce, links to other resources etc.</p>
119119
</div>
120120
</div>
121121
</div>
122-
</div><br>
123-
</div><br>
124-
<div class="container-fluid">
125-
<div class="row">
126-
<div class="col-md-4 offset-lg-2">
122+
<div class="col-md-4">
127123
<div class="card">
128124
<a href="https://drive.google.com/drive/folders/14TECgmGqWFdVmwAX63F-9Ard6f8Qi0Qr?usp=sharing"><img class="card-img-top" src="images/careers.png" alt="Careers Poster - Cropped"></a>
129125
<div class="card-body">
@@ -142,14 +138,15 @@ <h5 class="card-title special-center-text">World Space Week 2021</h5>
142138
</div>
143139
</div>
144140
</div><br>
141+
</div><br>
145142
</div>
146143
<div class="container">
147144
<br>
148145
<hr>
149146
<div class="row">
150147
<div class="text-center col-md-8 offset-md-2">
151148
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
152-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
149+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
153150
</div>
154151
</div>
155152
</div>

‎educators.html

+2-11
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h1 class="display-4 innerjumbo with-smalltag">Get Involved</h1>
8585
</div>
8686
<div class="container">
8787
<div class="row">
88-
<div class="col-md-8 offset-lg-2">
88+
<div class="col-md-8 offset-md-2">
8989
<h2 class="has-dropcap">1 Add your activities and code</h2>
9090
<p class="just-text">Add your own existing python notebook activities to the repository on GitHub! Or submit any code that you think would be useful for astronomy educators to be incorporated into activities or the astroedu python package. All submissions welcome if you're in doubt we want your code! Submit via GitHub or email.</p>
9191
<br>
@@ -100,21 +100,12 @@ <h2 class="has-dropcap-right">4 Translate activities</h2>
100100
<br>
101101
</div>
102102
</div>
103-
<br/>
104-
<br/>
105-
<!--
106-
<div class="row">
107-
<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>
108-
<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>
109-
<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>
110-
</div>
111-
-->
112103
<br>
113104
<hr>
114105
<div class="row">
115106
<div class="text-center col-md-8 offset-md-2">
116107
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
117-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
108+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
118109
</div>
119110
</div>
120111
</div>

‎fits.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h1 class="display-4 innerjumbo">FITs Image Processing</h1>
8484
</div>
8585
<div class="container-fluid">
8686
<div class="row">
87-
<div class="col-md-8 offset-lg-2">
87+
<div class="col-md-8 offset-md-2">
8888
<h4 class="special-center-text" id="PROCESS_Header">Image Processing</h4><br>
8989
<p class="special-center-text">PPTs on image processing with various astronomical software. I prefer to use JS9-4L or just JS9 since these run in the browser requiring no install.</p>
9090
<p><strong>Other Software:</strong>
@@ -150,7 +150,7 @@ <h5 class="card-title special-center-text">Photometry with APT</h5>
150150
</div>
151151
<div class="container-fluid">
152152
<div class="row">
153-
<div class="col-md-8 offset-lg-2"><br>
153+
<div class="col-md-8 offset-md-2"><br>
154154
<h4 class="special-center-text" id="FITS_Header">FITS image files</h4><br>
155155
<p class="special-center-text">Here are some FITS files that students and I have taken using Faulkes/LCO telescopes. They are stored on Google Drive. Clicking on the image will take you to the shared folder.</p>
156156
<br>
@@ -190,7 +190,7 @@ <h5 class="card-title special-center-text">Interacting Galaxies</h5>
190190
<div class="row">
191191
<div class="text-center col-md-8 offset-md-2">
192192
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
193-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
193+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
194194
</div>
195195
</div>
196196
</div>

‎index.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -171,16 +171,13 @@
171171
</div>
172172
</div>
173173
<br>
174-
<div class="row text-center">
175-
<div class="col-lg-10 offset-lg-1 main-info-text"><strong>Challenge Autumn 2021:</strong> Create and submit a plot to Astro Plot of the Week on Twitter <a href="https://twitter.com/PlotAstro" class="astroLinks">@PlotAstro</a>.</div>
176-
</div>
177174
<br>
178175

179176
<hr>
180177
<div class="row">
181178
<div class="text-center col-md-8 offset-md-2">
182179
<!-- <h5>Contact - astrodimitrios(at)gmail.com </h5>-->
183-
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
180+
<p class="footer-text">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
184181
</div>
185182
</div>
186183
</div>

‎ppt.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ <h1 class="display-4 innerjumbo">Teaching Resources</h1>
121121
</div>
122122
<div class="container-fluid">
123123
<div class="row">
124-
<div class="col-md-8 offset-lg-2">
124+
<div class="col-md-8 offset-md-2">
125125
<h4 class="special-center-text">PDFs</h4><br>
126126
<p class="special-center-text">Some of these PDFs are more finished than others! Check the card details for more info. The Unit 16 PDFs were used when teaching the BTEC Applied Science: Astronomy and Space course (discontinued) so they are online as is and won't be developed further. All of these resources (par the Awesome Amateur Astronomer's Guide) were written with Unit 16 LA A, The Sun and the Solar System, and B, Observing the Night and Daytime Sky, in mind.</p>
127127
<br>
@@ -233,7 +233,7 @@ <h5 class="card-title special-center-text">Astronomy Club Observation Log</h5>
233233
</div><br>
234234
<div class="container-fluid">
235235
<div class="row">
236-
<div class="col-md-8 offset-lg-2">
236+
<div class="col-md-8 offset-md-2">
237237
<h4 class="special-center-text" id="Powerpoints_Header">Powerpoints</h4><br>
238238
<p class="special-center-text">Astronomy powerpoints! Click on the images to be taken to the Powerpoint folder on my Google Drive. <strong>Update 2021/07:</strong> I'm re-working the ppts with more AfL and proper notes for the non-specialist, plus adding the final few that are not online.</p>
239239
<br>
@@ -340,7 +340,7 @@ <h5 class="card-title special-center-text">Surface of the Galilean Moons</h5>
340340
</div>
341341
<div class="container-fluid">
342342
<div class="row">
343-
<div class="col-md-8 offset-lg-2">
343+
<div class="col-md-8 offset-md-2">
344344
<h4 class="special-center-text" id="WSW_Header">World Space Week</h4><br>
345345
<p class="special-center-text">Resources for World Space Week.</p>
346346
<br>

‎projects.html

+5-3
Original file line numberDiff line numberDiff line change
@@ -81,10 +81,12 @@
8181
<div class="row" id="projects-jumbo">
8282
<div class="col-md-5 offset-md-2" style="padding: 0">
8383
<h1 id="projects-maintitle">Projects</h1>
84+
<p id="projects-maintext-update">2023 Update: I no longer have time to mentor students on any projects. Please get in contact if you are interested in maintaining/developing astroedu.</p>
8485
<p id="projects-maintext">Mini projects available for students anywhere in the world. Please get in contact if you're interested in a project. Project length etc. can be tailored to your needs and coding ability.</p>
8586
</div>
86-
<div class="col-md-3" id="projects-jumbo-img">
87-
<img srcset="images/ipcc_bluemarble_west_lrg_edit-372w.png 372w,
87+
<div class="col-md-3" id="projects-jumbo-img-div">
88+
<img id="projects-jumbo-img"
89+
srcset="images/ipcc_bluemarble_west_lrg_edit-372w.png 372w,
8890
images/ipcc_bluemarble_west_lrg_edit-930w.png 930w,
8991
images/ipcc_bluemarble_west_lrg_edit-1859w.png 1859w"
9092
sizes="(max-width: 800px) 372px,
@@ -186,7 +188,7 @@ <h1 id="projects-maintitle">Projects</h1>
186188
<hr>
187189
<div class="row">
188190
<div class="text-center col-md-8 offset-md-2">
189-
<p class="footer-text-dark">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2021 &middot; GNU GPL 3.0</p>
191+
<p class="footer-text-dark">Contact - astrodimitrios(at)gmail.com, <br class="brfooter">Copyright&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; GNU GPL 3.0</p>
190192
</div>
191193
</div>
192194
</div>

0 commit comments

Comments
 (0)