Updates

Author: steph1111

_config.yml

@@ -2,7 +2,7 @@
 markdown: kramdown
 
 # URL of the Site
-url: ''
+url: 'https://cabrillorobotics.org/'
 # Base URL of the Site (i.e., Name of the Repository in which the Site is hosted)
 baseurl: 
 
@@ -11,7 +11,7 @@ title: Cabrillo Robotics Club
 # Description of the Site
 description: Student led robotics club at Cabrillo College in Aptos, California. 
 # URL of Image of the Site
-site-image: /WhatATheme/assets/images/meta.jpg
+site-image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/f0905cbecd1b1167085058ae4c5352152cb95fad/assets/images/hero.webp
 # Keywords of the Site
 site-keywords: Robotics, Cabrillo Robotics Club, Lazer Shark, SeaHawk II, SeaHawk, Hydrozoa, MATE, RoboSub, ROV, AUV
 # URL for the Image of custom Favicon
@@ -48,7 +48,7 @@ plugins:
   - jekyll-feed
 
 # Permalink
-permalink: "blog/:title"
+permalink: "updates/:title"
 
 # Compress
 compress_html:

_includes/showcase.html

@@ -4,6 +4,7 @@
       <h1 class="title has-text-white-ter is-size-1 is-uppercase has-text-weight-bold">
         {{site.title}}
       </h1>
+      <br>
       <a href="{{site.url}}{{site.baseurl}}/#about"
         class="button is-rounded is-outlined has-text-weight-normal">About Us</a>
       </a>

_includes/updates-card.html

@@ -1,19 +1,20 @@
 <div id="updates-card">
     <div class="column">
-        <a href="{{post.url | absolute_url}}">
+        <a href="{{page.url | absolute_url}}">
             <div class="card">
-                <!-- <figure class="image is-4by5" style="background-image: url({{post.post-image}});"></figure> -->
+                <!-- Removed images because it was not doing things -->
+                <!-- <figure class="image is-4by5" style="background-image: url({{page.page-image}});"></figure> -->
                 <div class="card-content">
-                    <h1 class="title is-size-4-touch">{{post.title}}</h1>
+                    <h1 class="title is-size-4-touch">{{page.title}}</h1>
                     <div class="content">
-                        {{ post.content | truncate: 300 | strip_html | strip_newlines | strip | escape }}
+                        {{ page.content | truncate: 300 | strip_html | strip_newlines | strip | escape }}
                         <!-- Horizontal rule -->
                         <hr>
 
                         <!-- Information at the bottom of the card -->
-                        <span class="information">Published on <span class="has-text-weight-semibold">{{ post.date |
+                        <span class="information">Published on <span class="has-text-weight-semibold">{{ page.date |
                                 date: "%-B %d, %Y" }}</span></span> | <i class="fas fa-clock"></i> <span
-                            class="has-text-weight-semibold">{% assign words = post.content | number_of_words %}{%-
+                            class="has-text-weight-semibold">{% assign words = page.content | number_of_words %}{%-
                             unless content.size == 0 -%}{{ words | divided_by:180 }} min{% endunless %}</span> read
                     </div>
                 </div>

_includes/updates-header.html

@@ -20,11 +20,6 @@ <h1 class="title has-text-centered is-2 has-text-weight-semibold ">{{page.title}
         </a>
         <hr class="has-background-black">
         <div class="columns is-variable is-5">
-          <div class="column is-6">
-            <figure class="image is-16by9 has-shadow">
-              <img src="{{page.post-image}}" alt="{{post.title}}" id="post-image">
-            </figure>
-          </div>
           <div class="subtitle column is-5 has-text-left-desktop has-text-left-fullhd has-text-left-tablet has-text-center-mobile">
             {% unless page.description.size == 0 %}
             <p id="description" class="content is-small has-text-weight-medium is-uppercase">{{page.description | strip | strip_html | strip_newlines }}</p>

_layouts/post.html

@@ -12,32 +12,20 @@
 
     <section class="section" id="updates">
         <div class="container">
-            {% include updates-header.html %}
-        
-            <div id="results-container"></div>
-                {% for post in site.posts %}
-                {% include updates-card.html %}
-                {% endfor %}
+            <div class ="header">
+                <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium">
+                    Updates
+                </h2>
+                <p class="description">
+                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel
+                </p>
             </div>
+            {% for page in site.posts %}
+                {% include updates-card.html %}
+            {% endfor %}
         </div>
     </section>
     <br>
 
     {% include footer.html %}
-
-    <!-- Search script -->
-    <script src="{{site.url}}{{site.baseurl}}/assets/js/simple-jekyll-search.js"></script>
-
-    <script>
-        SimpleJekyllSearch({
-            searchInput: document.getElementById('search'),
-            resultsContainer: document.getElementById('results-container'),
-            json: '{{site.url}}{{site.baseurl}}/search.json',
-            searchResultTemplate: '<div style="border: 0.15rem black" class="searchResult columns has-text-centered" id="blog-card"><div class="column is-marginless is-paddingless is-one-third-desktop is-one-third-fullhd is-one-third-tablet"><div class="image is-16by9" style="background-image: url({image});"></div></div><a href="{url}"><div class="column has-text-left-desktop has-text-left-tablet"><h1 class="title is-size-4-touch">{title}</h1><div class="content has-text-grey">{content}<hr class="has-background-grey"><span class="has-text-grey">Published on <span class="has-text-weight-semibold">{date}</span></span> | <i class="fas fa-clock"></i> <span class="has-text-weight-semibold">{readtime} min</span> read</div></div></a></div>',
-            noResultsText: '<div class="subtitle has-text-centered is-uppercase">No Results Found</div><hr class="has-background-black" style="margin: 0.5rem 5rem 2.5rem 5rem">',
-            fuzzy: true,
-        });
-    </script>
-</body>
-
 </html>

_layouts/updates.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head> <!-- Include Meta Tags Here --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1 user-scalable=no, shrink-to-fit=no"><meta content='#000000' name='theme-color'/><meta name="keywords" content="Robotics, Cabrillo Robotics Club, Lazer Shark, SeaHawk II, SeaHawk, Hydrozoa, MATE, RoboSub, ROV, AUV"><title>Cabrillo Robotics Club | 404</title><!-- Open Graph general (Facebook, Pinterest & Google+) --><meta name="og:title" content="Cabrillo Robotics Club | 404"><meta name="og:description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="og:image" content="/WhatATheme/assets/images/meta.jpg"><meta name="og:image:alt" content="Cabrillo Robotics Club | 404"><meta name="og:url" content="http://localhost:4000/404"><meta name="article:author" content="https://www.facebook.com//"><meta name="og:site_name" content="Cabrillo Robotics Club | 404"><meta name="og:type" content="website"> <!-- Twitter --><meta property="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Cabrillo Robotics Club | 404"><meta name="twitter:description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="twitter:site" content="@/"><meta name="twitter:creator" content="@/"><meta name="twitter:image:src" content="/WhatATheme/assets/images/meta.jpg"> <!-- Search Engine --><meta name="description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="image" content="/WhatATheme/assets/images/meta.jpg"> <!-- Schema.org for Google --><meta itemprop="name" content="Cabrillo Robotics Club | 404"><meta name="author" content=""/><meta itemprop="description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta itemprop="image" content="/WhatATheme/assets/images/meta.jpg"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163806439-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-163806439-1'); </script><title>Cabrillo Robotics Club</title><link rel="stylesheet" href="/assets/css/style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <script src="https://kit.fontawesome.com/6a97161b76.js" crossorigin="anonymous"></script><link rel="shortcut icon" href="http://localhost:4000/assets/images/logo.svg" type="image/x-icon"></head><body><section class="hero is-fullheight has-text-centered has-background-black-ter"><div class="hero-body"><div class="container"><h1 class="title is-1 is-uppercase has-text-weight-bold has-text-white-ter"> 404</h1><h3 class="is-uppercase has-text-weight-medium is-marginless has-text-grey-light"><p>The page you’re trying to load was not found</p></h3><hr><div class="columns is-marginless is-inline-flex-desktop"> <a href="http://localhost:4000/" class="button is-white column is-rounded is-outlined is-uppercase has-text-weight-normal">Home</a> </a></div></div></div></section></body></html>
+<!DOCTYPE html><html><head> <!-- Include Meta Tags Here --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1 user-scalable=no, shrink-to-fit=no"><meta content='#000000' name='theme-color'/><meta name="keywords" content="Robotics, Cabrillo Robotics Club, Lazer Shark, SeaHawk II, SeaHawk, Hydrozoa, MATE, RoboSub, ROV, AUV"><title>Cabrillo Robotics Club | 404</title><!-- Open Graph general (Facebook, Pinterest & Google+) --><meta name="og:title" content="Cabrillo Robotics Club | 404"><meta name="og:description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="og:image" content="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/f0905cbecd1b1167085058ae4c5352152cb95fad/assets/images/hero.webp"><meta name="og:image:alt" content="Cabrillo Robotics Club | 404"><meta name="og:url" content="http://localhost:4000/404"><meta name="article:author" content="https://www.facebook.com//"><meta name="og:site_name" content="Cabrillo Robotics Club | 404"><meta name="og:type" content="website"> <!-- Twitter --><meta property="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Cabrillo Robotics Club | 404"><meta name="twitter:description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="twitter:site" content="@/"><meta name="twitter:creator" content="@/"><meta name="twitter:image:src" content="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/f0905cbecd1b1167085058ae4c5352152cb95fad/assets/images/hero.webp"> <!-- Search Engine --><meta name="description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta name="image" content="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/f0905cbecd1b1167085058ae4c5352152cb95fad/assets/images/hero.webp"> <!-- Schema.org for Google --><meta itemprop="name" content="Cabrillo Robotics Club | 404"><meta name="author" content=""/><meta itemprop="description" content="Student led robotics club at Cabrillo College in Aptos, California."><meta itemprop="image" content="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/f0905cbecd1b1167085058ae4c5352152cb95fad/assets/images/hero.webp"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163806439-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-163806439-1'); </script><title>Cabrillo Robotics Club</title><link rel="stylesheet" href="/assets/css/style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <script src="https://kit.fontawesome.com/6a97161b76.js" crossorigin="anonymous"></script><link rel="shortcut icon" href="http://localhost:4000/assets/images/logo.svg" type="image/x-icon"></head><body><section class="hero is-fullheight has-text-centered has-background-black-ter"><div class="hero-body"><div class="container"><h1 class="title is-1 is-uppercase has-text-weight-bold has-text-white-ter"> 404</h1><h3 class="is-uppercase has-text-weight-medium is-marginless has-text-grey-light"><p>The page you’re trying to load was not found</p></h3><hr><div class="columns is-marginless is-inline-flex-desktop"> <a href="http://localhost:4000/" class="button is-white column is-rounded is-outlined is-uppercase has-text-weight-normal">Home</a> </a></div></div></div></section></body></html>