Replace .png files with .svg

index.html

@@ -16,7 +16,7 @@
     <link rel=canonical href="https://djecrety.ir">
     <link rel=stylesheet type="text/css" href="static/css/default.min.css">
 
-    <!--Favicon -->
+    <!-- Favicon -->
     <link rel=apple-touch-icon sizes=180x180 href="static/images/favicon/apple-touch-icon.png">
     <link rel=icon type="image/png" sizes=32x32 href="static/images/favicon/favicon-32x32.png">
     <link rel=icon type="image/png" sizes=16x16 href="static/images/favicon/favicon-16x16.png">
@@ -59,15 +59,15 @@
 <div class="ui vertical masthead center aligned container" itemscope itemtype="https://schema.org/CreativeWork">
     <div class="ui large secondary pointing menu">
         <a class="toc item" title="Djecrety">
-            <img class="ui image" src="static/images/Djecrety-Logo-24px.png" width=24 height=24 title=Djecrety
+            <img class="ui image" src="static/images/djecrety.logo.transparent.png" width=24 height=24 title=Djecrety
                  alt=Djecrety>
         </a>
         <div class="item">
             <div class="ui logo shape">
                 <div class="sides">
                     <div class="active ui side">
                         <a href="/" title="Djecrety">
-                            <img class="ui image" src="static/images/Djecrety-Logo-35px.png" width=35 height=35
+                            <img class="ui image" src="static/images/djecrety.logo.transparent.png" width=35 height=35
                                  title=Djecrety alt=Djecrety>
                         </a>
                     </div>
@@ -149,7 +149,7 @@ <h4 class="ui header">Ethereum</h4>
         </div>
         <div class="right floated right aligned four wide column" style="padding-right:2em">
             <a href="https://github.com/mrouhi13/djecrety" target=_blank title="Github Repository" itemprop=url>
-                <img id="github-logo" src="static/images/GitHub-Mark-32px.png" width=32 height=32
+                <img id="github-logo" src="static/images/gitHub-mark-dark.svg" width=32 height=32
                      alt="Github Repository"
                      title="Github Repository">
             </a>

static/js/main.js

@@ -67,11 +67,11 @@ $('h1.ui.header').transition('pulse');
 $('#dark-mode').checkbox({
     onChecked: function () {
         $('.light').toggleClass('dark').removeClass('light');
-        $('#github-logo').attr('src', 'static/images/GitHub-Mark-Light-32px.png');
+        $('#github-logo').attr('src', 'static/images/v.svg');
     },
     onUnchecked: function () {
         $('.dark').toggleClass('light').removeClass('dark');
-        $('#github-logo').attr('src', 'static/images/GitHub-Mark-32px.png');
+        $('#github-logo').attr('src', 'static/images/gitHub-mark-dark.svg');
     }
 });
 $('#policy').click(function () {