Add files via upload

letterly · Jun 7, 2024 · a618f96 · a618f96
1 parent acad3b2
commit a618f96
Show file tree

Hide file tree

Showing 5 changed files with 312 additions and 8 deletions.
diff --git a/calendar.css b/calendar.css
@@ -20,7 +20,7 @@ body{
     color: black;
 }
 
-#settings, #temperature, #verb, #measure, #color, #changelog, #dayname, #namesearch, #format, #zmanim, #sunrisesunset, #prayertimes, #mandaictimes, #angles, #nationalholidays, #holidays, #observances, #monthly, #weekly, #answer, #selectblockfive, #selectblockone, #selectblocktwo, #contactinfo, #namediv, #timenow, #findany, #currencies{
+#settings, #temperature, #mynews, #verb, #measure, #color, #changelog, #dayname, #namesearch, #format, #zmanim, #sunrisesunset, #prayertimes, #mandaictimes, #angles, #nationalholidays, #holidays, #observances, #monthly, #weekly, #answer, #selectblockfive, #selectblockone, #selectblocktwo, #contactinfo, #namediv, #timenow, #findany, #currencies{
     display: none;
 }
 #contactinfo{
@@ -68,8 +68,9 @@ td:first-child{
 #menu button{
     font-size: 56px;
     background-color: coral;
-    margin: 5px;
+    margin: 2px;
     border: none;
+    border-radius: 20px;
     color: black;
 }
 .outside{
@@ -414,7 +415,7 @@ h2{
     text-decoration: dotted underline !important;
 }
 
-#sunrisesunset, #verb, #timenow, #zmanim, #prayertimes, #mandaictimes, #angles, #namediv, #format, #namesearch, #measure, #currencies, #temperature{
+#sunrisesunset, #verb, #timenow, #zmanim, #prayertimes, #mandaictimes, #angles, #namediv, #format, #namesearch, #mynews, #measure, #currencies, #temperature{
     border-radius: 5px;
     width: 80vw;
     margin-left: 10vw;
@@ -437,4 +438,15 @@ h2{
     height: 50px;
     background-color: black;
     margin-top: 10px;
+}
+
+#mynews a{
+    color: lightseagreen;
+    font-size: 38px;
+}
+#mynews p{
+    font-size: 16px;
+}
+#mynews div{
+    margin: 10px;
 }
diff --git a/calendar.js b/calendar.js
@@ -5124,7 +5124,7 @@ function reveal(subject){
     else{
         header.innerHTML = `<span onclick="reveal('menu')">Harris' Website</span>`
         menu.style.display = "block"
-        for(oooo of "settings dayname currencies measure verb temperature findany color changelog timenow namesearch zmanim format sunrisesunset prayertimes mandaictimes angles nationalholidays holidays observances monthly weekly answer selectblockfive selectblockone selectblocktwo contactinfo namediv".split(" ")) document.getElementById(oooo).style.display = "none"
+        for(oooo of "settings dayname currencies measure verb mynews temperature findany color changelog timenow namesearch zmanim format sunrisesunset prayertimes mandaictimes angles nationalholidays holidays observances monthly weekly answer selectblockfive selectblockone selectblocktwo contactinfo namediv".split(" ")) document.getElementById(oooo).style.display = "none"
     }
 
     switch(subject){
@@ -5177,6 +5177,7 @@ function reveal(subject){
         case "temperature":
         case "color":
         case "verb":
+        case "mynews":
             document.getElementById(subject).style.display = "block"
             break
         case "name":

diff --git a/index.html b/index.html
@@ -8,18 +8,17 @@
     <body>
         <h1 id="header"><span onclick="reveal('menu')">Harris' Website</span></h1>
         <div id="menu">
-            <h3>Select a section:</h3>
             <button class='outside'><a href="interbraille.html" target="_blank" style="text-decoration: none;">Braille Converter</a></button>
             <button class='outside'><a href="unicalc.html" target="_blank" style="text-decoration: none;">Calculator</a></button>
+            <button class='outside'><a href="mykeyboard.html" target="_blank" style="text-decoration: none;">Keyboards</a></button>
+            <button class='outside'><a href="letterly.html" target="_blank" style="text-decoration: none;">Learn Alphabets</a></button>
+            <button class='outside'><a href="uninumber.html" target="_blank" style="text-decoration: none;">Numeral Converter</a></button>
             <button onclick="reveal('calendar')">Calendar Converter</button>
             <button onclick="reveal('color')">Color Converter</button>
             <button onclick="reveal('currencies')">Currency Converter</button>
             <button onclick="reveal('date')">Date Formatter</button>
             <button onclick="reveal('holidays')">Holidays</button>
-            <button class='outside'><a href="mykeyboard.html" target="_blank" style="text-decoration: none;">Keyboards</a></button>
-            <button class='outside'><a href="letterly.html" target="_blank" style="text-decoration: none;">Learn Alphabets</a></button>
             <button onclick="reveal('name')">Name Day</button>
-            <button class='outside'><a href="uninumber.html" target="_blank" style="text-decoration: none;">Numeral Converter</a></button>
             <button onclick="reveal('prayer')">Prayer Directions</button>
             <button onclick="reveal('salahprayerzmanim')">Prayer Times</button>
             <button onclick="reveal('sunrisesunset')">Sunrise/Sunset</button>
@@ -32,6 +31,7 @@ <h3>Select a section:</h3>
             <button class='meta'><a href="https://github.com/letterly/letterly.github.io/tree/main" target="_blank" style="text-decoration: none;">Website Code</a></button>
             <button class='website' onclick="reveal('contactinfo')">Contact</button>
             <button class='website'><a href="https://harrismowbray.com" target="_blank" style="text-decoration: none;">Personal Website</a></button>
+            <button class='website' onclick="reveal('mynews')">Press</button>
             <button class='website'><a href="https://harrismowbray.com/Resume.pdf" target="_blank" style="text-decoration: none;">Résumé</a></button>
             <button class='website'><a href="https://en.wikipedia.org/wiki/Harris_Mowbray" target="_blank" style="text-decoration: none;">Wikipedia</a></button>
         </div>
@@ -336,11 +336,13 @@ <h5 id="recognizedverb">recognized verb ✅</h5>
                 </table>
             </div>
         </div>
+        <div id="mynews"></div>
     </body>
     <script src="calendar-data.js"></script>
     <script src="nameday.js"></script>
     <script src="calendarharris.js"></script>
     <script src="calendar.js"></script>
     <script src="updates.js"></script>
     <script src="currencies.js"></script>
+    <script src="mynews.js"></script>
 </html>