Skip to content

Instantly share code, notes, and snippets.

@mercuriat

mercuriat/astrolomy.markdown

Last active June 24, 2020 10:21
Show Gist options
  • Save mercuriat/dd7e495a31ddc1d526a9add873026dc9 to your computer and use it in GitHub Desktop.
Save mercuriat/dd7e495a31ddc1d526a9add873026dc9 to your computer and use it in GitHub Desktop.
Download ZIP
Astrolomy
Raw
astrolomy.markdown

Astrolomy

@Duke University's Java Programming and Software Engineering Fundamentals Specialization Training. A Pen by admin@ on CodePen. License.

Raw
index.html
<html>
<head>
<title>Astrolomy
</title>
</head>
<body>
<h1> Astronomical bodies of relevance for astrological endeavours</h1>
<div class="alpha">
<h2>Alphabetically</h2>
<p>The following is a <b>non-exhaustive</b> selection of a few key planets.</p>
<ul>
<li>Jupiter</li>
<li>Mercury</li>
<li>Moon</li>
<li>Venus</li>
</ul>
</div>
<div class="image">
<a href="https://upload.wikimedia.org/wikipedia/commons/0/06/Planetary_System_Around_HD_69830.jpg">
<img alt="Solar system" src="https://upload.wikimedia.org/wikipedia/commons/0/06/Planetary_System_Around_HD_69830.jpg" style="float:right" width="300" height="210">
</a>
</div>
<div class="theme">
<h2>Thematically</h2>
<p>In this section we inspect planets by their <b>thematical</b> associations.</p>
<h3>Emotions</h3>
<ul>
<li>Moon</li>
<li>Venus</li>
</ul>
<h3>Mind</h3>
<ul>
<li><em>Jupiter</em></li>
<li>Mercury</li>
</ul>
</div>
<p>You will notice Jupiter only emphhasized in the thematical summary and not in the alphabetical one. </p>
<p>Well, me being a Jupiterian, let's start off our story with some facts about this <u>amazing</u> planet:</p>
<div class="Jupiter">
<p>
<ol>
<li>Several European languages thank their Thursday's naming to Jupiter:<em><b>Jeudi (FR), Jueves (ES) and Joi (RO</b></em></li>
<li>The <b>Greek</b> reference to the Roman Jupiter is Zeus. </li>
<li>There are two colours associated with Jupiter:
<ol>
<li>Orange Brown</li>
<li>Purple</li>
</ol>
</li>
</ol>
</p>
</div>
<br>
<p>Ready to know more? That's the Jupiterian spirit!</p>
<p> Let's have a look at the following table:</p>
<table>
<tr>
<td>|</td>
<th style="text-align:center;">Planet</th>
<td>|</td>
<th style="text-align:center;">Color</th>
<td>|</td>
<th style="text-align:center;">Keyword</th>
<td>|</td>
<th style="text-align:center;">Image</th>
<td>|</td>
<th style="text-align:center;">More info</th>
<td>|</td>
</tr>
<tr>
<td>|</td>
<td style="text-align:center;"><em>Mars</em></td>
<td>|</td>
<td style="text-align:center;"><em>Red</em></td>
<td>|</td>
<td>
<ul>
Ardour:
<li>Action</li>
<li>Agression</li>
<li>Literal fire</li>
</ul>
</td>
<td>|</td>
<td style="text-align:center;"><img alt="Mars" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/2005-1103mars-full.jpg/600px-2005-1103mars-full.jpg" width="90px" height="90px"></td>
<td>|</td>
<td style="text-align:center;">
<div class="links">
<a href="https://space-facts.com/mars/">https://space-facts.com/mars/</a>
</div>
</td>
<td>|</td>
</tr>
<tr>
<td>|</td>
<td style="text-align:center;"><em>Moon</em></td>
<td>|</td>
<td style="text-align:center;"><em>White</em></td>
<td>|</td>
<td style="text-align:center;"><em>Psyche</em></td>
<td>|</td>
<td style="text-align:center;"><img alt="Moon" src="https://upload.wikimedia.org/wikipedia/commons/b/b3/Full_moon.jpeg" width="90px" height="90px"></td>
<td>|</td>
<td style="text-align:center;">
<div class="links">
<a href="https://space-facts.com/moon/">https://space-facts.com/moon/</a>
</div>
</td>
<td>|</td>
</tr>
<tr>
<td>|</td>
<td style="text-align:center;"><em>Mercury</em></td>
<td>|</td>
<td style="text-align:center;"><em>Green</em></td>
<td>|</td>
<td style="text-align:center;"><em>Intellect</em></td>
<td>|</td>
<td style="text-align:center;">
<img alt="Mercury" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Mercury_in_color_-_Prockter07_centered.jpg/300px-Mercury_in_color_-_Prockter07_centered.jpg" width="90px" height="90px"></td>
<td>|</td>
<td style="text-align:center;">
<div class="links">
<a href="https://space-facts.com/mercury/">https://space-facts.com/mercury/</a>
</div>
</td>
<td>|</td>
</tr>
</table>
<br>
<br>
<br>
<p>Stay tuned!</p>
<p>
<img alt="Rotating planet" src="https://media3.giphy.com/media/xT9IgioE60R9797Uc0/source.gif" width="75px" height="75px">
<br>
<br>
<br>
<em>Mercuri@</em>
</p>
</body>
</html>
Raw
style.css
html {
background-color: #335b96;
}
h1 {
color: #cc9966;
}
h2 {
color: #89c748;
}
h3 {
color: #ffaa99;
}
p {
color: #c7b048;
font-family: "Lobster", cursive;
font-size: 15px;
}
table {
color: white;
}
td, th, tr {
height:10px;
vertical-align:center;
}
div.alpha {
color: #eee3c9;
}
div.theme {
color: #ebd7b9;
}
div.Jupiter {
background-color: #c7b048;
font-family: "OCR A Std", monospace;
font-size: 14px;
font-stretch: ultra-expanded;
color: #335b96;
}
div.links{background-color: #c7b048;
font-family: "OCR A Std", monospace;
font-size: 14px;
font-stretch: ultra-expanded;
color: #335b96;
}
div.tableData {
font-style: bold;
color: green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment