HackYourFuture-CPH · Sevda-NZ · Aug 18, 2023 · Aug 18, 2023 · Aug 18, 2023 · Aug 18, 2023
diff --git a/1_html-css/index.html b/1_html-css/index.html
@@ -0,0 +1,146 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sevda's First Portfolio</title>
+    <link rel="stylesheet" href="styles.css" />
+    <link
+      href="http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    />
+  </head>
+
+  <body>
+    <header class="header-wrapper">
+      <div class="navbar">
+        <nav id="nav-links" class="nav-links">
+          <ul>
+            <li><a href="#about-me">About Me</a></li>
+            <li><a href="#projects">My Projects</a></li>
+            <li><a href="#contact">Contact Me</a></li>
+          </ul>
+        </nav>
+      </div>
+
+      <div class="flex introduction">
+        <h1>&lt;Hello! I am Sevda Naziri &gt;</h1>
+        <p>A Newbie Front-End Developer</p>
+      </div>
+    </header>
+
+    <section id="about-me">
+      <img src="sevda-pic.png" />
+      <h2>About Me</h2>
+      <p>
+        This is my very first portfolio, and I'm excited to share my journey as
+        a budding web developer. Currently, I'm enrolled in the Hack Your Future
+        program, where I'm immersing myself in the world of web development.
+        While my current portfolio showcases my early work, I'm committed to
+        continuous improvement. As I progress through the program, I'm eagerly
+        anticipating crafting a more polished and impressive portfolio in the
+        future. My passion lies in crafting websites that not only catch the eye
+        but also offer a seamless user experience. I'm dedicated to ensuring
+        that everyone who visits a site I've worked on has a positive
+        interaction. What drives me is the perfect blend of aesthetics and
+        functionality that makes websites shine. This excitement to create
+        visually appealing and functional websites is what propels me to dive
+        deeper into the realm of front-end development. The more I learn, the
+        more motivated I am to refine my skills and create amazing online
+        experiences.
+      </p>
+    </section>
+
+    <section id="projects">
+      <h2>My Projects</h2>
+      <section>
+        <h3>FreeCampCode</h3>
+        <ul>
+          <li>
+            <a
+              href="https://cool-baklava-6f12d3.netlify.app"
+              target="_blank"
+              rel="noopener noreferrer"
+              >FreeCodeCamp Survey Form Project</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://velvety-cajeta-66b4f4.netlify.app"
+              target="_blank"
+              rel="noopener noreferrer"
+              >FreeCodeCamp Tribute Page</a
+            >
+          </li>
+        </ul>
+      </section>
+      <section>
+        <h3>HachYourFuture</h3>
+        <p>A responsive website built using HTML, CSS.</p>
+        <a
+          href="https://calm-beignet-11ba2f.netlify.app"
+          target="_blank"
+          rel="noopener noreferrer"
+          >Live Demo</a
+        >
+        <div class="github-link">
+          <a
+            href="https://github.com/Sevda-NZ"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <i class="fab fa-github">Visit my Github</i>
+          </a>
+        </div>
+      </section>
+    </section>
+
+    <section id="skills">
+      <h2>Skills</h2>
+      <ul class="flex skill">
+        <li><i class="fab fa-html5"></i> HTML</li>
+        <li><i class="fab fa-css3"></i> CSS</li>
+        <li><i class="fab fa-js"></i> Basic JavaScript</li>
+      </ul>
+    </section>
+
+    <section id="contact">
+      <h2>Contact Me</h2>
+      <p>
+        You can reach me at [email protected]
+        <span class="gmail-logo"> <i class="fas fa-envelope"></i></span>
+      </p>
+      <div class="social-icons">
+        <a
+          href="https://www.facebook.com/profile.php?id=100004987278952"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <i class="fab fa-facebook"></i>
+        </a>
+        <a
+          href="https://www.instagram.com/sevdanazirii/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <i class="fab fa-instagram"></i>
+        </a>
+        <a
+          href="https://www.linkedin.com/in/sevda-naziri-562099123/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <i class="fab fa-linkedin"></i>
+        </a>
+      </div>
+    </section>
+
+    <footer>
+      <p>&copy; 2023 Sevda Naziri</p>
+    </footer>
+  </body>
+</html>
diff --git a/1_html-css/sevda-pic.png b/1_html-css/sevda-pic.png
diff --git a/1_html-css/styles.css b/1_html-css/styles.css
@@ -0,0 +1,134 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: "Roboto", sans-serif;
+  background-color: #f7f7f7;
+}
+html {
+  scroll-behavior: smooth;
+}
+
+.header-wrapper {
+  background-color: #00587a;
+  color: #fff;
+  padding: 20px;
+}
+
+.navbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+}
+
+.nav-links ul {
+  list-style: none;
+  display: flex;
+}
+
+.nav-links li {
+  margin-right: 20px;
+}
+
+.introduction h1 {
+  font-size: 36px;
+}
+
+.introduction p {
+  font-size: 18px;
+}
+.introduction {
+  text-align: center;
+  margin-top: 20px;
+  animation: fadeScale 2s ease-in-out infinite;
+}
+
+@keyframes fadeScale {
+  0%,
+  100% {
+    opacity: 0.5;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.1);
+  }
+}
+
+#about-me img {
+  width: 15%;
+  margin-bottom: 15px;
+}
+
+section {
+  padding: 40px;
+  background-color: #fff;
+  margin-bottom: 30px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+section h2 {
+  font-size: 28px;
+  margin-bottom: 20px;
+}
+
+section h3 {
+  font-size: 18px;
+  line-height: 1.6;
+  margin-bottom: 20px;
+}
+section p,
+.fa-github {
+  margin-bottom: 10px;
+}
+
+ul {
+  list-style: none;
+}
+
+ul li {
+  margin-bottom: 10px;
+}
+
+a {
+  color: #0072b1;
+  text-decoration: none;
+}
+.social-icons {
+  margin-top: 20px;
+  font-size: 28px;
+  gap: 20px;
+}
+
+/* Footer styles */
+footer {
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+}
+
+/* Responsive styles */
+@media screen and (max-width: 768px) {
+  .navbar {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .nav-links {
+    width: 100%;
+    margin-top: 10px;
+  }
+
+  .menu-icon {
+    margin-right: 20px;
+  }
+
+  .nav-links.active {
+    display: flex;
+  }
+}
diff --git a/3_javascript/javascript1/week4/index.html b/3_javascript/javascript1/week4/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>JS week-4</title>
+  </head>
+  <body>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/3_javascript/javascript1/week4/script.js b/3_javascript/javascript1/week4/script.js
@@ -0,0 +1,66 @@
+let userName = "";
+const todos = [];
+
+function getReply(command) {
+  if (command.startsWith("Hello my name is")) {
+    userName = command.replace("Hello my name is ", "");
+    return `Nice to meet you ${userName}.`;
+  } else if (command === "What is my name?") {
+    if (userName) {
+      return `Your name is ${userName}`;
+    } else {
+      return "What is your name?";
+    }
+  } else if (command.startsWith("Add ") && command.endsWith(" to my todo")) {
+    const todoItem = command.replace("Add ", "").replace(" to my todo", "");
+    todos.push(todoItem);
+    return `${todoItem} added to your todo.`;
+  } else if (
+    command.startsWith("Remove ") &&
+    command.endsWith(" from my todo")
+  ) {
+    const todoItem = command
+      .replace("Remove ", "")
+      .replace(" from my todo", "");
+    const index = todos.indexOf(todoItem);
+    if (index !== -1) {
+      todos.splice(index, 1);
+      return `Removed ${todoItem} from your todo.`;
+    } else {
+      return `${todoItem} is not in your todo list.`;
+    }
+  } else if (command === "What is on my todo?") {
+    if (todos.length > 0) {
+      return `You have ${todos.length} todos: ${todos.join(" and ")}`;
+    } else {
+      return "You have no todos.";
+    }
+  } else if (command === "What day is it today?") {
+    const today = new Date();
+    const day = today.getDate();
+    const month = today.toLocaleString("default", { month: "long" });
+    const year = today.getFullYear();
+    return `${day} of ${month} ${year}`;
+  } else if (/what is \d+ [+*\/-] \d+/.test(command)) {
+    const result = eval(command.replace("what is ", ""));
+    return result;
+  } else if (command.startsWith("Set a timer for ")) {
+    const timeStr = command.replace("Set a timer for ", "");
+    const timeInMinutes = parseInt(timeStr, 10);
+    if (!isNaN(timeInMinutes)) {
+      setTimeout(() => {
+        console.log("Timer done");
+      }, timeInMinutes * 60 * 1000);
+      return `Timer set for ${timeInMinutes} minutes.`;
+    } else {
+      return "Invalid timer format.";
+    }
+  } else {
+    return "Command not recognized.";
+  }
+}
+
+console.log(getReply("Hello my name is Benjamin"));
+console.log(getReply("What is my name?"));
+console.log(getReply("Add fishing to my todo"));
+console.log(getReply("What day is it today?"));
diff --git a/5_databases/week2/part1.sql b/5_databases/week2/part1.sql
@@ -0,0 +1,26 @@
+--Add a task with these attributes: title, description, created, updated, due_date, status_id, user_id
+INSERT INTO task (title, description, created, updated, due_date, status_id) VALUES ("Become a developer", "Work hard", "2017-10-06 04:03:52", "2017-09-20 19:34:43", "2017-12-22 20:58:03", 2)
+
+--Change the title of a task
+UPDATE task
+SET title = "go to hyf"
+WHERE title = "Buy gift for Paul";
+
+--Change a task due date
+UPDATE task
+SET due_date = "2020-12-01 13:28:35"
+WHERE due_date = "2017-12-01 13:28:35";
+
+--Change a task status
+UPDATE task
+SET task.status_id = 1
+WHERE task.id = 16;
+
+--Mark a task as complete
+UPDATE task
+SET task.status_id = 3
+WHERE task.id = 16;
+
+--Delete a task
+DELETE FROM task
+WHERE id = 16;