Feature/update

.github/workflows/linters.yml

@@ -8,38 +8,38 @@ env:
 jobs:
   lighthouse:
     name: Lighthouse
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-22.04
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: "12.x"
+          node-version: "18.x"
       - name: Setup Lighthouse
-        run: npm install -g @lhci/cli@0.7.x
+        run: npm install -g @lhci/cli@0.11.x
       - name: Lighthouse Report
         run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
   webhint:
     name: Webhint
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-22.04
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: "12.x"
+          node-version: "18.x"
       - name: Setup Webhint
         run: |
-          npm install --save-dev hint@6.x
+          npm install --save-dev hint@7.x
           [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.hintrc
       - name: Webhint Report
         run: npx hint .
   stylelint:
     name: Stylelint
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-22.04
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: "12.x"
+          node-version: "18.x"
       - name: Setup Stylelint
         run: |
           npm install --save-dev [email protected] [email protected] [email protected] [email protected]
@@ -48,15 +48,23 @@ jobs:
         run: npx stylelint "**/*.{css,scss}"
   eslint:
     name: ESLint
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-22.04
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: "12.x"
+          node-version: "18.x"
       - name: Setup ESLint
         run: |
           npm install --save-dev [email protected] [email protected] [email protected] [email protected]
           [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json
       - name: ESLint Report
         run: npx eslint .
+  nodechecker:
+    name: node_modules checker
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - name: Check node_modules existence
+        run: |
+          if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi

.gitignore

@@ -1,3 +1,2 @@
 # .gitignore
-node_modules/
-.vs/
+node_modules

.stylelintrc.json

@@ -2,9 +2,19 @@
   "extends": ["stylelint-config-standard"],
   "plugins": ["stylelint-scss", "stylelint-csstree-validator"],
   "rules": {
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true,
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
+    "scss/at-rule-no-unknown":  [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
     "csstree/validator": true
   },
-  "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"]
-}
+  "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"]
+}

Design/js/headerscript.js

@@ -46,17 +46,17 @@ const headerDOMElement = document.querySelector('.shared_header');
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link pr-5" href="#program"">
+            <a class="nav-link pr-5" href="program.html"">
             Program 
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link pr-5" href="#speakers">
+            <a class="nav-link pr-5" href="speakers.html">
             Speakers 
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link pr-5" href="#Partners">
+            <a class="nav-link pr-5" href="Partners.html">
             Sponsor
             </a>
           </li>

Partners.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en" prefix="og: http://ogp.me/ns#">
+  <head>
+    <meta charset="utf-8">
+    <meta  property="og:title" content=" Creative-Hub-Conference-page" />
+    <meta name="image" property="og:image" content="https://github.com/Abenezer-Tilahun/Creative-Hub-Conference-page/blob/main/Design/images/sponsors/Project-scrennshot.PNG?raw=true" />
+    <meta name="author" content="Abenezer-Tilahun" />
+    <meta  property="og:url" content="https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Software Developer's Conference</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="Design/css/style.css">
+  </head>
+  <body>
+    <header class = "shared_header">
+      <!--Dynamic header content loaded from JS DOM-->
+    </header>
+
+    <main class="parent_main">
+      <section class="container-fluid partners-section text-white bg-dark-custom pb-3" id="Partners">
+        <div class="row pt-3 mb-3">
+        <div class="col-12">
+          <h3 class="text-center section-title">Partners</h3>
+          <hr class="hr-title">
+        </div>
+        </div>
+        <ul class="partners d-flex flex-row">
+          <li>
+            <img src="Design/images/sponsors/UNIDO.png" alt="UNIDO Partner">
+          </li>
+          <li>
+            <img src="Design/images/sponsors/Italian.png" alt="Italian Development Cooperation Partner">
+          </li>
+          <li>
+            <img src="Design/images/sponsors/FeSSMIPA.png" alt="FeSSMIPA Partner">
+          </li>
+          <li>
+            <img src="Design/images/sponsors/iceaddis.svg" alt="iceaddis Partner">
+          </li>
+          <li>
+            <img src="Design/images/sponsors/intel.png" alt="Intel Partner">
+          </li>
+        </ul>
+    </section>
+   </main>
+
+   <footer class="shared_footer container-fluid p-4 bg-light">
+      <div class="row">
+        <div class="col-4">
+            <img src="Design/images/CreativeHub.jpg" class="footer_img" alt="Creative Common">
+        </div>
+        <div class="col-6" >
+          <p>@2022 Software Developers Media All Rights Reserved </p>
+        </div>
+      </div>
+   </footer>
+   <script src="Design/js/headerscript.js"></script>
+   <script src="Design/js/mainscript.js"></script>
+  </body>
+</html>

README.md

@@ -1,3 +1,28 @@
+<!-- TABLE OF CONTENTS -->
+
+# 📗 Table of Contents
+
+- [📖 About the Project](#about-project)
+  - [🛠 Built With](#built-with)
+    - [Tech Stack](#tech-stack)
+    - [Key Features](#key-features)
+  - [🚀 Live Demo](#live-demo)
+- [💻 Getting Started](#getting-started)
+  - [Prerequisites](#prerequisites)
+  - [Setup](#setup)
+  - [Install](#install)
+  - [Usage](#usage)
+  - [Run tests](#run-tests)
+  - [Deployment](#deployment)
+- [👥 Authors](#authors)
+- [🔭 Future Features](#future-features)
+- [🤝 Contributing](#contributing)
+- [⭐️ Show your support](#support)
+- [🙏 Acknowledgements](#acknowledgements)
+- [❓ FAQ (OPTIONAL)](#faq)
+- [📝 License](#license)
+
+
 # Software Developers Ethiopia Summit | Capstone Project - Module 1
 
 > This is a complete version of my first module capstone project i built and completed on my 5th week at microverse. This is a Software developers conference summit page event that happened in 2022, A Loom video documentation for this project can be found here [Link to video documentation](https://www.loom.com/share/939894ce7136466cb4c183a865442740) 
@@ -8,7 +33,8 @@
 
 My goal here is to Build a summit site from scratch, with focus on a mobile first design. take a peak at what i'v built [Live Demo]( https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/). 😊
 
-## Contents
+
+### Key Features <a name="key-features"></a>
 
 * [Homepage](#homepage)
 * [About](#About)
@@ -35,13 +61,10 @@ My goal here is to Build a summit site from scratch, with focus on a mobile firs
 - Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
 - ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)
 
-To get a local copy up and running follow these simple example steps.
 
-### Prerequisites
-The basic requirements for building the executable are:
-* A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
-* VSCode or any other equivalent code editor
-* Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)
+## 🚀 Live Demo <a name="live-demo"></a>
+
+My goal here is to Build a summit site from scratch, with focus on a mobile first design. take a peak at what i'v built [Live Demo]( https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/). 😊
 
 # Getting Started
 
@@ -79,6 +102,15 @@ npm install --save-dev [email protected]
 ```
 npx hint .
 ```
+
+To get a local copy up and running follow these simple example steps.
+
+### Prerequisites
+The basic requirements for building the executable are:
+* A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
+* VSCode or any other equivalent code editor
+* Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)
+
 ##### from parent source directory
 
 ## Authors
@@ -87,7 +119,12 @@ npx hint .
 
 - GitHub: [@githubhandle](https://github.com/Abenezer-Tilahun)
 - Twitter: [@twitterhandle](https://twitter.com/AbenezerTilah11)
-- LinkedIn: [LinkedIn](linkedin.com/in/abenezer-tilahun-4b4b43137)
+- LinkedIn: [LinkedIn](https://www.linkedin.com/in/abenezer-mesafint-a17a08230/)
+
+## 🔭 Future Features <a name="future-features"></a>
+- The program section page
+- The Featured Speaker page
+- The Sponsor Page
 
 ## Show your support