added individual modules

_config.yml

@@ -11,11 +11,11 @@ descartes_courses:
 name: descartes-modules
 baseurl: /descartes-modules
 safe: false
-morea_theme: cerulean
+morea_theme: spacelab
 timezone: Pacific/Honolulu
 morea_navbar_items:
 # - Prerequisites
-# - Modules
+ - Modules
 #- Outcomes
 #- Readings
 #- Experiences

_includes/assessment-chartjs.html

@@ -0,0 +1,40 @@
+<script src="//cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
+
+<!---
+  If you want to include a chart, you must supply the following parameters in your page's YAML:
+    morea_chartjs_labels: An array of strings reprsenting each bar in the histogram.
+    morea_chartjs_data: An array of numbers, one per label.
+    morea_chartjs_colors: An array of colors, one per label
+  Note that the syntax is pretty weird: the YAML specifies a string which is inserted below and then evaluated.
+-->
+
+<div class="row">
+  <div class="col-md-6 col-lg-6">
+    <canvas id="{{ page.morea_id }}" ></canvas>
+  </div>
+</div>
+
+<script>
+  const data = {{ page.morea_chartjs_data }};
+  const colors = {{ page.morea_chartjs_colors}};
+  const labels = {{ page.morea_chartjs_labels }};
+
+  // Get the context of the canvas element we want to select
+  var ctx = document.getElementById("{{ page.morea_id}}").getContext("2d");
+  var myChart = new Chart(ctx, {
+    type: 'bar',
+    data: {
+      labels: labels,
+      datasets: [{
+        data: data,
+        backgroundColor: colors,
+        borderColor: colors,
+        borderWidth: 1
+      }]
+    },
+    options: {
+      scales: { y: { beginAtZero: true } },
+      plugins: { legend: { display: false } }
+    }
+  });
+</script>

_includes/bit.ly.html

@@ -0,0 +1,5 @@
+<hr>
+<div style="text-align: center; padding-bottom: 10px">
+  This page is also available via
+  <code><a href="{{ include.url }}">{{ include.url }}</a></code>
+</div>

_includes/breadcrumb-2.html

@@ -0,0 +1,14 @@
+<!-- Internal fragment for displaying the breadcrumb bar -->
+<div class="breadcrumb-background" style="padding-top: 1em; padding-bottom: .01em">
+  <div class="container">
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        {% if site.morea_head_breadcrumb_link %}
+        <li class="breadcrumb-item"><a href="{{ site.morea_head_breadcrumb_link }}">{{ site.morea_head_breadcrumb_label }}</a></li>
+        {% endif %}
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/">Home</a></li>
+        <li class="breadcrumb-item active">{{ page.title }}</li>
+      </ol>
+    </nav>
+  </div>
+</div>

_includes/breadcrumb-3.html

@@ -0,0 +1,15 @@
+<!-- Internal fragment for displaying the breadcrumb bar -->
+<div class="breadcrumb-background" style="padding-top: 1em; padding-bottom: .01em">
+  <div class="container">
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        {% if site.morea_head_breadcrumb_link %}
+        <li class="breadcrumb-item"><a href="{{ site.morea_head_breadcrumb_link }}">{{ site.morea_head_breadcrumb_label }}</a></li>
+        {% endif %}
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/">Home</a></li>
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/modules">Modules</a></li>
+        <li class="breadcrumb-item active">{{ page.title }}</li>
+      </ol>
+    </nav>
+  </div>
+</div>

_includes/breadcrumb-4.html

@@ -0,0 +1,16 @@
+<!-- Internal fragment for displaying the breadcrumb bar -->
+<div class="breadcrumb-background" style="padding-top: 1em; padding-bottom: .01em">
+  <div class="container">
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        {% if site.morea_head_breadcrumb_link %}
+        <li class="breadcrumb-item"><a href="{{ site.morea_head_breadcrumb_link }}">{{ site.morea_head_breadcrumb_label }}</a></li>
+        {% endif %}
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/">Home</a></li>
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/modules">Modules</a></li>
+        <li class="breadcrumb-item"><a href="{{ site.baseurl }}/modules/{{ page.referencing_modules[0].morea_id }}">{{ page.referencing_modules[0].title }}</a></li>
+        <li class="breadcrumb-item active">{{ page.title }}</li>
+      </ol>
+    </nav>
+  </div>
+</div>

_includes/breadcrumb.html

@@ -0,0 +1,13 @@
+<!-- Internal fragment for displaying the breadcrumb bar -->
+<div class="breadcrumb-background" style="padding-top: 1em; padding-bottom: .01em">
+  <div class="container">
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        {% if site.morea_head_breadcrumb_link %}
+        <li class="breadcrumb-item"><a href="{{ site.morea_head_breadcrumb_link }}">{{ site.morea_head_breadcrumb_label }}</a></li>
+        {% endif %}
+        <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+      </ol>
+    </nav>
+  </div>
+</div>

_includes/courses_info.html

@@ -0,0 +1,63 @@
+<script>
+const courses =  [
+  {
+    "num": "BUS 619",
+    "name": "Business Statistics and Analytics",
+    "description": "Overview of business statistics and analytics. Pre: None.",
+    "url": "https://dport96.github.io/BUS619/"
+  },
+  {
+    "num": "ITM 683",
+    "name": "Business Intelligence and Data Analytics",
+    "description": "Business Intelligence and Data Analytics Pre: BUS 619.",
+    "url": "https://dport96.github.io/ITM683/"
+  },
+  {
+    "num": "MGT 650",
+    "name": "Leadership and Organizations",
+    "description": "Case studies in Business Leadership. Pre: none.",
+    "url": "http://descartes.manoa.hawaii.edu/MGT650/"
+  },
+  {
+    "num": "EE 445",
+    "name": "Introduction to Machine Learning",
+    "description": "Introduction to Machine Learning",
+    "url": "https://descartes.manoa.hawaii.edu/ee445/"
+  },
+  {
+    "num": "EE 342",
+    "name": "Introduction to probability and statistics",
+    "description": "Introduction to probability and statistics for students in ECE",
+    "url": "https://descartes.manoa.hawaii.edu/ee342/"
+  },
+  {
+    "num": "EE 345",
+    "name": "Introduction to linear algebra",
+    "description": "Introduction to linear algebra developed in preparation for more advanced topics in AI and machine learning in future courses.",
+    "url": "https://descartes.manoa.hawaii.edu/ee345/"
+  },
+  {
+    "num": "EE 645",
+    "name": "AI/machine learning for research",
+    "description": "Machine learning, and a foundational course for graduate students who would like to use AI/machine learning in their research",
+    "url": "https://descartes.manoa.hawaii.edu/ee645/"
+  },
+  {
+    "num": "EE 645",
+    "name": "wireless communication systems",
+    "description": "Basics of wireless communication systems, exciting new topics such as the integration of artificial intelligence (AI) and wireless communications, and emerging paradigms of communication systems such as quantum communication",
+    "url": "https://descartes.manoa.hawaii.edu/ee643spring2024/"
+  }
+]
+
+var courses2 = [
+    {id: 'bus619', level: 1, label: 'BUS 619: Business Statistics and Analytics'},
+    {id: 'itm683', level: 2, label: 'ITM 683: Business Intelligence and Analytics'},
+    {id: 'mgt650', level: 1, label: 'MGT 650: Leadership and Organizations'},
+    {id: 'ee445', level: 1, label: 'EE 445: Introduction to Machine Learning'}
+  ]
+
+  var courselinks = [
+    {from: 'bus619', to: 'itm683'}
+  ]
+</script>

_includes/coursesites.html

@@ -0,0 +1,21 @@
+<div id="course_cards_div" class="container d-flex justify-content-center align-items-center"></div>
+
+<script>
+    const generateCourseCard = (course) => {
+      return `
+        <div class="col-sm-3">
+          <a href="${course.url}" class="thumbnail">
+            <h4 style="text-align: center; margin-bottom: 0px">${course.num}</h4>
+            <h3 style="text-align: center; margin-top: 5px">${course.name}</h3>
+            <p>${course.description.split(" ").slice(0,15).join(" ")}</p>
+          </a>
+        </div>
+      `;
+    };
+
+    for(let i in courses) {
+        if(i%3 === 0) course_cards_div.innerHTML += '<div class="row">';
+        course_cards_div.innerHTML += generateCourseCard(courses[i]);
+        if(i%3 === 0) course_cards_div.innerHTML += '</div>';
+    }
+</script>

_includes/entity-card.html

@@ -0,0 +1,30 @@
+<!-- Internal fragment for displaying reading, experience, prereq cards. Prereqs have icons. -->
+<div class="col-md-6 col-lg-4" style="padding-bottom: 20px">
+  <div class="card h-100">
+    {% if include.icon_url %}
+      <div class="text-center">
+        <img alt="{{include.title}}" src="{{ include.icon_url }}" class="card-img-top rounded-circle" style="max-width: 100px; padding-top: 2px">
+      </div>
+    {% endif %}
+    <div class="card-body">
+      <h4 class="card-title">{{ include.title }}</h4>
+      {{ include.summary | markdownify }}
+
+    {% if include.outcomes %}
+      <p>
+        <em>Outcome(s) assessed:</em>
+        {% for outcome in include.outcomes %}
+          {{ outcome }}{% unless forloop.last %}, {% endunless %}
+        {% endfor %}
+      </p>
+    {% endif %}
+    </div>
+
+    <div style="border-top-color: transparent" class="card-footer bg-body">
+      {% for label in include.labels %}
+      <span class="badge bg-primary">{{ label }}</span>
+      {% endfor %}
+    </div>
+    <a href="{{ include.url }}" class="stretched-link"></a>
+  </div>
+</div>

_includes/figure.html

@@ -0,0 +1,15 @@
+<figure>
+  {% if include.url != "" %}
+  <a href="{{ include.url }}">
+  {% endif %}
+    <img src="{{ include.file | relative_url}}" style="max-width: {{ include.max-width }};"
+       alt="{{ include.alt | relative_url}}" class="img-fluid mx-auto d-block border"/>
+  {% if include.url != "" %}
+  </a>
+  {% endif %}
+  <figcaption style="text-align: center">
+    <small>
+      {{ include.caption }}
+    </small>
+  </figcaption>
+</figure>

_includes/medium-img-bordered.html

@@ -0,0 +1,5 @@
+<div class="center-block">
+  <div  class="img-responsive">
+    <a href="{{ include.url }}"><img alt="picture" style="border-width: 1px; border-style: solid" width="700px" src="{{ include.url }}"></a>
+  </div>
+</div>

_includes/medium-img.html

@@ -0,0 +1,5 @@
+<div class="center-block">
+  <div class="img-responsive">
+    <a href="{{ include.url }}"><img alt="picture" width="700px" src="{{ include.url }}"></a>
+  </div>
+</div>

_includes/next-button.html

@@ -0,0 +1,7 @@
+<div style="text-align: right; padding-bottom: 10px">
+  <hr>
+  <button type="button" onclick="window.location='{{include.url}}'" class="btn btn-primary">
+    <p style="font-size:16px; margin: 0">{{include.top-label}}</p>
+    <p style="font-size:12px; margin: 0">{{include.bottom-label}}</p>
+    </button>
+</div>

_includes/small-img copy.html

@@ -0,0 +1,5 @@
+<div class="center-block">
+  <div class="img-responsive">
+    <a href="{{ include.url }}"><img alt="picture" width="400px" src="{{ include.url }}"></a>
+  </div>
+</div>

_includes/small-img-two.html

@@ -0,0 +1,8 @@
+<div class="center-block">
+  <div class="img-responsive">
+    <a href="{{ include.url }}"><img alt="picture" width="400px" src="{{ include.url }}"></a>
+    <a href="{{ include.url2 }}"><img alt="picture" width="400px" src="{{ include.url2 }}"></a>
+  </div>
+</div>
+
+

_includes/submission-essay.html

@@ -0,0 +1,13 @@
+By the time and date indicated on the Schedule page, write a technical essay regarding this module. You can use the issues above as a starting point, but write a stand-alone essay: don't just answer them like it's a homework assignment! Once you've finished the essay submit it using Laulima.
+
+Please note the following:
+
+  * Your submission should be a URL providing a direct link to your essay (not a link to the home page of your portfolio, nor a link to the essays directory page).  If the link does not work, you will not get credit for your essay.
+
+  * An entry for your essay must also appear in the Essays page of your portfolio.  Check this before submission. If it is not listed, it's probably because your YAML front matter is incorrect. See the [Essay Content](https://techfolios.github.io/quickstart.html#7.Setessaycontent) section of the TechFolio documentation for details.
+
+  * Be sure that your essay is ready for evaluation before submitting it via Laulima. I often click on the link as soon as I receive the submission. If the essay is empty or only partially complete when I click on the link, you might not receive credit.
+
+  * Your essay must be original content, written during this semester reflecting your current views and writing style.  You cannot submit essays that you wrote previously for this assignment. The purpose of this assignment is for you to practice writing right now, this semester.
+
+

_includes/submission-jsfiddle.html

@@ -0,0 +1,9 @@
+By the time and date indicated on the Schedule page, submit this assignment via Laulima.
+
+Your submission should contain:
+
+  * A link to the JSFiddle.  Make sure you include the complete URL so that I can click on it in my mailer.
+
+  * The number of times you have attempted this assignment so far, and for each time, how long it took you.
+
+You will receive full credit for this practice WOD as long as you have attempted it at least once and submitted your work on Laulima with all required data before the due date. Your code does not have to run perfectly for you to receive full credit.

_includes/youtube copy.html

@@ -0,0 +1,3 @@
+<div class="video-container">
+  <iframe  src="//www.youtube.com/embed/{{ include.id }}" frameborder="0" allowfullscreen></iframe>
+</div>