Skip to content

Commit

Permalink
Fixed display issues with blog & project cards
Browse files Browse the repository at this point in the history
Added new stylesheet to contact.html to fix font awesome icons

Specific changes made:
- thedevslot#49
- thedevslot#50
- thedevslot#53
- thedevslot#54
- thedevslot#63
  • Loading branch information
nanocodex committed Aug 16, 2024
1 parent b4a8a9e commit 9b16209
Show file tree
Hide file tree
Showing 15 changed files with 205 additions and 255 deletions.
5 changes: 2 additions & 3 deletions Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,11 @@ gem "webrick"
gem "faraday-retry"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed"
#gem 'jekyll-admin', "0.9.0"
gem "github-pages"
gem "jekyll-feed"
gem 'jekyll-admin', "~> 0.11.1"
end

# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
Expand Down
24 changes: 12 additions & 12 deletions Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ GEM
zeitwerk (~> 2.2, >= 2.2.2)
addressable (2.8.6)
public_suffix (>= 2.0.2, < 6.0)
backports (3.24.1)
backports (3.25.0)
coffee-script (2.4.1)
coffee-script-source
execjs
coffee-script-source (1.12.2)
colorator (1.1.0)
commonmarker (0.23.10)
concurrent-ruby (1.2.3)
dnsruby (1.70.0)
dnsruby (1.72.0)
simpleidn (~> 0.2.1)
em-websocket (0.5.3)
eventmachine (>= 0.12.9)
Expand Down Expand Up @@ -90,7 +90,7 @@ GEM
activesupport (>= 2)
nokogiri (>= 1.4)
http_parser.rb (0.8.0)
i18n (1.14.1)
i18n (1.14.4)
concurrent-ruby (~> 1.0)
jekyll (3.9.5)
addressable (~> 2.4)
Expand All @@ -105,10 +105,10 @@ GEM
pathutil (~> 0.9)
rouge (>= 1.7, < 4)
safe_yaml (~> 1.0)
jekyll-admin (0.9.0)
jekyll (>= 3.3, < 5.0)
sinatra (~> 1.4)
sinatra-contrib (~> 1.4)
jekyll-admin (0.11.1)
jekyll (>= 3.7, < 5.0)
sinatra (>= 1.4)
sinatra-contrib (>= 1.4)
jekyll-avatar (0.8.0)
jekyll (>= 3.0, < 5.0)
jekyll-coffeescript (1.2.2)
Expand Down Expand Up @@ -209,26 +209,26 @@ GEM
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.4)
listen (3.8.0)
listen (3.9.0)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
minitest (5.22.2)
minitest (5.22.3)
multi_json (1.15.0)
net-http (0.4.1)
uri
nokogiri (1.16.2-x64-mingw-ucrt)
nokogiri (1.16.3-x64-mingw-ucrt)
racc (~> 1.4)
octokit (4.25.1)
faraday (>= 1, < 3)
sawyer (~> 0.9)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (5.0.4)
public_suffix (5.0.5)
racc (1.7.3)
rack (1.6.13)
rack-protection (1.5.5)
Expand Down Expand Up @@ -288,7 +288,7 @@ PLATFORMS
DEPENDENCIES
faraday-retry
github-pages
jekyll-admin (= 0.9.0)
jekyll-admin (~> 0.11.1)
jekyll-feed
rack
tzinfo (~> 1.2)
Expand Down
208 changes: 107 additions & 101 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,101 +1,107 @@
# WhatATheme
markdown: kramdown

# URL of the Site
url: ''
# Base URL of the Site (i.e., Name of the Repository in which the Site is hosted)
baseurl:

# Title of the Site
title: Chee Yan Jun
# Description of the Site
description: A Year 1 Student at Nanyang Polytechnic
# URL of Image of the Site
site-image: /assets/images/welding-torch.png
# Keywords of the Site
site-keywords: Site, Personal, Polytechnic, Robotics, Coding, Programming
# URL for the Image of custom Favicon
favicon-url: /assets/images/favicon.ico

# URL of the Image of Custom Hero Image (i.e., the image in the background of the very first section of the Homepage)
heroimage: https://preview.redd.it/ai3w3fymdz7a1.png?width=1920&format=png&auto=webp&s=bd77fe2161ce1274163379c9ed8f8148f8869569

# Social Media and Contact
# If you don't want to use any icon, you can leave them blank.
email: [email protected]
facebook_username:
twitter_username:
instagram_username: ch__.anjun
linkedin_username:
github_username: nanocodex
youtube_channel_id: UCcviMWnPOh2cDINmLZjYfYg
reddit_username:
behance_username:
dribbble_username:
spotify_username:

# Google Analytics
google-analytics:

# Disqus
disqus-shortname: nanocodex-github-io

# Name of the Author
author-name: Chee Yan Jun
# URL for the Image of the Author
author-image: /assets/images/Chee_Yan_Jun.jpg
# 60 Words About the Author
author-about: Yan Jun is a Year 1 Student at Nanyang Polytechnic in Singapore, where he is currently taking the Common ICT Programme with hopes of getting into Information Technology. He likes robots, Lego Technic, and Minecraft.
# URL to the Author's Profile (i.e., Github, Twitter, Stackoverflow, etc)
author-url: https://github.com/nanocodex

# SASS
sass:
sass_dir: _sass
style: compressed

# Build settings
plugins:
#- jekyll-admin
- jekyll-feed
- github-pages

# Permalink
permalink: "blog/:title"

# Compress
compress_html:
clippings: all

# Defaults
defaults:
-
scope:
type: 'posts'
values:
layout: post
post-image: ""
description: ""
tags:
- ""
-
scope:
type: 'pages'
values:
layout: page

# Exclude
exclude:
- .sass-cache/
- .jekyll-cache/
- gemfiles/
- Gemfile
- Gemfile.lock
- node_modules/
- vendor/bundle/
- vendor/cache/
- vendor/gems/
- vendor/ruby/
- start.cmd
- _posts/template-posts
- test-page.md
# WhatATheme
markdown: kramdown

# URL of the Site
url: ''
# Base URL of the Site (i.e., Name of the Repository in which the Site is hosted)
baseurl:

# Title of the Site
title: Chee Yan Jun
# Description of the Site
description: A Year 1 Student at Nanyang Polytechnic
# URL of Image of the Site
site-image: /assets/images/welding-torch.png
# Keywords of the Site
site-keywords: Site, Personal, Polytechnic, Robotics, Coding, Programming
# URL for the Image of custom Favicon
favicon-url: /assets/images/favicon.ico

# URL of the Image of Custom Hero Image (i.e., the image in the background of the very first section of the Homepage)
heroimage: https://preview.redd.it/ai3w3fymdz7a1.png?width=1920&format=png&auto=webp&s=bd77fe2161ce1274163379c9ed8f8148f8869569

# Social Media and Contact
# If you don't want to use any icon, you can leave them blank.
email: [email protected]
facebook_username:
twitter_username:
instagram_username: ch__.anjun
linkedin_username:
github_username: nanocodex
youtube_channel_id: UCcviMWnPOh2cDINmLZjYfYg
reddit_username:
behance_username:
dribbble_username:
spotify_username:

# Google Analytics
google-analytics:

# Disqus
disqus-shortname: nanocodex-github-io

# Name of the Author
author-name: Chee Yan Jun
# URL for the Image of the Author
author-image: /assets/images/Chee_Yan_Jun.jpg
# 60 Words About the Author
author-about: Yan Jun is a Year 1 Student at Nanyang Polytechnic in Singapore, where he is currently taking the Common ICT Programme with hopes of getting into Information Technology. He likes robots, Lego Technic, and Minecraft.
# URL to the Author's Profile (i.e., Github, Twitter, Stackoverflow, etc)
author-url: https://github.com/nanocodex

# SASS
sass:
sass_dir: _sass
style: compressed

# Build settings
plugins:
- jekyll-admin
- jekyll-feed

# Permalink
permalink: "blog/:title"

# Compress
compress_html:
clippings: all

# Defaults
defaults:
-
scope:
type: 'posts'
values:
layout: post
post-image: ""
description: ""
tags:
- ""
-
scope:
type: 'pages'
values:
layout: page

# Jekyll Admin configs
jekyll_admin:
# Homepage config doesn't work for some reason
homepage: "posts"

# Exclude
exclude:
- .sass-cache/
- .jekyll-cache/
- gemfiles/
- Gemfile
- Gemfile.lock
- node_modules/
- vendor/bundle/
- vendor/cache/
- vendor/gems/
- vendor/ruby/
- start.cmd
- _posts/template-posts
- test-page.md
- _posts/drafts

5 changes: 5 additions & 0 deletions _data/projects.yml
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
# Template (Use Ctrl + / to un-comment):
# - name:
# link:
# image:
# description:
- name: Robotics
link:
image: https://onecms-res.cloudinary.com/image/upload/s--vVLwdol---/c_fill,g_auto,h_468,w_830/f_auto,q_auto/v1/mediacorp/cna/image/2023/01/13/istock-1342530364.jpg?itok=TbIVN0pz
Expand Down
27 changes: 14 additions & 13 deletions _includes/blog-card.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,16 @@
<a href="{{post.url | absolute_url}}">
<div class="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({{post.post-image}});"></div>
</div>
<div class="column has-text-left-desktop has-text-left-tablet">
<h1 class="title is-size-4-touch">{{post.title}}</h1>
<div class="content has-text-grey">
{{ post.content | truncate: 300 | strip_html | strip_newlines | strip | escape }}
<hr class="has-background-grey">
<span class="has-text-grey">Published on <span class="has-text-weight-semibold">{{ post.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 %}{%- unless content.size == 0 -%}{{ words | divided_by:180 }} min{% endunless %}</span> read
</div>
<div class="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({{post.post-image}});"></div>
</div>
<div class="column has-text-left-desktop has-text-left-tablet">
<h1 class="title is-size-4-touch">{{post.title}}</h1>
<div class="content has-text-grey">
{{ post.content | truncate: 300 | strip_html | strip_newlines | strip | escape }}
<hr class="has-background-grey">
<span class="has-text-grey">Published on <span class="has-text-weight-semibold">{{ post.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 %}{%- unless content.size == 0 -%}{{ words | divided_by:180 }} min{% endunless %}</span> read
</div>
</div>
</a>
<a href="{{post.url | absolute_url}}">
<span class="link"></span>
</a>
</div>
31 changes: 31 additions & 0 deletions _posts/drafts/2024-04-11-lego-robotics-options-in-2024.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
---
title: Lego Robotics options in 2024
post-image: https://i.pinimg.com/originals/0f/0f/25/0f0f25383569b12b9b25fc275b3576a1.jpg
description: Exploring available options of incorporating Lego Technic into robotics projects in 2024
tags:
- lego
- mindstorms
- ev3
- nxt
- robotics
- raspberry-pi
- technic
- 2024
---
I've been a robotics fan for a long time. Whether it would be [Arcbotics' Sparki](https://arcbotics.com/products/sparki) or [Makeblock's Halocode](https://education.makeblock.com/product/halocode-v2/), I would always be interested in trying to program it to do something interesting. But until last year, I never noticed how prominent this interest of mine was, as I was instead obsessed over Lego Technic. When I saw the price of official lego electronics however, I decided to turn to non-Lego robotics projects instead.

# Why choose Lego to make robots?

Excellent question. While I was aware of the cut-throat prices programmable Lego electronics cost nowadays, I was not dissuaded as I simply could not resist the temptation of being able to take what is essentially a childhood toy, and use Technic parts to construct robots in any shape I wanted, to serve any function I needed. It sounded like the _perfect_ solution to counter the steep learning curve of learning 3D-modelling, circuit designing, and all the other skillsets needed to create a non-Lego robot in my eyes. And it did!

But at what cost, you might ask? **Exactly.** The cost. When I had plans to make my own RC car out of Lego Technic parts, I could not escape the sky-high prices of programmable Lego electronics, such as motors, sensors, and the programmable Hub connecting all of them together.

That being said, Lego is still more versatile than 3D-printing when it comes to designing the exterior and skeleton of the robot you want to make, with less skill required. Mechanisms and aesthetics are more viable to rebuild, and swapping out official lego electronics with non-lego alternatives can significantly reduce the cost of the Bill of Materials. So if you have plans on creating a robot without wanting to get into the intricacies of regular robot building, this article is right for you.

---

# Raspberry Pi Build HAT

<!-- For me at least, I feel like the Raspberry Pi is too high-end for my interest in technology. While microcontrollers like Arduino are great at controlling robots of all sorts, something doesn't sit right with me watching what is essentially a computer only being used to spin a few motors and read a few sensors. And while I do have a Raspberry Pi Model 3B+ at home (I even configured it to use VNC server to display on my iPad), I hardly do anything with it at time of writing because most projects I have in mind can be easily accomplised using an Arduino, with shields of all sorts to fit the job too. -->

The build HAT is a type of hat, an extension board for the Raspberry Pi that mounts using the GPIO headers.
Loading

0 comments on commit 9b16209

Please sign in to comment.