added data files to load into html page

assets/js/project.js

@@ -0,0 +1,22 @@
+document.title = project.title;
+document.getElementById('project-image').src = project.image_src;
+document.getElementById('project-title').innerText = project.title;
+document.getElementById('project-summary').innerText = project.summary;
+document.getElementById('project-details').innerHTML = project.details;
+document.getElementById('code_link').href = project.code_link;
+
+
+var tools_parent_div = document.getElementById('tools');
+if (tools_parent_div) {
+  project.tools.forEach(skill => {
+    var el = document.createElement('div');
+    el.classList.add("skills__skill");
+    el.innerText = skill;
+    tools_parent_div.appendChild(el);
+  });
+}
+
+const elements = document.getElementsByClassName('live_link');
+for (const element of elements) {
+  element.href = project.live_link;
+}

data/home.js

@@ -0,0 +1,48 @@
+var data = {
+  site_logo: "./assets/png/john-doe.png",
+  name: "John Doe",
+  heading: "Hey, My name is John Doe",
+  summary: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+
+  about_me: {
+    short: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+    detailed: `Hey! It's <strong>John Doe</strong> and I'm a <strong> Frontend Web Developer </strong> located in Los Angeles. I've done
+      <strong> remote </strong> projects for agencies, consulted for startups, and collaborated with talented people to create"
+      <strong>digital products </strong> for both business and consumer use.`,
+    skills: ['HTML', 'CSS3', 'PHP', 'JavaScript', 'React', 'SASS', 'GIT', 'Shopify', 'Wordpress', 'Google ADS', 'Facebook Ads', 'Android', 'IOS']
+  },
+
+  projects_subheading: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+
+  projects: [
+    {
+      title: "Project 1",
+      href: './project-1.html',
+      image_src: "./assets/jpeg/project-mockup-example.jpeg",
+      summary: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora, explicabo quae quod deserunt eius sapiente praesentium.",
+    },
+    {
+      title: "Project 2",
+      href: './project-2.html',
+      image_src: "./assets/jpeg/project-mockup-example.jpeg",
+      summary: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+    },
+    {
+      title: "Project 3",
+      href: './project-3.html',
+      image_src: "./assets/jpeg/project-mockup-example.jpeg",
+      summary: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+    }
+  ],
+
+  contacts_subheading: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis tempora explicabo quae quod deserunt eius sapiente",
+
+  footer_summary: "Lorem ipsum dolor sit amet consectetur adipisicing elit facilis tempora explicabo quae quod deserunt",
+
+  instagram: '/instagram.com',
+  linkedin: '/linkedin.com',
+  github: '/github.com',
+  twitter: '/twitter.com',
+  youtube: '/youtube.com',
+
+}

data/project1.js

@@ -0,0 +1,18 @@
+// Enter Details for Project
+var project = {
+  title: "Project 1",
+  image_src: "./assets/jpeg/project-mockup-example.jpeg",
+  summary: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos
+            in numquam incidunt earum quaerat cum fuga, atque similique natus
+            nobis sit.`,
+  details: `Lorem ipsum dolor sit amet consectetur adipisicing elit.Neque alias tenetur minus quaerat aliquid, 
+            aut provident blanditiis, deleniti aspernatur ipsam eaque veniam voluptatem corporis vitae
+            mollitia laborum corrupti ullam rem.Lorem ipsum dolor sit amet
+            consectetur adipisicing elit.Neque alias tenetur minus quaerat
+            aliquid, aut provident blanditiis, deleniti aspernatur ipsam
+            eaque veniam voluptatem corporis vitae mollitia laborum corrupti
+            ullam rem?`,
+  tools: ['HTML', 'CSS3', 'PHP', 'JavaScript', 'React', 'SASS', 'GIT', 'Shopify'],
+  live_link: "/live",
+  code_link: "/code"
+}

data/project2.js

@@ -0,0 +1,18 @@
+// Enter Details for Project
+var project = {
+  title: "Project 2",
+  image_src: "./assets/jpeg/project-mockup-example.jpeg",
+  summary: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos
+            in numquam incidunt earum quaerat cum fuga, atque similique natus
+            nobis sit.`,
+  details: `Lorem ipsum dolor sit amet consectetur adipisicing elit.Neque alias tenetur minus quaerat aliquid, 
+            aut provident blanditiis, deleniti aspernatur ipsam eaque veniam voluptatem corporis vitae
+            mollitia laborum corrupti ullam rem.Lorem ipsum dolor sit amet
+            consectetur adipisicing elit.Neque alias tenetur minus quaerat
+            aliquid, aut provident blanditiis, deleniti aspernatur ipsam
+            eaque veniam voluptatem corporis vitae mollitia laborum corrupti
+            ullam rem?`,
+  tools: ['HTML', 'CSS3', 'PHP', 'JavaScript', 'React', 'SASS', 'GIT', 'Shopify'],
+  live_link: "/live",
+  code_link: "/code"
+}

data/project3.js

@@ -0,0 +1,18 @@
+// Enter Details for Project
+var project = {
+  title: "Project 3",
+  image_src: "./assets/jpeg/project-mockup-example.jpeg",
+  summary: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos
+            in numquam incidunt earum quaerat cum fuga, atque similique natus
+            nobis sit.`,
+  details: `Lorem ipsum dolor sit amet consectetur adipisicing elit.Neque alias tenetur minus quaerat aliquid, 
+            aut provident blanditiis, deleniti aspernatur ipsam eaque veniam voluptatem corporis vitae
+            mollitia laborum corrupti ullam rem.Lorem ipsum dolor sit amet
+            consectetur adipisicing elit.Neque alias tenetur minus quaerat
+            aliquid, aut provident blanditiis, deleniti aspernatur ipsam
+            eaque veniam voluptatem corporis vitae mollitia laborum corrupti
+            ullam rem?`,
+  tools: ['HTML', 'CSS3', 'PHP', 'JavaScript', 'React', 'SASS', 'GIT', 'Shopify'],
+  live_link: "/live",
+  code_link: "/code"
+}