edi.html

<!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: EDI</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 active-drop" href="#">EDI & Careers</a>
				   <a class="dropdown-item" href="visual.html">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">EDI Resources</h1>
    </div>
	<div class="container-fluid">
       <div class="row text-center">
          <div class="col-md-8 offset-md-2">
			  <p>I am building this page mostly for me! To hold useful links I find and resources that I or my students create. The Institute of Physics (IOP) <a href="https://www.iop.org/about/IOP-diversity-inclusion/importance-of-equality-diversity-physics" class="astroLinks">importance of EDI</a> document is a great place to start along with their <a href="https://spark.iop.org/collections/inclusive-teaching-resources" class="astroLinks">10 tips for teachers</a>. I have distilled them into what I feel are 3 areas I can focus on in my practice.</p>
			  <br>
	      </div>
	   </div>
		<br>
	</div>
	  <div class="container">
	   <div class="row">
		   <div class="col-md-8 offset-md-2">
			   <div style="background-color: rgba(116,179,205,.2); padding: 1.5em 2em 1em 2em">
			   <h2 class="has-dropcap">1 Teacher Behaviour</h2>
		      <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>
			  <br><br>
			   <div style="background-color: rgba(116,179,205,.4); padding: 1.5em 2em 1em 2em">
			   <h2 class="has-dropcap-right">2 Careers and Context</h2>
		      <p class="just-text">Expose students to a wide range of careers while providing context during your teaching. Ensure capable students from all backgrounds and genders are being encouraged to be ambitious and to pursue science. Emphasise skills and how they are transferred into other jobs and fields.</p></div>
			  <br><br>
			   <div style="background-color: rgba(116,179,205,.7); padding: 1.5em 2em 1em 2em">
			   <h2 class="has-dropcap">3 Representation</h2>
		      <p class="just-text">Show students that science is diverse by including scientists from all backgrounds in class. Teach about the women and other minorities who have propelled science forward. Include examples of amateurs making contributions to science, for instance through Citizen Science initiatives. Science is for everyone not just an elite few.</p></div>
			  <br>
		   </div>
	   </div> 
	  <br><br>
	  <div class="container-fluid">
       <div class="row text-center">
          <div class="col-md-8 offset-md-2">
			  <p>The IOP has launched their <a href="https://www.iop.org/strategy/limit-less#gref" class="astroLinks">Limitless campaign</a> to support young people from all backgrounds. You can sign up to the campaign <a href="https://campaign.iop.org/page/68946/signup/1" class="astroLinks">here</a>. As part of the campaign there is a great <a href="https://www.iop.org/sites/default/files/2022-02/IOP-Limit-Less-careers-booklet-UK-Ireland.pdf" class="astroLinks">careers booklet</a> showcasing what you can do with a Physics degree.</p>
			  <br>
	      </div>
	   </div>
		<br>
	</div>
	  <div class="container-fluid">
		  <div class="row">
			  <div class="col-md-4">
			  	<div class="card">
				  <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>
				  <div class="card-body">
					<h5 class="card-title special-center-text">EDI Google Drive Folder</h5>
					<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>
				  </div>
				</div>
			  </div>
			  <div class="col-md-4">
			  	<div class="card">
				  <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>
				  <div class="card-body">
					<h5 class="card-title special-center-text">Careers Posters</h5>
					<p class="card-text">Work in Progress - Careers Posters.</p>
				  </div>
				</div>
			  </div>
			  <div class="col-md-4">
			  	<div class="card">
				  <a href="https://drive.google.com/drive/folders/1EovnoafTPOS0LfKvue98yWMfKUUmJ2kN?usp=sharing"><img class="card-img-top" src="images/World Space Week 2021 Women in Space.jpg" alt="Women in Space"></a>
				  <div class="card-body">
					<h5 class="card-title special-center-text">World Space Week 2021</h5>
					<p class="card-text">Celebrating Women in Space for World Space Week 2021.</p>
				  </div>
				</div>
			  </div>
		  </div><br>
	  </div><br>
	  </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&nbsp; Dimitrios Theodorakis &copy; 2023 &middot; 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>