feat: QR code to the mastodon post used for comments, chnage some classes to IDs

sass/_comments.scss

@@ -10,7 +10,6 @@
   font-variant: normal;
   font-weight: normal !important;
   line-height: 1;
-  margin-inline-end: 0.25rem;
   text-transform: none;
   vertical-align: -0.125em;
 }
@@ -221,6 +220,10 @@ section#comments {
         &:active {
           transform: scale(var(--active));
         }
+
+        &::before {
+          margin-inline-end: 0.25rem;
+        }
       }
 
       .reblogs {

sass/_johnvertisement.scss

@@ -1,4 +1,4 @@
-.johnvertisement {
+#johnvertisement {
   margin: 0 auto;
   display: block;
   width: min(728px, 100vw);

sass/_not-found.scss

@@ -1,4 +1,4 @@
-.not-found {
+#not-found {
   width: 100%;
   padding-top: 1rem;
   padding-right: 35%;

sass/_post-nav.scss

@@ -1,4 +1,4 @@
-.post-nav {
+#post-nav {
   display: flex;
 
   .post-nav-item {

sass/_qrcode.scss

@@ -0,0 +1,14 @@
+#qrcode {
+  background-color: white;
+  float: right;
+  height: 155px;
+  margin: 3rem 0 0 0;
+  padding: 15px;
+  width: 155px;
+
+  @media screen and (max-width: 720px) {
+    & {
+      display: none;
+    }
+  }
+}

sass/style.scss

@@ -26,6 +26,7 @@
 @use "nav";
 @use "not-found";
 @use "post-nav";
+@use "qrcode";
 @use "statements";
 @use "tags";