Separated the 'About' section from the main promptUser.js and put it …

…into it's own function. Users can input as many paragraphs as they'd like
jwilferd10 · Oct 20, 2023 · e753bf0 · e753bf0
1 parent ad823e6
commit e753bf0
Show file tree

Hide file tree

Showing 7 changed files with 1,213 additions and 9 deletions.
diff --git a/app.js b/app.js
@@ -4,6 +4,7 @@ import { clearDistDirectory } from './utils/clearDistDirectory.js';
 
 // src imports
 import { generatePage } from './src/page-template.js';
+import { promptAbout } from'./src/promptAbout.js';
 import { promptEducation } from './src/promptEducation.js';
 import { promptProject } from './src/promptProject.js';
 import { promptSocialMedia } from './src/promptSocialMedia.js';
@@ -19,6 +20,9 @@ const main = async () => {
     const userResponses = await promptUser();
 
     // Run confirmAbout if confirmed
+    if (userResponses.confirmAbout) {
+      await promptAbout(userResponses);
+    }
 
     // Run confirmSkills if confirmed
 

diff --git a/dist/default.css b/dist/default.css
@@ -0,0 +1,7 @@
+:root {
+    --primary: #9dbdc6;
+    --secondary: #daeaef;
+    --tertiary: #ff3d2e;
+    --light: #ffffff;
+    --dark: #272f32;
+}
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,86 @@
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta http-equiv="X-UA-Compatible" content="ie=edge">
+      <title>Testing123</title>
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
+      <link href="https://fonts.googleapis.com/css?family=Public+Sans:300i,300,500&display=swap" rel="stylesheet">
+      <link rel="stylesheet" href="style.css">
+
+    <link rel="stylesheet" href="default.css">
+
+    </head>
+
+    <body>
+      <header>
+        <div class="container flex-row justify-space-between align-center py-3">
+          <h1 class="target1 page-title rounded-edges2 box-shadow2 spacing-five text-secondary bg-dark px-3">Testing123</h1>
+        </div>
+        <nav class="container pb-4 flex-row justify-flex-start">
+
+      <a class="socialLinks ml-2 my-1 px-2 py-1 bg-secondary text-dark d-flex align-items-center" href="https://github.com/fghklfgjhkfgkjhfgkjh">
+        <i class="socialIcon fab fa-github fa-2x"></i>
+      </a>
+
+      <a class="socialLinks ml-2 my-1 px-2 py-1 bg-secondary text-dark d-flex align-items-center" href="https://linkedin.com/dfghkdfhjkdfghjk">
+        <i class="socialIcon fab fa-linkedin fa-2x"></i>
+      </a>
+
+      <a class="socialLinks ml-2 my-1 px-2 py-1 bg-secondary text-dark d-flex align-items-center" href="https://youtube.com/dfghfgkjhfgkhfgjk">
+        <i class="socialIcon fab fa-youtube fa-2x"></i>
+      </a>
+
+      <a class="socialLinks ml-2 my-1 px-2 py-1 bg-secondary text-dark d-flex align-items-center" href="https://facebook.com/fdghjkdfhjkfgjkh">
+        <i class="socialIcon fab fa-facebook fa-2x"></i>
+      </a>
+
+        </nav>
+      </header>
+
+      <main class="container my-5">
+
+    <section class="my-3" id="about">
+      <h2 class="text-dark bg-primary p-2 display-inline-block rounded-edges1 box-shadow1 px-3 mb-3"> About Me</h2>
+      <div class="my-3 aboutText">
+
+      <p>nothing at all to show</p>
+
+      <p>hello world its me</p>
+
+      </div>
+    </section>
+
+
+
+
+
+    <section class="my-3" id="portfolio">
+      <h2 class="text-dark bg-primary p-2 display-inline-block rounded-edges1 box-shadow1 px-3 mb-3"> Work</h2>
+      <div class="flex-row justify-space-between">
+
+
+
+          <div class="col-12 col-md-6 mb-2 bg-dark text-light p-3 flex-column rounded-edges2 box-shadow2">
+            <h3 class="portfolio-item-title text-light">nine</h3>
+            <h5 class="portfolio-languages">
+              Built With:
+              JavaScript
+            </h5>
+            <p>ghiig</p>
+            <a href="nine" class="btn mt-auto"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
+          </div>
+
+        </div>
+      </section>
+
+      </main>
+
+      <footer class="container text-center py-3">
+        <h3 class="text-dark">&copy; 2023 by Testing123</h3>
+      </footer>
+    </body>
+    </html>
+