Initial commit from student template

30cceba3 · Fabcloud · Julian (sysadmin) · 30cceba3 · 30cceba3 · 30cceba3
Commit 30cceba3 authored 2 years ago by Fabcloud Committed by Julian (sysadmin) 2 years ago
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
+image: busybox
+
+pages:
+  stage: deploy
+  script:
+    - echo "The site will be deployed to $CI_PAGES_URL"
+  artifacts:
+    paths:
+      - public
+  rules:
+    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
--- a/README.md
+++ b/README.md
+# Your name - Fab Academy documentation
+
+Visit [fabacademy.org](https://fabacademy.org/) for class and other information.
+
+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:
+
+
+## GitLab CI
+
+This project's static Pages are built by [GitLab CI][ci], following the steps
+defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
+
+The current above example expects to put all your HTML files in the `public/` directory.
+
--- a/public/404.html
+++ b/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/2023/labs/charlotte/students/dan-stone">fabcloud/fabacademy/2023/dan-stone</a></p>
+    </footer>
+  </body>
+</html>
--- a/public/about.html
+++ b/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/avatar-photo.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>Hi! I am Your name. I am an art director & graphic designer based in New York City working on branding, visual identities, editorial design and web design.</p>
+
+
+      <h2>Previous work</h2>
+
+      <p>I'm a paragraph. Edit the page on Gitlab to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</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/2023/labs/charlotte/students/dan-stone">fabcloud/fabacademy/2023/dan-stone</a></p>
+    </footer>
+  </body>
+</html>
--- a/public/assignments/week01.html
+++ b/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/2023/labs/charlotte/students/dan-stone">fabcloud/fabacademy/2023/dan-stone</a></p>
+    </footer>
+  </body>
+</html>
+
+
+
--- a/public/final-project.html
+++ b/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/2023/labs/charlotte/students/dan-stone">fabcloud/fabacademy/2023/dan-stone</a></p>
+    </footer> 
+
+  </body>
+</html>
--- a/public/images/avatar-photo.jpg
+++ b/public/images/avatar-photo.jpg
--- a/public/images/sample-photo.jpg
+++ b/public/images/sample-photo.jpg
--- a/public/index.html
+++ b/public/index.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>Welcome to &#60;Your name&#62; Fab Academy site!</h1>
+
+      <p>
+        This is an example student documentation for the Fab Academy. You can edit this <a href="https://www.w3schools.com/html/default.asp" target="_blank">HTML</a> on <a href="http://gitlab.fabcloud.org" target="_blank">Gitlab Fabcloud</a>. Below you can find a example list to organize each week's documentation into separate pages. You can also change the looks of your website by using <a href="https://www.w3schools.com/css/default.asp" target="_blank">CSS</a> with the <code>style.css</code> file.
+      </p>
+
+      <h2>Weekly assignments</h2>
+      <ol style="list-style: none;">
+        <!-- This is how you can link to another page. Never use absolute paths (starting with /) when linking pages, always relative. -->
+        <li><a href="assignments/week01.html">week 1. Project management</a></li>
+        <li>week 2. Computer Aided design</li>
+        <li>week 3. Computer controlled cutting</li>
+        <li>week 4. Embedded programming</li>
+        <li>week 5. 3D Scanning and printing</li>
+        <li>week 6. Electronics design</li>
+        <li>week 7. Computer controlled machining</li>
+        <li>week 8. Electronics production</li>
+        <li>week 9. Molding and casting</li>
+        <li>week 10. Output devices</li>
+        <li>week 11. Mechanical design &amp; machine design</li>
+        <li>week 12. Input devices</li>
+        <li>week 13. Networking and communications</li>
+        <li>week 14. Interface and application programming</li>
+        <li>week 15. Wildcard week</li>
+        <li>week 16. Applications and implications</li>
+        <li>week 17. Invention, intellectual property and income</li>
+        <li>week 18. Project development</li>
+      </ol>
+
+    </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/2023/labs/charlotte/students/dan-stone">fabcloud/fabacademy/2023/dan-stone</a></p>
+    </footer> 
+
+  </body>
+</html>
--- a/public/style.css
+++ b/public/style.css
+body {
+  font-family: sans-serif;
+  margin: 0;
+}
+
+.navbar {
+  width: 100%;
+  background-color: #313236;
+  border-radius: 2px;
+}
+
+.navbar-inner {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 10px 0;
+}
+
+.navbar a {
+  color: #aaa;
+  display: inline-block;
+  font-size: 15px;
+  padding: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  color: #ffffff;
+}
+
+.content {
+  max-width: 1280px;
+  margin: auto;
+  padding-left: 10px;
+}
+
+footer, footer a {
+  font-size: 12px;
+  color: #999;
+  text-align: center;
+  padding: 50px 0 30px 0;
+}