one million after infinity1.4

.gitlab-ci.yml

-# This file is a template, and might need editing before it works on your project.
-# To contribute improvements to CI/CD templates, please follow the Development guide at:
-# https://docs.gitlab.com/ee/development/cicd/templates.html
-# This specific template is located at:
-# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/Pages/Hugo.gitlab-ci.yml
-
----
-# All available Hugo versions are listed here:
-# https://gitlab.com/pages/hugo/container_registry
-default:
-  image: "${CI_TEMPLATE_REGISTRY_HOST}/pages/hugo:latest"
-
-variables:
-  GIT_SUBMODULE_STRATEGY: recursive
-
-test:
-  script:
-    - hugo
-  rules:
-    - if: $CI_COMMIT_BRANCH != $CI_DEFAULT_BRANCH
+image: busybox
 
 pages:
+  stage: deploy
   script:
-    - hugo
+    - echo "The site will be deployed to $CI_PAGES_URL"
   artifacts:
     paths:
       - public
   rules:
     - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
-  environment: production

.gitmodules

-[submodule "themes/digitalgarden"]
-	path = themes/digitalgarden
-	url = https://github.com/apvarun/digital-garden-hugo-theme.git

README.md

-# hugo test
+# Your name - Fab Academy documentation
 
+Visit [fabacademy.org](https://fabacademy.org/) for class and other information.
 
-
-## Getting started
-
-To make it easy for you to get started with GitLab, here's a list of recommended next steps.
-
-Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
+Learn more about GitLab Pages at https://pages.gitlab.io and the official
+documentation https://docs.gitlab.com/ce/user/project/pages/.
 
 ## Add your files
 
 - [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
 - [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
 
-```
-cd existing_repo
-git remote add origin https://gitlab.fabcloud.org/duaa.alaali/hugo-test.git
-git branch -M main
-git push -uf origin main
-```
-
-## Integrate with your tools
-
-- [ ] [Set up project integrations](https://gitlab.fabcloud.org/duaa.alaali/hugo-test/-/settings/integrations)
-
-## Collaborate with your team
-
-- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
-- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
-- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
-- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
-- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
-
-## Test and Deploy
-
-Use the built-in continuous integration in GitLab.
-
-- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
-- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
-- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
-- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
-- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
 
-***
+## GitLab CI
 
-# Editing this README
+This project's static Pages are built by [GitLab CI][ci], following the steps
+defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
 
-When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
+The current above example expects to put all your HTML files in the `public/` directory.
 

archetypes/default.md

-+++
-title = '{{ replace .File.ContentBaseName "-" " " | title }}'
-date = {{ .Date }}
-draft = true
-+++

content/test.md

-## hi
-
-hi hi
\ No newline at end of file

hugo.toml

-baseURL = 'https://fabacademy.org/2024/labs/bahrain/students/zaid-abusini/'
-languageCode = 'en-us'
-title = 'My New Hugo Site'
-theme = 'digitalgarden'
-
-[menu]
-[[menu.main]]
-  name = 'Home'
-  url = '/'
-  weight = 1
-[[menu.main]]
-  name = 'Content'
-  params.header = true
-  weight = 2
-[[menu.main]]
-  name = 'Articles'
-  url = '/test'
-  weight = 3
\ No newline at end of file

package-lock.json

-{
-  "name": "hugo-test",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {}
-}

package.json

-{
-  "name": "digital-garden-theme",
-  "version": "1.1.1",
-  "description": "Build your own personal Digital Garden effortlessly with this Hugo theme",
-  "scripts": {
-    "dev:css": "NODE_ENV=development ./node_modules/tailwindcss/lib/cli.js -i ./themes/digitalgarden/assets/css/tailwind.css -o ./static/css/main.css -w",
-    "build:css": "NODE_ENV=production ./node_modules/tailwindcss/lib/cli.js -i ./themes/digitalgarden/assets/css/tailwind.css -o ./static/css/main.css --minify",
-    "develop": "concurrently  \"npm run dev:css\" \"npm run dev\"",
-    "dev": "hugo serve",
-    "build": "npm run build:css && hugo --gc --minify"
-  },
-  "keywords": [],
-  "author": "Varun A P",
-  "license": "MIT",
-  "dependencies": {
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.7",
-    "tailwindcss": "^3.2.0"
-  },
-  "devDependencies": {
-    "concurrently": "^8.2.2"
-  }
-}

public/404.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <meta name="description" content="Fab Academy documentation site for Your Name">
+    <title>Your name - Fab Academy</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="navbar">
+      <div class="navbar-inner">
+        <a href="index.html">Weekly Assignments</a>
+        <a href="final-project.html">Final Project</a>
+        <a href="about.html">About me</a>
+      </div>
+    </div>
+
+    <div class="content">
+
+      <h1>404 - Page not found</h1>
+
+      <p>Sorry the URL you typed does not exist, please use my navigation bar up top to browse my website.</p>
+
+    </div>
+
+    <footer>
+      <p>Copyright 2023 &#60;Your name&#62; - Creative Commons Attribution Non Commercial </p>
+      <p>Source code hosted at <a href="https://gitlab.fabcloud.org/academany/fabacademy/2024/labs/bahrain/students/zaid-abusini">fabcloud/fabacademy/2024/zaid-abusini</a></p>
+    </footer>
+  </body>
+</html>

public/about.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <meta name="description" content="Fab Academy documentation site for Your Name">
+    <title>Your name - Fab Academy</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="navbar">
+      <div class="navbar-inner">
+        <a href="index.html">Weekly Assignments</a>
+        <a href="final-project.html">Final Project</a>
+        <a href="about.html">About me</a>
+      </div>
+    </div>
+
+    <div class="content">
+
+      <h1>About me</h1>
+
+      <img src="./images/Zaid-Abusini.jpg" alt="Photo of Your name" />
+      <!-- While this is an image from the images folder. Never use absolute paths (starting with /) when linking local images, always relative. -->
+
+      <p>Zaid Abusini, An Electronics Engineer from Jordan, passionate about making and building things out from scratch.</p>
+
+
+      <h2>Previous work</h2>
+
+      <p>Zaid, Haves a half decade of experiance in the field of making and teaching, as a member in Studio 5 team for the previous 4 years teaching youth how to create technology instead of being only ordinary consumer.​</p>
+
+      <h3>Hobbies</h3>
+        <p>Zaid is a big fan of sport especially table tennis and basket ball.</p>
+
+      <!--<h3>Project A</h3>
+
+      <p>Talking about a specific project I am proud of.</p>-->
+    </div>
+
+    <footer>
+      <p>Copyright 2023 &#60;Your name&#62; - Creative Commons Attribution Non Commercial </p>
+      <p>Source code hosted at <a href="https://gitlab.fabcloud.org/academany/fabacademy/2024/labs/bahrain/students/zaid-abusini">fabcloud/fabacademy/2024/zaid-abusini</a></p>
+    </footer>
+  </body>
+</html>

public/assignments/week01.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <meta name="description" content="Fab Academy documentation site for Your Name">
+    <title>Your name - Fab Academy</title>
+    <link rel="stylesheet" href="../style.css">
+  </head>
+  <body>
+    <div class="navbar">
+      <div class="navbar-inner">
+        <a href="../index.html">Weekly Assignments</a>
+        <a href="../final-project.html">Final Project</a>
+        <a href="../about.html">About me</a>
+      </div>
+    </div>
+
+    <div class="content">
+
+      <h1>1. Project management</h1>
+
+      <p>This week I worked on defining my final project idea and started to getting used to the documentation process.</p>
+
+      <h2>Research</h2>
+
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p
+
+      <quote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</quote>
+
+      <h2>Useful links</h2>
+
+      <ul>
+          <li><a href="../final-project.html">Example link to page on this website</a></li>
+          <li><a href="https://www.w3schools.com/html/html_intro.asp" target="_blank">W3 HTML chools (open in new window)</a></li>
+          <li><a href="https://gitlab.com/pages" target="_blank">GitLab Pages examples</a></li>
+      </ul>
+
+      <h2>Code Example</h2>
+
+  <pre>
+  // the setup function runs once when you press reset or power the board
+  void setup() {
+    // initialize digital pin LED_BUILTIN as an output.
+    pinMode(LED_BUILTIN, OUTPUT);
+  }
+
+  // the loop function runs over and over again forever
+  void loop() {
+    digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+    delay(1000);                       // wait for a second
+    digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+    delay(1000);                       // wait for a second
+  }
+  </pre>
+
+      <h2>Gallery</h2>
+
+      <img src="../images/sample-photo.jpg" alt="Description of image" width="800" />
+      <!-- While this is an image from the images folder. Never use absolute paths (starting with /) when linking local images, always relative. -->
+
+      <h2>Video</h2>
+
+      <p>From Vimeo</p>
+
+      <iframe src="https://player.vimeo.com/video/10048961" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+      <p><a href="https://vimeo.com/10048961">Sound Waves</a> from <a href="https://vimeo.com/radarboy">George Gally (Radarboy)</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
+
+      <hr />
+
+      <p>From Youtube</p>
+
+      <iframe width="560" height="315" src="https://www.youtube.com/embed/jjNgJFemlC4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+      <h2>3D Models</h2>
+
+      <div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/658c8f8a2f3042c3ad7bdedd83f1c915/embed" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
+
+          <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
+              <a href="https://sketchfab.com/models/658c8f8a2f3042c3ad7bdedd83f1c915?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Dita&#39;s Gown</a>
+              by <a href="https://sketchfab.com/francisbitontistudio?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Francis Bitonti Studio</a>
+              on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
+          </p>
+      </div>
+
+    </div>
+
+    <footer>
+      <p>Copyright 2023 &#60;Your name&#62; - Creative Commons Attribution Non Commercial </p>
+      <p>Source code hosted at <a href="https://gitlab.fabcloud.org/academany/fabacademy/2024/labs/bahrain/students/zaid-abusini">fabcloud/fabacademy/2024/zaid-abusini</a></p>
+    </footer>
+  </body>
+</html>
+
+
+

public/final-project.html

+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <meta name="description" content="Fab Academy documentation site for Your Name">
+    <title>Your name - Fab Academy</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="navbar">
+      <div class="navbar-inner">
+        <a href="index.html">Weekly Assignments</a>
+        <a href="final-project.html">Final Project</a>
+        <a href="about.html">About me</a>
+      </div>
+    </div>
+
+    <div class="content">
+
+      <h1>My Final Project example</h1>
+
+      <p>This is where I will start defining my final project idea and start to get use to the documentation process.</p>
+
+      <h2>Research</h2>
+
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p
+
+      <quote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</quote>
+
+      <h2>2D and 3D Modeling</h2>
+      
+      <p>Add here your modeling and design.</p>
+
+      <h2>Some other section</h2>
+
+      <p>This is an updated text.</p>
+
+      <hr />
+
+      <h2>Materials</h2>
+
+      <table border="1">
+        <thead>
+          <tr>
+            <th>Qty</th>
+            <th>Description</th>
+            <th>Price</th>
+            <th>Link</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Material one </td>
+            <td>22.00 $</td>
+            <td>https://amazon.com/testoe</td>
+            <td>Order many</td>
+          </tr>
+          <tr>
+            <td>Material two </td>
+            <td>22.00 $</td>
+            <td>https://amazon.com/testoe</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Material three </td>
+            <td>22.00 $</td>
+            <td>https://amazon.com/testoe</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Material four </td>
+            <td>22.00 $</td>
+            <td>https://amazon.com/testoe</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+
+    </div>
+
+    <footer>
+      <p>Copyright 2023 &#60;Your name&#62; - Creative Commons Attribution Non Commercial </p>
+      <p>Source code hosted at <a href="https://gitlab.fabcloud.org/academany/fabacademy/2024/labs/bahrain/students/zaid-abusini">fabcloud/fabacademy/2024/zaid-abusini</a></p>
+    </footer> 
+
+  </body>
+</html>