Merge pull request #36 from DavidsDvm/revert-35-feat/languageNWork

Revert "Feat/language n work"
DavidsDvm · Sep 27, 2024 · c95fda1 · c95fda1
2 parents 360ddd6 + 8f684d8
commit c95fda1
Show file tree

Hide file tree

Showing 19 changed files with 525 additions and 2,540 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,15 +8,11 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^3.0.0",
-    "vue-i18n": "^10.0.3"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "5.0.8",
     "@vue/cli-service": "~5.0.8",
-    "@vue/compiler-sfc": "^3.0.0",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.13"
+    "@vue/compiler-sfc": "^3.0.0"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
diff --git a/src/App.vue b/src/App.vue
@@ -11,7 +11,7 @@ export default {
   name: 'App',
   components: {
     LateralBar,
-    MainContent,
+    MainContent
   },
   data () {
     return {
@@ -21,7 +21,7 @@ export default {
         linkedin : "https://linkedin.com/in/davidsdvm/",
         stackoverflow: "https://stackoverflow.com/users/16787643/davidsdvm"
       }
-    }
+    } 
   },
   methods: {
     getActualScroll(element) {

diff --git a/src/assets/css/components/homePage.css b/src/assets/css/components/homePage.css
@@ -4,7 +4,7 @@
 		left: 0%;
 	}
 	20% {
-		top: 25%;
+		top: 25%; 
 		left: 25%;
 	}
 	30% {
@@ -120,9 +120,9 @@
 
 .bigCenter-text{
     width: 30%;
-    font-size: 3.8rem;
+    font-size: 4rem;
     text-shadow:
-    -0.1vh -0.1vh 0 #000,
+    -0.1vh -0.1vh 0 #000,  
     0.1vh -0.1vh 0 #000,
     -0.1vh 0.1vh 0 #000,
     0.1vh 0.1vh 0 #000;
@@ -132,7 +132,7 @@
     margin: 0;
     color: #000;
     text-shadow:
-    -0.1vh -0.1vh 0 #fff,
+    -0.1vh -0.1vh 0 #fff,  
     0.1vh -0.1vh 0 #fff,
     -0.1vh 0.1vh 0 #fff,
     0.1vh 0.1vh 0 #fff;
@@ -216,7 +216,7 @@
 	overflow: hidden;
     font-size: 0.6vw;
     animation: glitch 0.2s linear infinite;
-    animation-play-state: paused;
+    animation-play-state: paused;   
 }
 .console .output pre:hover {
     animation-play-state: running;
@@ -230,7 +230,7 @@
     flex-wrap: nowrap;
     justify-content: flex-start;
 }
-
+		
 .action span {
     display: inline-block;
     /* width: 60px; */
@@ -299,7 +299,7 @@ span.seperator {
 		height: 100vh;
 		display: flex;
 		flex-direction: column;
-
+		
 	}
 
 	.bigCenter-text,
@@ -316,7 +316,7 @@ span.seperator {
 		height: 48vh;
 		width: 80vw;
 	}
-
+	
 	.bigCenter-console_main .console-card {
 		height: 100vh;
 		width: 80vw;
@@ -331,4 +331,4 @@ span.seperator {
 	.console .output pre {
 		font-size: 0.55vh;
 	}
-}
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
@@ -1,8 +1,3 @@
-/* ./src/index.css
-@tailwind base;
-@tailwind components;
-@tailwind utilities; */
-
 * {
     margin: 0;
     padding: 0;
@@ -16,4 +11,4 @@ html {
 body {
     min-height: 100%;
     padding: 0;
-}
+}
diff --git a/src/components/AboutMe.vue b/src/components/AboutMe.vue
@@ -1,20 +1,32 @@
 <template>
   <div class="aboutMe--mainContent" id="aboutMeMainContent">
     <div class="sectionsTittle--text">
-      >{{ $t('aboutMe.title') }}
+      >About me
     </div>
     <div class="aboutMe pt-5 pb-5">
       <transition name="presentationAboutMe" enter-active-class="animate__animated animate__bounceInDown" leave-active-class="animate__animated animate__bounceOut">
         <div v-if="aboutMeText" class="aboutMeContent--text">
-          {{ $t('aboutMe.descriptionOne') }}
+          Hello! My name is David and I enjoy creating
+          things on the technological world. My interest in
+          development started back in 2013 when in my school
+          I started creating basic programs using Scratch
+          there I make a lot of funny games and then started my dreams
+          to be a good developer in the future.
           <br /><br />
-          {{ $t('aboutMe.descriptionTwo') }}
+          Fast-forward to today, I learned a lot of
+          the tech world and programming languages
+          like basic C++, JavaScript or Python
+          using frameworks like Flask, Django, Vue, React
+          now I am focusing on web development and
+          learning new things everyday to be a
+          good developer and make the future of the
+          internet.
         </div>
       </transition>
       <Scrollwatcher sentinal-name="AboutMe" @on-intersection-element="scrolledOn()" />
       <transition name="presentationPhoto" enter-active-class="animate__animated animate__bounceInUp" leave-active-class="animate__animated animate__bounceOut">
         <p v-if="aboutMePhoto" class="aboutMe--image__text">
-          Web developer jobs sit amet consectetur adipisicing elit. Totam possimus, neque, adipisci aperiam illo accusantium excepturi, maiores aspernatur repudiandae laboriosam expedita? Veritatis aut corporis nesciunt dolorem, incidunt exercitationem ad tempore! web developer skills ratione reiciendis facilis optio aliquam dolor ducimus. web developer et, web developer resume dolore iusto exercitationem, ex dolor rem aspernatur nulla fugiat eos earum, facere doloribus aliquid a vel temporibus quidem maiores nisi molestiae doloremque hic. Repellat iste ad perspiciatis fuga! Cumque quas consequatur eligendi id laborum temporibus sed laudantium illo web developer salary adipisci, accusamus mollitia corporis! Porro magnam laborum eius unde voluptatem, recusandae sit, dolorum qui deleniti voluptas voluptatibus tenetur molestiae quos harum ullam? Tempore web developer jobs  animi eveniet possimus aliquam eius harum quia, quibusdam rem repudiandae molestiae labore praesentium. Necessitatibus, sed maxime. Cupiditate culpa sint dolor perspiciatis, id optio soluta fuga obcaecati suscipit ratione a web developer resume! Quibusdam possimus et repellat voluptatem web developer portfolio quisquam est earum corrupti nostrum amet beatae vel, atque quasi quaerat hic animi enim odit web developer extension ab. Eveniet, aperiam consequuntur eos eius consectetur officiis beatae earum quo esse, nam fugiat, mollitia quibusdam quis ad a sapiente consequatur quaerat! Aperiam dolorem laborum harum inventore eos facilis voluptatibus aut distinctio? Aut vel, voluptates a web developer portfolio soluta cum libero nobis voluptas, facere facilis eos quasi, asperiores veritatis aliquid. Placeat similique facere ipsum, quaerat facilis, consectetur laudantium eius dolores perferendis fuga blanditiis ab voluptatem aliquid quas tenetur quod praesentium rerum expedita! Quas at mollitia sequi architecto alias possimus saepe placeat sint nemo, cupiditate impedit explicabo officiis tempore, quasi deleniti nostrum est ratione quibusdam assumenda temporibus omnis. Sequi, sapiente esse? Aut nam repudiandae amet eum illum beatae dolorum quos asperiores pariatur nulla incidunt quasi assumenda porro optio excepturi, minima, veritatis quibusdam, dicta accusantium explicabo iusto sapiente nihil maiores accusamus. Optio, consequuntur. Quae fugit ratione fuga sunt, ab iste, soluta pariatur exercitationem possimus, asperiores dolor libero quia minima. Ipsum nobis totam libero. Quidem vel blanditiis recusandae accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit,a web developer job description impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero web developer blog , iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo
+          Web developer jobs sit amet consectetur adipisicing elit. Totam possimus, neque, adipisci aperiam illo accusantium excepturi, maiores aspernatur repudiandae laboriosam expedita? Veritatis aut corporis nesciunt dolorem, incidunt exercitationem ad tempore! web developer skills ratione reiciendis facilis optio aliquam dolor ducimus. web developer et, web developer resume dolore iusto exercitationem, ex dolor rem aspernatur nulla fugiat eos earum, facere doloribus aliquid a vel temporibus quidem maiores nisi molestiae doloremque hic. Repellat iste ad perspiciatis fuga! Cumque quas consequatur eligendi id laborum temporibus sed laudantium illo web developer salary adipisci, accusamus mollitia corporis! Porro magnam laborum eius unde voluptatem, recusandae sit, dolorum qui deleniti voluptas voluptatibus tenetur molestiae quos harum ullam? Tempore web developer jobs  animi eveniet possimus aliquam eius harum quia, quibusdam rem repudiandae molestiae labore praesentium. Necessitatibus, sed maxime. Cupiditate culpa sint dolor perspiciatis, id optio soluta fuga obcaecati suscipit ratione a web developer resume! Quibusdam possimus et repellat voluptatem web developer portfolio quisquam est earum corrupti nostrum amet beatae vel, atque quasi quaerat hic animi enim odit web developer extension ab. Eveniet, aperiam consequuntur eos eius consectetur officiis beatae earum quo esse, nam fugiat, mollitia quibusdam quis ad a sapiente consequatur quaerat! Aperiam dolorem laborum harum inventore eos facilis voluptatibus aut distinctio? Aut vel, voluptates a web developer portfolio soluta cum libero nobis voluptas, facere facilis eos quasi, asperiores veritatis aliquid. Placeat similique facere ipsum, quaerat facilis, consectetur laudantium eius dolores perferendis fuga blanditiis ab voluptatem aliquid quas tenetur quod praesentium rerum expedita! Quas at mollitia sequi architecto alias possimus saepe placeat sint nemo, cupiditate impedit explicabo officiis tempore, quasi deleniti nostrum est ratione quibusdam assumenda temporibus omnis. Sequi, sapiente esse? Aut nam repudiandae amet eum illum beatae dolorum quos asperiores pariatur nulla incidunt quasi assumenda porro optio excepturi, minima, veritatis quibusdam, dicta accusantium explicabo iusto sapiente nihil maiores accusamus. Optio, consequuntur. Quae fugit ratione fuga sunt, ab iste, soluta pariatur exercitationem possimus, asperiores dolor libero quia minima. Ipsum nobis totam libero. Quidem vel blanditiis recusandae accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit,a web developer job description impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero web developer blog , iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo fuga vero accusamus impedit, iste quo 
         </p>
       </transition>
     </div>
@@ -61,7 +73,7 @@ export default {
   font-size: 3rem;
   color: #0E0E11;
   text-shadow:
-    -0.1vh -0.1vh 0 #8D8E91,
+    -0.1vh -0.1vh 0 #8D8E91,  
     0.1vh -0.1vh 0 #8D8E91,
     -0.1vh 0.1vh 0 #8D8E91,
     0.1vh 0.1vh 0 #8D8E91;
@@ -119,4 +131,4 @@ export default {
     flex-direction: column;
   }
 }
-</style>
+</style>
diff --git a/src/components/ContactMe.vue b/src/components/ContactMe.vue
@@ -1,24 +1,26 @@
 <template>
   <div class="contactMe--mainContent" id="contactMeMainContent">
     <div class="sectionsTittle--text__contactMe">
-      >{{ $t('contactMe.title') }}
+      >Contact Me
     </div>
     <Scrollwatcher sentinal-name="AboutMe" @on-intersection-element="scrolledOn()" />
     <transition name="contact" enter-active-class="animate__animated animate__zoomInDown" leave-active-class="animate__animated animate__bounceOut">
     <div v-if="contactMe" class="contactMe">
         <div class="contactMe--main">
           <div class="text-white contactMe--main__bigText d-flex justify-content-center">
-            {{ $t('contactMe.bigtextOne') }} <span class="bordered-text">{{ $t('contactMe.bigtextTwo') }}</span>
+              Get in <span class="bordered-text">Touch</span>
           </div>
         </div>
         <div class="contactMe--descriptionText">
-          {{ $t('contactMe.description') }}
+          My inbox is always open to new collaboration or projects
+          press the below button and send me a message, I'll wait
+          for your message.
         </div>
         <div class="contactMe--Button">
-          <button @click="sendMail()">{{ $t('contactMe.buttonText') }}</button>
+          <button @click="sendMail()">Contact Me</button>
         </div>
         <div class="contactMe--disclamer">
-          <span>{{ $t('contactMe.disclaimer') }}</span>
+          <span>Made and designed with &lt;3 by @DavidsDvm</span>
         </div>
     </div>
     </transition>
@@ -82,7 +84,7 @@ export default {
   width: 100%;
   font-size: 6vw;
   text-shadow:
-  -0.1vh -0.1vh 0 #000,
+  -0.1vh -0.1vh 0 #000,  
   0.1vh -0.1vh 0 #000,
   -0.1vh 0.1vh 0 #000,
   0.1vh 0.1vh 0 #000;
@@ -92,7 +94,7 @@ export default {
   margin: 0;
   color: #000;
   text-shadow:
-  -0.1vh -0.1vh 0 #fff,
+  -0.1vh -0.1vh 0 #fff,  
   0.1vh -0.1vh 0 #fff,
   -0.1vh 0.1vh 0 #fff,
   0.1vh 0.1vh 0 #fff;
@@ -142,4 +144,4 @@ export default {
     width: 35vw;
   }
 }
-</style>
+</style>
diff --git a/src/components/ExperienceItem.vue b/src/components/ExperienceItem.vue