diff --git a/html/calendar.ejs b/html/calendar.ejs
index 61790d0d..7b4911af 100644
--- a/html/calendar.ejs
+++ b/html/calendar.ejs
@@ -6,6 +6,16 @@
   <link rel="manifest" href="/manifest.json">
   <link href="css/yt-ukraine.svg" rel="icon">
   <title>Poke! Calendar</title>
+   <meta name="viewport" content="width=device-width, initial-scale=1">
+   <meta content="PokeCalendar" property=og:title>
+   <meta content="Worlds first no js web calendar :3" property=twitter:description>
+   <meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image"  /> 
+   <meta content=summary_large_image name=twitter:card>
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <meta charset="UTF-8">
+   <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'">
+    <meta name="referrer" content="no-referrer">
+
   <style>
     body {
       background-color: #121212;
@@ -90,7 +100,7 @@
 </head>
 <body>
   <div class="navbar">
-    <h1>Poke Calendar!! woaww</h1>
+<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5">         </a>    
     <div class="years">
       <h2>Gregorian Year: <%= year %></h2>
       <h2>Islamic Year: <%= islamicYear %></h2>
@@ -98,7 +108,7 @@
     </div>
   </div>
   
-  <div class="container">
+  <div class="container" style=" margin-top: 1em;">
     <table class="calendar-table">
       <thead>
         <tr>
