Updated index.html and default.css

NetEng-Pro · Aug 9, 2024 · a94a054 · a94a054
1 parent d152f2b
commit a94a054
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 13 deletions.
diff --git a/css/default.css b/css/default.css
@@ -64,7 +64,7 @@ tr {
 }
 
 .ghtable {
-  width: 50%;
+  width: 25%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -75,7 +75,12 @@ tr {
 }
 
 .badgetable {
-  width: 25%;
+  width: 15%;
   margin-right: auto;
   margin-left: 0px;
 }
+
+.badgetable-td {
+  width: fit-content;
+  height: fit-content;
+}
diff --git a/index.html b/index.html
@@ -24,18 +24,25 @@
     <!-- <link rel="shortcut icon" href="img/favicon.ico type="image/x-icon"> -->
 
     <!-- og meta -->
-    <meta property="og:title" value="FOSS, Android, Privacy, Security, DNS | Network Engineering Pro" />
     <meta property="og:type" value="website" />
+    <meta property="og:title" value="FOSS, Android, Privacy, Security, DNS | Network Engineering Pro" />
+    <meta property="og:description" value="Dive into the realm of FOSS and open source apps, Android guides, browser hardening, privacy, security, and DNS filtering at Network Engineering Pro. Join the open source community and contribute your expertise!" />
     <meta property="og:url" value="https://www.neteng.pro/" />
-    <meta property="og:image" content="https://www.neteng.pro/img/banner-logo.png" />
+    <meta property="og:image" value="https://www.neteng.pro/img/banner-logo.png" />
     <meta property="og:image:secure_url" content="https://www.neteng.pro/img/banner-logo.png" />
-    <meta property="og:image:type" content="image/png" />
-    <meta property="og:image:width" content="1280" />
-    <meta property="og:image:height" content="720" />
-    <meta property="og:image:alt" content="Network Engineering Pro" />
-    <meta property="og:description" value="Dive into the realm of FOSS and open source apps, Android guides, browser hardening, privacy, security, and DNS filtering at Network Engineering Pro. Join the open source community and contribute your expertise!" />
+    <meta property="og:image:alt" value="Network Engineering Pro" />
+    <meta property="og:image:width" value="1280" />
+    <meta property="og:image:height" value="720" />
     <meta property="og:locale" value="en_US" />
-    <!-- end og meta -->
+
+    <!-- twitter meta -->
+    <meta name="twitter:card" value="summary_large_image" />
+    <meta name="twitter:creator" value="@ScottGLopez" />
+    <meta name="twitter:title" value="FOSS, Android, Privacy, Security, DNS | Network Engineering Pro" />
+    <meta name="twitter:description" value="Dive into the realm of FOSS and open source apps, Android guides, browser hardening, privacy, security, and DNS filtering at Network Engineering Pro. Join the open source community and contribute your expertise!" />
+    <meta name="twitter:image" value="https://www.neteng.pro/img/banner-logo.png" />
+    <meta name="twitter:image:alt" value="Network Engineering Pro" />
+    <!-- end og and twitter meta -->
 
   </head>
   <body>
@@ -63,7 +70,7 @@ <h2>FOSS <b>|</b> Android <b>|</b> Privacy <b>|</b> Security <b>|</b> DNS</h2>
       </tr>
       <tr class="ghtable-tr">
         <td>
-          <img src="https://www.neteng.pro/img/gh-logo.png" alt="GitHub" style="width:25%;height:25%;" />
+          <img src="https://www.neteng.pro/img/gh-logo.png" alt="GitHub" style="width:15%;height:15%;" />
         </td>
       </tr>
       <tr class="ghtable-tr">
@@ -104,11 +111,11 @@ <h2>FOSS <b>|</b> Android <b>|</b> Privacy <b>|</b> Security <b>|</b> DNS</h2>
 
     <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>
         </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>
         </td>