iamfarhatsharefi · iamfarhatsharefi · May 23, 2024 · May 23, 2024 · May 23, 2024 · May 23, 2024
diff --git a/.github/desktop.ini b/.github/desktop.ini
diff --git a/.github/workflows/desktop.ini b/.github/workflows/desktop.ini
diff --git a/.github/workflows/linters.yml b/.github/workflows/linters.yml
@@ -0,0 +1,56 @@
+name: Linters
+
+on: pull_request
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  lighthouse:
+    name: Lighthouse
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18.x"
+      - name: Setup Lighthouse
+        run: npm install -g @lhci/[email protected]
+      - name: Lighthouse Report
+        run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
+  webhint:
+    name: Webhint
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18.x"
+      - name: Setup Webhint
+        run: |
+          npm install --save-dev [email protected]
+          [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc
+      - name: Webhint Report
+        run: npx hint .
+  stylelint:
+    name: Stylelint
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18.x"
+      - name: Setup Stylelint
+        run: |
+          npm install --save-dev [email protected] [email protected] [email protected] [email protected]
+          [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json
+      - name: Stylelint Report
+        run: npx stylelint "**/*.{css,scss}"
+  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
diff --git a/.hintrc b/.hintrc
@@ -0,0 +1,18 @@
+{
+  "connector": {
+    "name": "local",
+    "options": {
+      "pattern": ["**", "!.git/**", "!node_modules/**"]
+    }
+  },
+  "extends": ["development"],
+  "formatters": ["stylish"],
+  "hints": [
+    "button-type",
+    "disown-opener",
+    "html-checker",
+    "meta-charset-utf-8",
+    "meta-viewport",
+    "no-inline-styles:error"
+  ]
+}
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -0,0 +1,22 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "plugins": ["stylelint-scss", "stylelint-csstree-validator"],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "tailwind",
+          "apply",
+          "variants",
+          "responsive",
+          "screen"
+        ]
+      }
+    ]
+  },
+  "csstree/validator": true,
+  "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"]
+}
+
diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tribute Page</title>
+    <link rel="stylesheet" href="styles.css" type="text/css">
+</head>
+<body>
+    <main id="main">
+        <h1 id="title">Bill Gates</h1>
+        <img>
+        <div id="img-div">
+            <img id="image" src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.cnn.com%2F2023%2F12%2F19%2Fopinions%2Fartificial-intelligence-year-ahead-bill-gates%2Findex.html&psig=AOvVaw2jsJG9ayWDcLW0yP4OpEJV&ust=1716551812517000&source=images&cd=vfe&opi=89978449&ved=0CBIQjRxqFwoTCMjRj5CKpIYDFQAAAAAdAAAAABAE">
+            <div id="img-caption">Former CEO of Microsoft</div>
+        </div>
+        <div id="tribute-info">
+            <p>William Henry Gates III (born October 28, 1955) is an American businessman, investor, philanthropist, and writer best known for co-founding the software giant Microsoft, along with his childhood friend Paul Allen. During his career at Microsoft, Gates held the positions of chairman, chief executive officer (CEO), president, and chief software architect, while also being its largest individual shareholder until May 2014.[2][a] He was a pioneer of the microcomputer revolution of the 1970s and 1980s.</p>
+            <p>Entrepreneur Bill Gates founded the world's largest software business, Microsoft, with Paul Allen, and subsequently became one of the richest men in the world.</p>
+        </div>
+        <a id="tribute-link" href="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.cnn.com%2F2023%2F12%2F19%2Fopinions%2Fartificial-intelligence-year-ahead-bill-gates%2Findex.html&psig=AOvVaw2jsJG9ayWDcLW0yP4OpEJV&ust=1716551812517000&source=images&cd=vfe&opi=89978449&ved=0CBIQjRxqFwoTCMjRj5CKpIYDFQAAAAAdAAAAABAE" target="_blank" rel="noopener"></a>
+    </main>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,17 @@
+#image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+  text-align: center;
+}
+
+#img-caption {
+  margin-top: 8px;
+  font-style: bold;
+  color: #581844;
+}
+
+#img-div {
+  margin: 20px 0;
+}