Correct prtfolio

README.md

@@ -296,7 +296,7 @@ Go to `/src/index.html` and put your information, there are 5 sections:
   ...
   <div class="social-links">
     <a href="#!" target="_blank">
-      <i class="fa fa-twitter fa-inverse"></i>
+      <i class="fa fa-medium" ></i>
     </a>
     <a href="#!" target="_blank">
       <i class="fa fa-linkedin fa-inverse"></i>

package.json

@@ -20,8 +20,8 @@
   },
   "homepage": "https://github.com/cobiwave/simplefolio#readme",
   "devDependencies": {
-    "@parcel/transformer-sass": "^2.8.2",
-    "parcel": "^2.8.2",
+    "@parcel/transformer-sass": "^2.12.0",
+    "parcel": "^2.12.0",
     "prettier": "^2.8.1"
   },
   "dependencies": {

src/index.html

@@ -18,7 +18,7 @@
     <link rel="shortcut icon" type="image/png" href="assets/favicon.png" />
 
     <!-- Todo: put here your site title -->
-    <title>[Your name here] | Developer</title>
+    <title>Aditi | SDE</title>
     <!-- Todo: add some coding keywords below - e.g: (javascript, yourusername, etc) -->
     <meta name="keywords" content="[username], [name], skill" />
     <!-- Todo: improve your SEO by adding a small description of you -->
@@ -46,9 +46,9 @@
     <section id="hero" class="jumbotron">
       <div class="container">
         <h1 class="hero-title load-hidden">
-          Hi, my name is <span class="text-color-main">Your Name</span>
+          Hi, my name is <span class="text-color-main">Aditi</span>
           <br />
-          I'm the Unknown Developer.
+          I'm a Software Developer.
         </h1>
         <p class="hero-cta load-hidden">
           <a rel="noreferrer" class="cta-btn cta-btn--hero" href="#about"
@@ -79,11 +79,17 @@ <h2 class="section-title load-hidden">About me</h2>
           <div class="col-md-6 col-sm-12">
             <div class="about-wrapper__info load-hidden">
               <p class="about-wrapper__info-text">
-                This is where you can describe about yourself. The more you
-                describe about yourself, the more chances you have!
-              </p>
+                Hey there, 
+                I am a software engineer with 
+                {% from datetime import datetime %}
+                {% set start_date = datetime(2019, 6, 17) %}
+                {{ (datetime.now() - start_date).days // 365 }} 
+                years of experience.
+            </p>
               <p class="about-wrapper__info-text">
-                Extra Information about you! like hobbies and your goals.
+                I enjoy building scalable web apps, optimizing performance, and diving into new technologies. Let's work together on projects that innovate and deliver real value!
+
+
               </p>
               <span class="d-flex mt-3">
                 <a
@@ -112,27 +118,28 @@ <h2 class="section-title dark-blue-text">Projects</h2>
           <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
-                <h3 class="project-wrapper__text-title">Project Title 0</h3>
+                <h3 class="project-wrapper__text-title">SimplyDone</h3>
                 <div>
                   <p class="mb-4">
-                    Describe the project being very specific, you can use the Twitter standard: no more than 280 characters: 
-                    complement the information: the skills learned or reinforced in its realization and how you faced it, 
-                    prove to be proactive in the search for solutions.
+                    Meet SimplyDone, your new best friend for conquering to-dos! Built with Python and Django, this app lets you securely log in, add tasks, update them, and mark them as complete with ease. Get ready to stay organized and productive, all while having fun checking off those tasks! <br></br>
+                    <b>Highlight<b>: Python,Django,User Authentication 
+
+
                   </p>
                 </div>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn cta-btn--hero"
-                  href="#!"
+                  href="https://simplydone.onrender.com"
                 >
                   See Live
                 </a>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn text-color-main"
-                  href="#!"
+                  href="https://github.com/aditisingh22/SimplyDone"
                 >
                   Source Code
                 </a>
@@ -151,7 +158,7 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="assets/Project1.png"
                     />
                   </div>
                 </a>
@@ -164,27 +171,26 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
           <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
-                <h3 class="project-wrapper__text-title">Project Title 1</h3>
+                <h3 class="project-wrapper__text-title">BookReel</h3>
                 <div>
                   <p class="mb-4">
-                    Demonstrate in this description the skills of a programmer: such as having commitment, 
-                    having perseverance and accepting alternative solutions. Remember that being a portfolio you are not selling the project, 
-                    you are selling yourself, it reflects the resources used: Frameworks, libraries, platforms, etc.
+                    Dive into BookReel, where book summaries are your passport to literary adventures, minus the ads! Whether you're a free spirit or a reel subscriber, enjoy bite-sized book insights anytime. Subscribers unlock offline access and more book magic. Ready to reel in the joy of reading? Jump aboard!<br></br>
+                    <b>Highlight </b> : Python,Django,JavaScript,Docker & Subscription Model
                   </p>
                 </div>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn cta-btn--hero"
-                  href="#!"
+                  href="https://bookreel.onrender.com"
                 >
                   See Live
                 </a>
                 <a
                   rel="noreferrer"
                   target="_blank"
                   class="cta-btn text-color-main"
-                  href="#!"
+                  href="https://github.com/aditisingh22/BookReel"
                 >
                   Source Code
                 </a>
@@ -203,7 +209,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
                     <img
                       alt="Project Image"
                       class="img-fluid"
-                      src="assets/project.jpg"
+                      src="assets/bookreel.png"
                     />
                   </div>
                 </a>
@@ -213,7 +219,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
           <!-- /END Project -->
 
           <!-- Notice: each .row is a project -->
-          <div class="row">
+          <!-- <div class="row">
             <div class="col-lg-4 col-sm-12">
               <div class="project-wrapper__text load-hidden">
                 <h3 class="project-wrapper__text-title">Project Title 2</h3>
@@ -260,29 +266,29 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
                 </a>
               </div>
             </div>
-          </div>
+          </div> -->
           <!-- /END Project -->
-        </div>
+        <!-- </div>
       </div>
-    </section>
+    </section> -->
     <!-- /END Projects Section -->
 
     <!-- **** Contact Section **** -->
     <section id="contact">
       <div class="container">
         <h2 class="section-title">Contact</h2>
         <div class="contact-wrapper load-hidden">
-          <p class="contact-wrapper__text">[Put your call to action here]</p>
+          Thank you for visiting my profile.Please reach out for any suggestion, discussion or just a conversation.
+          <p class="contact-wrapper__text">[email protected]</p>
           <a
             rel="noreferrer"
             target="_blank"
             class="cta-btn cta-btn--resume"
-            href="mailto:example@email.com"
-            >Call to Action</a
+            href="mailto:meaditisingh22@gmail.com"
+            >Drop me a mail here</a
           >
         </div>
       </div>
-    </section>
     <!-- /END Contact Section -->
 
     <!-- **** Footer Section **** -->
@@ -292,54 +298,38 @@ <h2 class="section-title">Contact</h2>
           <i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
         </a>
         <div class="social-links">
-          <a rel="noreferrer" href="#!" target="_blank">
-            <i class="fa fa-twitter fa-inverse"></i>
+          <a rel="noreferrer" href="https://medium.com/@aditisingh_56391" target="_blank">
+            <i class="fa fa-medium" ></i>
           </a>
-          <a rel="noreferrer" href="#!" target="_blank">
+          <a rel="noreferrer" href="https://www.linkedin.com/in/aditi-09102216b/" target="_blank">
             <i class="fa fa-linkedin fa-inverse"></i>
           </a>
-          <a rel="noreferrer" href="#!" target="_blank">
+          <a rel="noreferrer" href="https://github.com/aditisingh22" target="_blank">
             <i class="fa fa-github fa-inverse"></i>
           </a>
         </div>
 
         <hr />
 
-        <!-- Notice: if you want to give me some credit, it will be huge for me! if not, put your data on it -->
-        <p class="footer__text">
-          © 2021 - Template developed by
-          <a rel="noreferrer" href="https://github.com/cobiwave" target="_blank"
-            >Jacobo Martínez</a
-          >
-        </p>
 
-        <!-- TO DO: remove this entire paragraph once you finish your portfolio -->
-        <p class="mt-3 pt-3">
-          <a
-            rel="noreferrer"
-            class="github-button"
-            href="https://github.com/cobiwave/simplefolio/fork"
-            data-icon="octicon-repo-forked"
-            data-size="large"
-            data-show-count="true"
-            aria-label="Fork ntkme/github-buttons on GitHub"
-            >Fork</a
-          >
-          <a
-            rel="noreferrer" 
-            class="github-button"
-            href="https://github.com/cobiwave/simplefolio"
-            data-icon="octicon-star"
-            data-size="large"
-            data-show-count="true"
-            aria-label="Star cobiwave/simplefolio on GitHub"
-            >Star</a
-          >
-        </p>
-      </div>
-    </footer>
-    <!-- /END Footer Section -->
 
     <script defer type="module" src="index.js"></script>
   </body>
 </html>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+      // Calculate years of experience dynamically
+      function calculateExperience() {
+          var startDate = new Date('2019-06-17');
+          var today = new Date();
+          var diff = today.getTime() - startDate.getTime();
+          var years = Math.floor(diff / (1000 * 60 * 60 * 24 * 365));
+          return years;
+      }
+
+      // Update the HTML content with calculated experience
+      var yearsOfExperience = calculateExperience();
+      var infoTextElement = document.querySelector('.about-wrapper__info-text');
+      infoTextElement.innerHTML = "Hey there, I am a software engineer with " + yearsOfExperience + " years of experience.";
+  });
+</script>