add rpg section

Kibibit · Aug 20, 2024 · 24c1976 · 24c1976
1 parent 95d4ac2
commit 24c1976
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/assets/all-new-rpg.png b/assets/all-new-rpg.png
diff --git a/css/style.css b/css/style.css
@@ -194,4 +194,14 @@ header .logo img {
     100% {
         background-position-x: calc(1 * var(--scroll-width));
     }
+}
+
+.rpg {
+    width: 100%;
+}
+
+.rpg img {
+    width: 100%;
+    image-rendering: pixelated;
+    transform: translateY(-10px);
 }
diff --git a/index.html b/index.html
@@ -36,6 +36,9 @@ <h3>Achievements system as a GitHub WebHook</h3>
         <div class="layer layer-5 trees"></div>
         <!-- <div class="layer layer-6 hero"></div> -->
     </div>
+    <div class="rpg">
+        <img src="./assets/all-new-rpg.png">
+    </div>
     <script src="./js/index.js"></script>
 </body>