feat: weather-api v1

README.md

@@ -55,16 +55,20 @@ __v1__
 - [x] UI: Glassmorphism
 - [x] UI: Gallery Comp
 - [x] Github: workflow for deploy
-
++ v1.1
+	- [ ] weather APi using User Current location @Geo-location API
 __v2__
-- [ ] UI: Social Media
+- [ ] UI: Social Media in Profile Card
 - [ ] UI: Notificarion/Toast  
 - [ ] UI: Popup Menu 
 - [ ] Event: Power btn 
 - [ ] Event: Wifi btn
 - [ ] Event: Bluetooth btn
 - [ ] Event: Application btn
 
+__v3__
+
+
 
 ## Contributing 🌱
 

app.vue

@@ -106,6 +106,20 @@ const tour = useShepherd({
 
 onMounted(() => {
 
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(showPosition);
+    } else {
+      console.log("Geolocation not supported");
+    }
+    console.log(navigator)
+
+let pos = "";
+
+function showPosition(position) {
+  pos = "Latitude: " + position.coords.latitude +
+  "<br>Longitude: " + position.coords.longitude;
+  console.log(pos)
+}
 
     // Tour-Power
     tour.addStep({
@@ -358,7 +372,7 @@ onMounted(() => {
 
 #linux{
     width:100vw;
-    height: 100vh;
+    max-height: 100vh;
      background-repeat: no-repeat;
       background-size: cover; 
        background-position: center;

components/Matrix.vue

@@ -1,7 +1,7 @@
 <!-- / -->
 <template>
     <div class="matrix w-full h-full bg-gray-900 p-3 opacity-[.8] rounded-2xl">
-        <div class="w-full h-full rounded-2xl border-2 border-gray-400" style="background-image: url('/astraos/matrix1.gif');background-position: center;background-repeat: no-repeat;background-size: cover;">
+        <div class="w-full h-full rounded-2xl border-2 border-gray-400" style="background-image: url('/AstraOS/matrix1.gif');background-position: center;background-repeat: no-repeat;background-size: cover;">
         </div>
     </div>
 </template>

components/Notepad.vue

@@ -4,8 +4,6 @@ let txt = "Made with Love by Piyush \n\n## Tech Stack \n- Nuxt JS \n- Tailwind C
 
 <template>
 	<div class="h-full w-full bg-gray-900 p-5 rounded-xl opacity-[.8]">
-		<textarea name="" id="" class="w-full h-full bg-gray-900 text-pink-200 f1 outline-none p-3 border-l-2 border-pink-400" :value="txt">
-			<!-- {{  txt }} -->
-		</textarea>
+		<textarea name="" id="" class="w-full h-full bg-gray-900 text-pink-200 f1 outline-none p-3 border-l-2 border-pink-400" :value="txt"></textarea>
 	</div>
 </template>

components/Profile.vue

@@ -3,7 +3,7 @@
         <div class="max-w-sm opacity-[.8] h-full">
             <div class="rounded-lg border bg-gray-900 px-8 py-8 pb-10 space-y-6 shadow-xl border-none h-full flex flex-col items-center justify-center">
                 <div class="relative mx-auto w-36 rounded-full">
-                    <img class="mx-auto h-auto w-full rounded-full" src="/profile.jpg" alt="" />
+                    <img class="mx-auto h-auto w-full rounded-full" src="/profile.png" alt="" />
                 </div>
                 <h1 class="my-1 text-center text-2xl font-bold leading-8 text-[#E1AFD1]">Piyush</h1>
                 <p class="text-center text-sm leading-6 text-[#FFE6E6] hover:text-gray-600 font-bold">Fullstack Web Developer <br/> Anime . Cat . Music</p>