Minor Changes

* Change PFP * Add More info in Readme * Change in About
LinuxGuy312 · Jul 25, 2024 · ae1bac2 · ae1bac2
1 parent d8a8cda
commit ae1bac2
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,13 @@
 ## Get This Cool Website for yourself
-- **[Create a Fork](https://github.com/LinuxGuy312/LinuxGuy312.github.io/fork)**
+- [Create a Fork](https://github.com/LinuxGuy312/LinuxGuy312.github.io/fork)
+- Edit your name and about in [index.html](index.html)
+- Edit the image URL in [index.html](index.html#L42) & [style.css](src/style.css#L216)
+- Enable [Pages](https://github.com/pages) from Settings
+- Read the note about the Contact Form
+- Voila! You're done
+
+> [!NOTE] 
+> If you don't want the button for Contact, you can remove [Lines 128 to 134](index.html#L127-L134) in index.html, delete the `contactform` directory and skip the deployment steps ahead
 
 ## Deployment of Contact Form on Cloudflare Workers
 
@@ -8,7 +16,7 @@
 - Create a Telegram bot from [BotFather](https://t.me/botfather) and copy its API Token
 - Start your newly created bot by sending `/start` in its PM
 - Then goto [Yoshitsu](https://yoshitsubot.t.me?start=github) and send `/id` and copy your user id
-- Open [cf-worker.js](/contactform/cf-worker.js) and edit your Bot token and User ID you got from earlier.
+- Open [cf-worker.js](contactform/cf-worker.js) and edit your Bot token and User ID you got from earlier.
 - Copy the edited `cf-worker.js` to your clipboard.
 
 **Deploy Cloudflare worker:**
@@ -17,4 +25,4 @@
 - Save and Deploy the worker and copy its URL.
 
 **Add in your website:**
-- Just replace the [form_worker_url](/index.html#L129) in index.html to your cloudflare worker URL and you are good to go!
+- Just replace the [form_worker_url](index.html#L129) in index.html to your cloudflare worker URL and you are good to go!
diff --git a/index.html b/index.html
@@ -8,17 +8,17 @@
      <script src="https://kit.fontawesome.com/a81368914c.js"></script>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-     <meta name="description" content="Eren's Portfolio | One of the first web development projects by Eren.">
-     <meta itemprop="name" content="Eren's Portfolio">
-     <meta itemprop="description" content="Eren's Portfolio | One of the first web development projects by Eren.">
-     <meta itemprop="image" content="https://i.pinimg.com/originals/39/7f/ea/397fea9f7b5fcad281f32649902b9fa6.jpg">
+     <meta name="description" content="Eren's Website | One of the first web development projects by Eren.">
+     <meta itemprop="name" content="Eren's Website">
+     <meta itemprop="description" content="Eren's Website | One of the first web development projects by Eren.">
+     <meta itemprop="image" content="https://oshi.at/ScAK/ErenPFP.png">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
-     <meta content="Eren's Portfolio" property="og:site_name">
+     <meta content="Eren's Website" property="og:site_name">
      <meta property="og:type" content="website">
      <meta content="https://linuxguy312.github.io/" property="og:url">
      <meta content="Eren (@WH0907)" property="og:title">
-     <meta content="https://i.pinimg.com/originals/39/7f/ea/397fea9f7b5fcad281f32649902b9fa6.jpg" property="og:image">
-     <meta content="Eren's Portfolio | One of the first web development projects by Eren." property="og:description">
+     <meta content="https://oshi.at/ScAK/ErenPFP.png" property="og:image">
+     <meta content="Eren's Website | One of the first web development projects by Eren." property="og:description">
 </head>
 
 <body id="body" class="dark" oncontextmenu="return false">
@@ -39,7 +39,7 @@ <h1 data-value="LinuxGuy312" id="loader-text">Click me</h1>
      </div>
 
      <div class="modal">
-          <img src="https://i.pinimg.com/originals/39/7f/ea/397fea9f7b5fcad281f32649902b9fa6.jpg" alt="Eren">
+          <img src="https://oshi.at/gBdz/WH.png" alt="Eren">
           <div class="close"></div>
      </div>
 
@@ -48,11 +48,11 @@ <h1 data-value="LinuxGuy312" id="loader-text">Click me</h1>
           <div class="card">
                <div class="sidebar" id="sidebar">
                     <a class="active" href="https://github.com/LinuxGuy312" target="_blank">Github</a>
-                    <a class="active" href="https://WH0907.t.me" target="_blank" >Telegram</a>
-                    <a class="active" href="https://instagram.com/w_h_24.11" target="_blank">Insta</a>
-                    <a class="active" href="https://yoshitsubot.t.me?start=web" target="_blank">My Bot</a>
+                    <a class="active" href="https://WH0907.t.me" target="_blank">Telegram</a>
+                    <a class="active" href="https://instagram.com/hamayoshikamado" target="_blank">Instagram</a>
+                    <a class="active" href="https://yoshitsubot.t.me?start=web" target="_blank">My TG Bot</a>
                </div>
-               <div class="header" onclick="toggle()">
+               <div class="header">
                     <label for="check" class="checkbtn" id="chkbtn">
                          <div class="hamburger-menu">
                               <div class="center"></div>
@@ -76,9 +76,9 @@ <h3 class="sub-name">@WH0907</h3>
                     <div class="left">
                          <div class="about-container">
                               <h3 class="title">About</h3>
-                              <p class="text">~ Telegram Bot Dev ~ <a class='text' style="text-decoration: none" href="https://YoshitsuBot.t.me?start=web">@YoshitsuBot</a></p>
-                              <p class="text">• Python | Telethon | Pyrogram •</p>
-                              <p class="text"></p>
+                              <p class="text">~ Telegram Bot Dev ~ <a class='text' style="text-decoration: none" href="https://YoshitsuBot.t.me?start=web">@YoshitsuBot</a> ~</p>
+                              <p class="text">~ Android Dev ~ Kernel Dev ~</p>
+                              <p class="text">• Python | C++ |JavaScript •</p>
                          </div>
                          <div class="icons-container">
                               <a href="https://github.com/LinuxGuy312" class="icon">
@@ -87,7 +87,7 @@ <h3 class="title">About</h3>
                               <a href="https://telegram.dog/WH0907" class="icon">
                                    <i class="fab fa-telegram"></i>
                               </a>
-                              <a href="https://instagram.com/w_h_24.11" class="icon">
+                              <a href="https://instagram.com/hamayoshikamado" class="icon">
                                    <i class="fab fa-instagram"></i>
                               </a>
                          </div>
@@ -104,7 +104,7 @@ <h3 class="title">About</h3>
           </div>
      </div>
      </div>
-     
+
      <script>
           document.onkeydown = function (e) {
                if (event.keyCode == 123) {

diff --git a/src/style.css b/src/style.css
@@ -213,7 +213,7 @@ h1:hover {
     width: 110px;
     height: 110px;
     border-radius: 50%;
-    background: url('https://i.pinimg.com/originals/39/7f/ea/397fea9f7b5fcad281f32649902b9fa6.jpg') no-repeat center / cover;
+    background: url('https://oshi.at/gBdz/WH.png') no-repeat center / cover;;
     margin-bottom: 2px;
     overflow: hidden;
     cursor: pointer;