<!HAS_WEBDNA_TAGS>


<!--CALCULATES THE JULIAN DAY NUMBER, USEFUL IN SOME ASTRONOMICAL CALCULATIONS (works =only= after 10/15/1582)-->


<!DOCTYPE html>
<html lang="en">
<head>
<title>Moonpage | Look Up the Moon Phase for Any Date</title>

<meta charset="utf-8">
<meta name="description" content="Moonpage lets you quickly find the phase of the moon for any date; also the next or previous new or full moon phases for any date.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<style>


body { background: #000000 !important;}
p { color: #dedede; }
label { color: #dedede; }
h1, h2, h3, h4, h5, h6  { color: #ffffff; }


.btn-fullmoon {
  background-color: hsl(179, 0%, 89%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11b11b11b", endColorstr="#e2e2e2");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#11b11b11b), to(#e2e2e2));
  background-image: -moz-linear-gradient(top, #11b11b11b, #e2e2e2);
  background-image: -ms-linear-gradient(top, #11b11b11b, #e2e2e2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11b11b11b), color-stop(100%, #e2e2e2));
  background-image: -webkit-linear-gradient(top, #11b11b11b, #e2e2e2);
  background-image: -o-linear-gradient(top, #11b11b11b, #e2e2e2);
  background-image: linear-gradient(#11b11b11b, #e2e2e2);
  border-color: #e2e2e2 #e2e2e2 hsl(179, 0%, 83.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36);
  -webkit-font-smoothing: antialiased;
}

.btn-newmoon {
  background-color: hsl(100, 0%, 21%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d6d6d", endColorstr="#353535");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#6d6d6d), to(#353535));
  background-image: -moz-linear-gradient(top, #6d6d6d, #353535);
  background-image: -ms-linear-gradient(top, #6d6d6d, #353535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #353535));
  background-image: -webkit-linear-gradient(top, #6d6d6d, #353535);
  background-image: -o-linear-gradient(top, #6d6d6d, #353535);
  background-image: linear-gradient(#6d6d6d, #353535);
  border-color: #353535 #353535 hsl(100, 0%, 15.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}

.btn-nerds {
  background-color: hsl(100, 0%, 21%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d6d6d", endColorstr="#353535");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#6d6d6d), to(#353535));
  background-image: -moz-linear-gradient(top, #6d6d6d, #353535);
  background-image: -ms-linear-gradient(top, #6d6d6d, #353535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #353535));
  background-image: -webkit-linear-gradient(top, #6d6d6d, #353535);
  background-image: -o-linear-gradient(top, #6d6d6d, #353535);
  background-image: linear-gradient(#6d6d6d, #353535);
  border-color: #353535 #353535 hsl(100, 0%, 15.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}


@media (min-width: 992px) {
    span.nottbl {display:none}
}

@media (max-width: 991px) {
    span.tbl {display:none}
}


@media (min-width: 768px) {
    span.notph {display:none}
}

@media (max-width: 767px) {
    span.ph {display:none}
}


@media (min-width: 500px) {
    span.notty {display:none}
}

@media (max-width: 499px) {
    span.ty {display:none}
}


.pg-top {
   margin-top: 8px;
}

.form-group {
   margin-bottom: 8px;
}

label {
   margin-bottom: 3px;
}

.btn-default {
   margin-top: 8px;
}

.img-responsive {
   margin-top: 8px;
   margin-bottom: 24px;
}

h3 {
   margin-top: 6px;
   margin-bottom: 6px;
}

.btnspc {
   margin-top: 16px;
   margin-bottom: 16px;
}


</style>

</head>
<body bgcolor="#000000" text="#dddddd" link="#eeeeee" vlink="#cccccc" alink="#ff0000">

<div class="container pg-top">


<span class="ty"><div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8" align="center">
<p>To look up the phase of the moon for any date, <span class="notph"><br></span><span class="ph"> </span>just fill out the form below, then hit "Find Phase."</p>
</div>
<div class="col-sm-2"></div>
</div>
</span>


</div>


<div class="container">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8" align="center">
<img class="img-responsive" src="moonpics/gluna.jpg" width="480" height="288" alt="The waxing moon.">
<p align="center">At <font color="#ffffff">21:53:37 UT</B></FONT> Friday <font color="#ffffff">20 July 2018</font><span class="notty"><br></span><span class="ty"> </span>the <font color="#ffffff">waxing</b></font> moon&rsquo;s phase is</p>

<h3>61.20% full</h3>


<p align="center"></p>

</div>
<div class="col-sm-2"></div>
</div>
</div>


<form role="form" action="index.html">
<input type="hidden" name="go" value="T">
<input type="hidden" name="auto_dst" value="T">

<div class="container">
<div class="row">
<div class="col-sm-12" align="center">

<div class="form-group">
<font color="#999999">Time Zone:&nbsp;&nbsp;&nbsp;</font><label class="radio-inline"><input type="radio" name="tzone" value="ut"  CHECKED>UT</label>
<label class="radio-inline"><input type="radio" name="tzone" value="at">AT</label>
<label class="radio-inline"><input type="radio" name="tzone" value="et">ET</label>
<label class="radio-inline"><input type="radio" name="tzone" value="ct">CT</label>
<span class="notty"><br></span>
<label class="radio-inline"><input type="radio" name="tzone" value="mt">MT</label>
<label class="radio-inline"><input type="radio" name="tzone" value="pt">PT</label>
<label class="radio-inline"><input type="radio" name="tzone" value="ak">AK</label>
<label class="radio-inline"><input type="radio" name="tzone" value="hi">HI</label>
</div>

</div>
</div>

<div class="row">
<div class="col-sm-3 col-xs-0"></div>
<div class="col-sm-2 col-xs-4">

<div class="form-group">
<label for="m">Month</label>
<select class="form-control input-sm" name="m">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7" selected>July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</div>
</div>

<div class="col-sm-2 col-xs-4">
<div class="form-group">
<label for="d">Day</label>
<select class="form-control input-sm" name="d">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20" selected>20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</div>
</div>

<div class="col-sm-2 col-xs-4">
<div class="form-group">
<label for="usr">Year</label>
<input type="text" class="form-control input-sm" name="y" value="2018">
</div>
</div>
<div class="col-sm-3 col-sx-0"></div>
</div>

<div class="row">
<div class="col-sm-3 col-xs-0"></div>
<div class="col-sm-2 col-xs-4">

<div class="form-group">
<label for="hour">Hour</label>
<select class="form-control input-sm" name="hour">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21" selected>21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</div>
</div>

<div class="col-sm-2 col-xs-4">
<div class="form-group">
<label for="min">Minute</label>
<select class="form-control input-sm" name="min">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53" selected>53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</div>
</div>

<div class="col-sm-2 col-xs-4">
<div class="form-group">
<label for="sec">Second</label>
<select class="form-control input-sm" name="sec">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37" selected>37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</div>
</div>
<div class="col-sm-3 col-sx-0"></div>
</div>

<div class="row">
<div class="col-sm=12" align="center">

<button type="submit" class="btn btn-default btn-md">
Find Phase <span class="glyphicon glyphicon-search"></span>
</button>


</div>
</div>
</div>

</form>

<br>

<div class="container">
<div class="row">
<div class="col-sm-1 col-md-2"></div>

<div class="col-sm-10 col-md-8" align="center">

<div class="btn-group btn-group-justified">
<a href="prevfull.html?go=T&q=07/20/2018&tm=21:53:37" class="btn btn-newmoon">&#11044; Prev <span class="ph">Full</span></a>
<a href="prevnew.html?go=T&q=07/20/2018&tm=21:53:37" class="btn btn-newmoon">&#9711; Prev <span class="ph">New</span></a>
<a href="index.html" class="btn btn-primary">Current <span class="ph">Phase</span></a>
<a href="nextnew.html?go=T&q=07/20/2018&tm=21:53:37" class="btn btn-newmoon">Next <span class="ph">New</span> &#9711;</a>
<a href="nextfull.html?go=T&q=07/20/2018&tm=21:53:37" class="btn btn-newmoon">Next <span class="ph">Full</span> &#11044;</a>
</div>

</div>
<div class="col-sm-1 col-md-2"></div>
</div>
</div>

<div class="container btnspc">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8" align="center">
<button type="button" class="btn btn-nerds" data-toggle="collapse" data-target="#info">&nbsp;&nbsp;&nbsp;Info for Nerds&nbsp;<span class="glyphicon glyphicon-arrow-down"></span>&nbsp;&nbsp;&nbsp;</button>
<div id="info" class="collapse">

<h5>Some factors that go into this equation:</h5>

<p align="center"><b>Universal Time</b>
 is 21.9102777777778 in decimal hours.
<br>
The <b>Julian date</b> is 2458320.11202411.
<br>
The <b>sun&rsquo;s ecliptic longitude</b> is 118.110196851623 degrees.
<br>
Its <b>mean anomaly</b> is 195.8653387065 degrees.
<br>
The moon&rsquo;s <b>true longitude</b> is 4541.05704750124 degrees.</p>

<p><i><font color="#999999">These calculations incorporate the switch to the English New Style (N.S.)&#151;i.e., Gregorian&#151; calendar after Wednesday, 02 September 1752; the next day became Thursday, 14 September, skipping eleven days. (Please also note that, while fairly accurate, these calculations remain a bit buggy.)</font></i></div>
</div>
<div class="col-sm-2"></div>
</div>
</div>

<script>
$(document).ready(function(){
  $("#info").on("hide.bs.collapse", function(){
    $(".btn-nerds").html('&nbsp;&nbsp;&nbsp;Info for Nerds&nbsp;<span class="glyphicon glyphicon-arrow-down"></span>&nbsp;&nbsp;&nbsp;');
  });
  $("#info").on("show.bs.collapse", function(){
    $(".btn-nerds").html('&nbsp;&nbsp;&nbsp;Close&nbsp;<span class="glyphicon glyphicon-arrow-up"></span>&nbsp;&nbsp;&nbsp;');
  });
});
</script>


<div class="container">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8" align="center">
<p><font color="#cccccc"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Send comments to <a href="mailto:info@moonpage.com">info@moonpage.com</a>.</font></p>
<p><font color="#cccccc">&copy; 1997&#150;2018 by <a href="https://www.3ip.com/" target="_blank">3IP</a>.</font></p></div>
<div class="col-sm-2"></div>
</div>
</div>

</body>
</html>