Updated index.html and default.css

NetEng-Pro · Aug 7, 2024 · f1d20e3 · f1d20e3
1 parent 70fca15
commit f1d20e3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 9 deletions.
diff --git a/css/default.css b/css/default.css
@@ -54,5 +54,10 @@ tr {
 .badgetable {
   width: 25%;
   margin-right: auto;
-  margin-left: 0px
+  margin-left: 0px;
+}
+
+.badgetable-td {
+    width: 50%;
+    height: auto;
 }
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <head prefix="og: https://ogp.me/ns/website#">
 
     <title>FOSS, Android, Privacy, Security, DNS | Network Engineering Pro</title>
-    <link rel="canonical" href="http://www.neteng.pro/" />
+    <link rel="canonical" href="https://www.neteng.pro/" />
     <meta charset="utf-8" />
     <meta http-equiv="Content-Style-Type" content="text/css" />
     <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
@@ -40,14 +40,20 @@
   </head>
   <body>
 
+    <!-- BEGIN PAGE TITLE -->
     <div id="title">
+
     <h1><em>Network Engineering Pro</em></h1>
-    <h2><b>FOSS</b> | <b>Android</b> | <b>Privacy</b> | <b>Security</b></h2>
+    <h2>FOSS <b>|</b> Android <b>|</b> Privacy <b>|</b> Security <b>|</b> DNS</h2>
 
     &NonBreakingSpace; <!-- space for clarity -->
+
     </div>
+    <!-- END PAGE TITLE -->
 
+    <!-- BEGIN MAIN CONTENT -->
     <div id="main-content">
+
     <table class="ghtable">
       <tr class="ghtable-tr">
         <td>
@@ -57,21 +63,26 @@ <h2><b>FOSS</b> | <b>Android</b> | <b>Privacy</b> | <b>Security</b></h2>
       </tr>
       <tr class="ghtable-tr">
         <td>
-          <img src="img/gh-logo.png" alt="GitHub" style="width:25%;height:auto;" />
+          <img src="https://www.neteng.pro/img/gh-logo.png" alt="GitHub" style="width:25%;height:25%;" />
         </td>
       </tr>
       <tr class="ghtable-tr">
         <td>
-          <span style="font-size:18px;">Visit us on <a href="https://github.com/NetEng-Pro/neteng-pro.github.io/">GitHub!</span>
+          <span style="font-size:18px;">Visit us on <a href="https://github.com/NetEng-Pro/neteng-pro.github.io/">GitHub!</a></span>
         </td>
       </tr>
     </table>
+
     </div>
+    <!-- END MAIN CONTENT -->
 
+    <!-- BEGIN FOOTER -->
     <div id="footer">
+
     &NonBreakingSpace; <!-- space for clarity -->
 
     <hr />
+
     <!-- begin license code for CC BY 4.0 -->
     <p style="font-size:14px;" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
     <a property="dct:title" rel="cc:attributionURL" href="https://www.neteng.pro/"><b>Network Engineering Pro</b></a> &copy; 2024 by 
@@ -82,24 +93,30 @@ <h2><b>FOSS</b> | <b>Android</b> | <b>Privacy</b> | <b>Security</b></h2>
     <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
     <img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="BY"></a></p>
     <!-- end license code -->
+
     </div>
+    <!-- END FOOTER -->
 
+    <!-- BEGIN BADGES -->
     <div id="badges">
+
     &NonBreakingSpace; <!-- space for clarity -->
 
     <table class="badgetable">
       <tr>
-        <td>
+        <td class="badgetable-td">
         <a href="https://creativecommons.org/licenses/by/4.0/">
-        <img src="https://forthebadge.com/images/badges/cc-by.png" style="width=161px;height:24px;" alt="CC BY" /></a>
+        <img src="https://forthebadge.com/images/badges/cc-by.png" style="width:161px;height:24px;" alt="CC BY" /></a>
         </td>
-        <td>
+        <td class="badgetable-td">
         <a rel="me" href="https://noc.social/@sundevil311">
-        <img src="https://img.shields.io/badge/Mastodon-6364FF?style=for-the-badge&logo=Mastodon&logoColor=white" style="width=106px;height:25px;" alt="Mastodon" /></a>
+        <img src="https://img.shields.io/badge/Mastodon-6364FF?style=for-the-badge&logo=Mastodon&logoColor=white" style="width:106px;height:25px;" alt="Mastodon" /></a>
         </td>
       </tr>
     </table>
+
     </div>
+    <!-- END BADGES -->
 
   </body>
 </html>