load images based on srcset and display smallest images possible for each viewport size

This commit is contained in:
Justin Cooper 2019-06-04 12:05:55 -05:00
parent 9f5c72701c
commit c48244a0ea
75 changed files with 103 additions and 74 deletions

View file

@ -21,3 +21,8 @@ group :jekyll_plugins do
gem 'jekyll-seo-tag'
gem 'jekyll-paginate'
end
group :development do
gem 'rake'
gem 'image_processing'
end

View file

@ -14,6 +14,9 @@ GEM
http_parser.rb (0.6.0)
i18n (0.9.5)
concurrent-ruby (~> 1.0)
image_processing (1.9.0)
mini_magick (>= 4.9.3, < 5)
ruby-vips (>= 2.0.13, < 3)
jekyll (3.8.4)
addressable (~> 2.4)
colorator (~> 1.0)
@ -43,13 +46,17 @@ GEM
rb-inotify (~> 0.9, >= 0.9.7)
ruby_dep (~> 1.2)
mercenary (0.3.6)
mini_magick (4.9.3)
pathutil (0.16.1)
forwardable-extended (~> 2.6)
public_suffix (3.0.3)
rake (12.3.2)
rb-fsevent (0.10.3)
rb-inotify (0.9.10)
ffi (>= 0.5.0, < 2)
rouge (3.3.0)
ruby-vips (2.0.13)
ffi (~> 1.9)
ruby_dep (1.5.0)
safe_yaml (1.0.4)
sass (3.6.0)
@ -62,10 +69,12 @@ PLATFORMS
ruby
DEPENDENCIES
image_processing
jekyll (~> 3.8.4)
jekyll-paginate
jekyll-seo-tag
jekyll-sitemap
rake
BUNDLED WITH
1.17.1

View file

@ -4,4 +4,7 @@
1. Duplicate `template.md` to `_board/<board id>.md`.
2. Edit `_board/<board id>.md` according to the template's instructions.
3. Provide 3 images. An original high-quality image. A smaller image (300 px width),
and a larger image (700 px width) in each respective directory (assets/images/boards/{small large})
and process them in something like https://squoosh.app/ to reduce file size.
3. Create a pull request with the file changes.

View file

@ -1 +1 @@
Dir.glob('lib/tasks/*.rake').each { |r| load r}
Dir.glob('lib/tasks/*.rake').each { |r| load r }

View file

@ -5,7 +5,7 @@ title: "Google Coral Dev Board"
name: "Google Coral Dev Board"
manufacturer: "Google"
board_url: "https://coral.withgoogle.com/products/dev-board"
board_image: "/assets/images/boards/google_coral.jpg"
board_image: "google_coral.jpg"
download_instructions: "https://learn.adafruit.com/circuitpython-on-google-coral-linux-blinka"
downloads_display: true
blinka: true

View file

@ -5,7 +5,7 @@ title: "OrangePi Download"
name: "OrangePi"
manufacturer: "Shenzhen Xunlong Software CO.,Limited"
board_url: "http://www.orangepi.org/orangepipc/"
board_image: "/assets/images/boards/orange_pi.jpg"
board_image: "orange_pi.jpg"
download_instructions: "https://learn.adafruit.com/circuitpython-on-orangepi-linux/circuitpython-orangepi"
downloads_display: true
blinka: true

View file

@ -5,7 +5,7 @@ title: "Raspberry Pi 3 Model B+ Download"
name: "Raspberry Pi 3 Model B+"
manufacturer: "Raspberry Pi Foundation"
board_url: "https://www.raspberrypi.org/products/raspberry-pi-3-model-b-plus/"
board_image: "/assets/images/boards/raspberry_pi.jpg"
board_image: "raspberry_pi.jpg"
download_instructions: "https://learn.adafruit.com/circuitpython-on-raspberrypi-linux/installing-circuitpython-on-raspberry-pi"
downloads_display: true
blinka: true

View file

@ -5,7 +5,7 @@ title: "MKR WAN 1300 Download"
name: "MKR WAN 1300"
manufacturer: "Arduino"
board_url: "https://www.arduino.cc/en/Guide/MKRWAN1300"
board_image: "/assets/images/boards/arduino_mkr1300_01.jpg"
board_image: "arduino_mkr1300_01.jpg"
---
Arduino MKR WAN 1300 has been designed to offer a practical and cost effective solution for makers seeking to add Lo-Ra connectivity to their projects with minimal previous experience in networking. It is based on the Microchip SAMD21 and a Murata CMWX1ZZABZ Lo-Ra module.

View file

@ -5,7 +5,7 @@ title: "MKR Zero Download"
name: "MKR Zero"
manufacturer: "Arduino"
board_url: "https://www.arduino.cc/en/Guide/ArduinoMKRZero"
board_image: "/assets/images/boards/arduino_mkr_zero.jpg"
board_image: "arduino_mkr_zero.jpg"
features:
- Battery Charging
---

View file

@ -5,7 +5,7 @@ title: "Zero Download"
name: "Zero"
manufacturer: "Arduino"
board_url: "https://www.arduino.cc/en/Guide/ArduinoZero"
board_image: "/assets/images/boards/arduino_zero.jpg"
board_image: "arduino_zero.jpg"
---
The Arduino Zero is a simple and powerful 32-bit extension of the platform established by the UNO. The Zero board expands the family by providing increased performance, enabling a variety of project opportunities for devices, and acts as a great educational tool for learning about 32-bit application development.

View file

@ -5,7 +5,7 @@ title: "bast_pro_mini_m0 Download"
name: "bast_pro_mini_m0"
manufacturer: "unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "CatWAN USB Stick Download"
name: "CatWAN USB Stick"
manufacturer: "Electronic Cats"
board_url: ""
board_image: "/assets/images/boards/catwan_usbstick.jpg"
board_image: "catwan_usbstick.jpg"
features:
- LoRa/Radio
---

View file

@ -5,7 +5,7 @@ title: "Circuit Playground Express Download"
name: "Circuit Playground Express"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com"
board_image: "/assets/images/boards/circuitplayground_express.jpg"
board_image: "circuitplayground_express.jpg"
features:
- Speaker
- Solder-free Alligator clip

View file

@ -5,7 +5,7 @@ title: "Circuit Playground Express 4-H Download"
name: "Circuit Playground Express 4-H"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com"
board_image: "/assets/images/boards/circuitplayground_express_4h.jpg"
board_image: "circuitplayground_express_4h.jpg"
features:
- Speaker
- Solder-free Alligator clip

View file

@ -5,7 +5,7 @@ title: "Circuit Playground Express + Crickit Download"
name: "Circuit Playground Express + Crickit"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/circuitplayground_express_crickit.jpg"
board_image: "circuitplayground_express_crickit.jpg"
features:
- Speaker
- Robotics

View file

@ -5,7 +5,7 @@ title: "Circuit Playground Express Digi-Key PyCon 2019 Download"
name: "Circuit Playground Express Digi-Key"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com"
board_image: "/assets/images/boards/circuitplayground_express_digikey_pycon2019.jpg"
board_image: "circuitplayground_express_digikey_pycon2019.jpg"
features:
- Speaker
- Solder-free Alligator clip

View file

@ -5,7 +5,7 @@ title: "cp32-m4 Download"
name: "cp32-m4"
manufacturer: "unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "datalore_ip_m4 Download"
name: "datalore_ip_m4"
manufacturer: "unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "Papyr Download"
name: "Papyr"
manufacturer: "Electronut Labs"
board_url: "https://docs.electronut.in/papyr/"
board_image: "/assets/images/boards/electronut_labs_papyr.jpg"
board_image: "electronut_labs_papyr.jpg"
downloads_display: true
features:
- E-Ink/E-Paper

View file

@ -5,7 +5,7 @@ title: "Feather Huzzah Download"
name: "Feather Huzzah"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_huzzah.jpg"
board_image: "feather_huzzah.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 Adalogger Download"
name: "Feather M0 Adalogger"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_m0_adalogger.jpg"
board_image: "feather_m0_adalogger.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 Basic Download"
name: "Feather M0 Basic"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_m0_basic.jpg"
board_image: "feather_m0_basic.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 Express Download"
name: "Feather M0 Express"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com/product/3403"
board_image: "/assets/images/boards/feather_m0_express.jpg"
board_image: "feather_m0_express.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 Express + Crickit Download"
name: "Feather M0 Express + Crickit"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_m0_express_crickit.jpg"
board_image: "feather_m0_express_crickit.jpg"
features:
- Speaker
- Feather-compatible

View file

@ -5,7 +5,7 @@ title: "Feather M0 RFM69 Download"
name: "Feather M0 RFM69"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_m0_rfm69.jpg"
board_image: "feather_m0_rfm69.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 RFM9x Download"
name: "Feather M0 RFM9x"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_m0_rfm9x.jpg"
board_image: "feather_m0_rfm9x.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M0 Supersized Download"
name: "Feather M0 Supersized"
manufacturer: "Dave Astels"
board_url: ""
board_image: "/assets/images/boards/feather_m0_supersized.jpg"
board_image: "feather_m0_supersized.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather M4 Express Download"
name: "Feather M4 Express"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com"
board_image: "/assets/images/boards/feather_m4_express.jpg"
board_image: "feather_m4_express.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather nRF52832 Download"
name: "Feather nRF52832"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_nrf52832.jpg"
board_image: "feather_nrf52832.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Feather nRF52840 Express Download"
name: "Feather nRF52840 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/feather_nrf52840_express.jpg"
board_image: "feather_nrf52840_express.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "feather_radiofruit_zigbee Download"
name: "feather_radiofruit_zigbee"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "Python powered GameBoy-compatible cartridge Download"
name: "Python powered GameBoy-compatible cartridge"
manufacturer: "Scott Shawcroft"
board_url: "https://github.com/chickadee-tech/pygb"
board_image: "/assets/images/boards/gb_m4.jpg"
board_image: "gb_m4.jpg"
---
CircuitPython for Game Boy is a work in progress, check out the weekly "Show and Tell" or “Top Secret” segment on ASK AN ENGINEER or when it's ready, the new product videos on [YouTube](https://www.youtube.com/adafruit).

View file

@ -5,7 +5,7 @@ title: "Gemma M0 Download"
name: "Gemma M0"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/gemma_m0.jpg"
board_image: "gemma_m0.jpg"
features:
- Solder-free Alligator clip
---

View file

@ -5,7 +5,7 @@ title: "Gemma M0 PyCon 2018 Download"
name: "Gemma M0 PyCon 2018"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/gemma_m0_pycon2018.jpg"
board_image: "gemma_m0_pycon2018.jpg"
features:
- Solder-free Alligator clip
---

View file

@ -5,7 +5,7 @@ title: "Grand Central M4 Express Download"
name: "Grand Central M4 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/grandcentral_m4_express.jpg"
board_image: "grandcentral_m4_express.jpg"
---
The **Adafruit Grand Central** features the **Microchip ATSAMD51**. This dev board is so big, it's not named after a Metro train, it's a whole freakin' _station_!

View file

@ -5,7 +5,7 @@ title: "HalloWing M0 Express Download"
name: "HalloWing M0 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/hallowing_m0_express.jpg"
board_image: "hallowing_m0_express.jpg"
features:
- Display
- Speaker

View file

@ -5,7 +5,7 @@ title: "ItsyBitsy M0 Express Download"
name: "ItsyBitsy M0 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/itsybitsy_m0_express.jpg"
board_image: "itsybitsy_m0_express.jpg"
---
What's smaller than a Feather but larger than a Trinket? It's an **Adafruit ItsyBitsy M0 Express**! Small, powerful, with a rockin' ATSAMD21 Cortex M0 processor running at 48 MHz - this microcontroller board is perfect when you want something very compact, but still with a bunch of pins.

View file

@ -5,7 +5,7 @@ title: "ItsyBitsy M4 Express Download"
name: "ItsyBitsy M4 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/itsybitsy_m4_express.jpg"
board_image: "itsybitsy_m4_express.jpg"
---
What's smaller than a Feather but larger than a Trinket? It's an **Adafruit ItsyBitsy M4 Express** featuring the **Microchip ATSAMD51**! Small, powerful, with a ultra fast ATSAMD51 Cortex M4 processor running at 120 MHz - this microcontroller board is perfect when you want something very compact, with a ton of horsepower and a bunch of pins. This Itsy is like a bullet train, with it's **120MHz Cortex M4** with floating point support and **512KB Flash and 192KB RAM**. Your code will zig and zag and zoom, and with a bunch of extra peripherals for support, this will for sure be your favorite new chipset.

View file

@ -5,7 +5,7 @@ title: "KickSat Sprite Download"
name: "KickSat Sprite"
manufacturer: "Max Holliday"
board_url: "https://github.com/RoboticExplorationLab/sprite"
board_image: "/assets/images/boards/kicksat-sprite.jpg"
board_image: "kicksat-sprite.jpg"
features:
- Satellite/Space Exploration
---

View file

@ -5,7 +5,7 @@ title: "nRF52840 Micro Dev Kit Download"
name: "nRF52840 Micro Dev Kit"
manufacturer: "MakerDiary"
board_url: ""
board_image: "/assets/images/boards/nRF52840_micro_dev_kit.jpg"
board_image: "nRF52840_micro_dev_kit.jpg"
features:
- Bluetooth/BTLE
---

View file

@ -5,7 +5,7 @@ title: "nRF52840 Micro Dev Kit USB Dongle Download"
name: "nRF52840 Micro Dev Kit USB Dongle"
manufacturer: "MakerDiary"
board_url: ""
board_image: "/assets/images/boards/nRF52840_micro_dev_kit_usb_dongle.jpg"
board_image: "nRF52840_micro_dev_kit_usb_dongle.jpg"
features:
- Bluetooth/BTLE
---

View file

@ -5,7 +5,7 @@ title: "Meow Meow Download"
name: "Meow Meow"
manufacturer: "Electronic Cats"
board_url: ""
board_image: "/assets/images/boards/meowmeow.jpg"
board_image: "meowmeow.jpg"
features:
- Solder-free Alligator clip
---

View file

@ -5,7 +5,7 @@ title: "Metro M0 Express Download"
name: "Metro M0 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/metro_m0_express.jpg"
board_image: "metro_m0_express.jpg"
---
This **Metro M0 Express** board looks a whole lot like the [original Metro 328](https://www.adafruit.com/product/2488), but with a huge upgrade. Instead of the ATmega328, this Metro features a ATSAMD21G18 chip, an ARM Cortex M0+. It's the first Adafruit Metro that is designed for use with CircuitPython!

View file

@ -5,7 +5,7 @@ title: " Metro M4 AirLift Lite Download"
name: "Metro M4 AirLift Lite"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com/product/4000"
board_image: "/assets/images/boards/metro_m4_airlift_lite.jpg"
board_image: "metro_m4_airlift_lite.jpg"
features:
- Wi-Fi
---

View file

@ -5,7 +5,7 @@ title: "Metro M4 Express Download"
name: "Metro M4 Express"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/metro_m4_express.jpg"
board_image: "metro_m4_express.jpg"
---
The most powerful Metro at this time, the **Adafruit Metro M4** featuring the **Microchip ATSAMD51**. This Metro is like a bullet train, with it's 120MHz Cortex M4 with floating point support. Your code will zig and zag and zoom, and with a bunch of extra peripherals for support, this will for sure be your favorite new chipset.

View file

@ -5,7 +5,7 @@ title: "Mini SAM M4 Download"
name: "Mini SAM M4"
manufacturer: "Benjamin Shockley"
board_url: "www.minisam.cc"
board_image: "/assets/images/boards/mini_sam_m4.jpg"
board_image: "mini_sam_m4.jpg"
---
Mini SAM is a LEGO® minifigure-sized development board based on the Microchip SAMD51G 48-Pin 32-Bit ARM® Cortex®-M4F MCU running at 48Mhz.

View file

@ -5,7 +5,7 @@ title: "Argon Download"
name: "Argon"
manufacturer: "Particle"
board_url: "https://docs.particle.io/datasheets/wi-fi/argon-datasheet/"
board_image: "/assets/images/boards/particle_argon.jpg"
board_image: "particle_argon.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Boron Download"
name: "Boron"
manufacturer: "Particle"
board_url: "https://docs.particle.io/datasheets/wi-fi/boron-datasheet/"
board_image: "/assets/images/boards/particle_boron.jpg"
board_image: "particle_boron.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "Xenon Download"
name: "Xenon"
manufacturer: "Particle"
board_url: "https://docs.particle.io/datasheets/wi-fi/xenon-datasheet/"
board_image: "/assets/images/boards/particle_xenon.jpg"
board_image: "particle_xenon.jpg"
features:
- Feather-compatible
- Battery Charging

View file

@ -5,7 +5,7 @@ title: "pca10040 Download"
name: "pca10040"
manufacturer: "unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "nRF52840 DK (PCA10056) Download"
name: "nRF52840 DK (PCA10056)"
manufacturer: "Nordic Semiconductor"
board_url: "https://www.nordicsemi.com/Software-and-Tools/Development-Kits/nRF52840-DK"
board_image: "/assets/images/boards/nRF52840_dk.jpg"
board_image: "nRF52840_dk.jpg"
features:
- Bluetooth/BTLE
---

View file

@ -5,7 +5,7 @@ title: "nRF52840 Dongle (PCA10059) Download"
name: "nRF52840 Dongle (PCA10059)"
manufacturer: "Nordic"
board_url: "https://www.nordicsemi.com/Software-and-Tools/Development-Kits/nRF52840-Dongle"
board_image: "/assets/images/boards/nRF52840_dongle.jpg"
board_image: "nRF52840_dongle.jpg"
features:
- Bluetooth/BTLE
---

View file

@ -5,7 +5,7 @@ title: "PewPew Download"
name: "PewPew"
manufacturer: "Radomir Dopieralski"
board_url: "https://pewpew.rtfd.io"
board_image: "/assets/images/boards/pewpew_10.2.jpg"
board_image: "pewpew_10.2.jpg"
features:
- Display
---

View file

@ -5,7 +5,7 @@ title: "pewpew13 Download"
name: "pewpew13"
manufacturer: "unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: false
features:
---

View file

@ -5,7 +5,7 @@ title: "pIRkey Download"
name: "pIRkey"
manufacturer: "Adafruit"
board_url: "https://www.adafruit.com/product/3364"
board_image: "/assets/images/boards/pirkey_m0.jpg"
board_image: "pirkey_m0.jpg"
---
The pIRkey adds an IR remote receiver to any computer, laptop, tablet...any computer or device with a USB port that can use a keyboard. This little board slides into any USB A port, and shows up as an every-day USB keyboard. The onboard ATSAMD21 microcontroller listens for IR remote signals and converts them to keypresses, mouse movements, or even USB serial output.

View file

@ -5,7 +5,7 @@ title: "PyBadge Download"
name: "PyBadge"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/pybadge.jpg"
board_image: "pybadge.jpg"
features:
- Display
- Speaker

View file

@ -5,7 +5,7 @@ title: "PyPortal Download"
name: "PyPortal"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/pyportal.jpg"
board_image: "pyportal.jpg"
features:
- Display
- Speaker

View file

@ -5,7 +5,7 @@ title: "SAM32 Download"
name: "SAM32"
manufacturer: "Max Holliday"
board_url: "https://github.com/maholli/SAM32"
board_image: "/assets/images/boards/sam32.jpg"
board_image: "sam32.jpg"
features:
---

View file

@ -5,7 +5,7 @@ title: "LumiDrive Download"
name: "LumiDrive"
manufacturer: "SparkFun"
board_url: ""
board_image: "/assets/images/boards/sparkfun_lumidrive_01.jpg"
board_image: "sparkfun_lumidrive_01.jpg"
features:
- Battery Charging
---

View file

@ -5,7 +5,7 @@ title: "nRF52840 Mini Download"
name: "Pro nRF52840 Mini"
manufacturer: "SparkFun"
board_url: ""
board_image: "/assets/images/boards/sparkfun_nrf52840_mini-01.jpg"
board_image: "sparkfun_nrf52840_mini-01.jpg"
features:
- Battery Charging
- Bluetooth/BTLE

View file

@ -5,7 +5,7 @@ title: "RedBoard Turbo Download"
name: "RedBoard Turbo"
manufacturer: "SparkFun"
board_url: ""
board_image: "/assets/images/boards/sparkfun_redboard_turbo.jpg"
board_image: "sparkfun_redboard_turbo.jpg"
features:
- Battery Charging
---

View file

@ -5,7 +5,7 @@ title: "SAMD21 Dev Download"
name: "SAMD21 Dev"
manufacturer: "SparkFun"
board_url: ""
board_image: "/assets/images/boards/sparkfun_samd21_dev.jpg"
board_image: "sparkfun_samd21_dev.jpg"
---
The SparkFun SAMD21 Dev Breakout is an Arduino-sized breakout for the Atmel ATSAMD21G18, a 32-bit ARM Cortex-M0+ processor with 256KB flash, 32KB SRAM, and an operating speed of up to 48MHz.

View file

@ -5,7 +5,7 @@ title: "SAMD21 Mini Download"
name: "SAMD21 Mini"
manufacturer: "SparkFun"
board_url: ""
board_image: "/assets/images/boards/sparkfun_samd21_mini.jpg"
board_image: "sparkfun_samd21_mini.jpg"
---
The SAMD21 Mini Breakout is a Pro Mini-sized breakout for the Atmel ATSAMD21G18, a 32-bit ARM Cortex-M0+ processor with 256KB flash, 32KB SRAM, and an operating speed of up to 48MHz.

View file

@ -5,7 +5,7 @@ title: "NeoTrellis M4 Download"
name: "NeoTrellis M4"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/trellis_m4_express.jpg"
board_image: "trellis_m4_express.jpg"
features:
- Display
---

View file

@ -5,7 +5,7 @@ title: "Trinket M0 Download"
name: "Trinket M0"
manufacturer: "Adafruit"
board_url: ""
board_image: "/assets/images/boards/trinket_m0.jpg"
board_image: "trinket_m0.jpg"
---
The Adafruit Trinket M0 may be small, but do not be fooled by its size! It's a tiny microcontroller board, built around the Atmel ATSAMD21, a little chip with _a lot_ of power. Adafruit designed a microcontroller board that was small enough to fit into any project, and low cost enough to use without hesitation. Perfect for when you don't want to give up your expensive dev-board and you aren't willing to take apart the project you worked so hard to design. It's one of the lowest-cost CircuitPython programmable boards!

View file

@ -5,7 +5,7 @@ title: "Trinket M0 Haxpress Download"
name: "Trinket M0 Haxpress"
manufacturer: "Dave Astels"
board_url: ""
board_image: "/assets/images/boards/trinket_m0_haxpress.jpg"
board_image: "trinket_m0_haxpress.jpg"
---
This is a [Trinket M0]({{ "/board/trinket_m0/" | relative_url }}) that has been had a SPI flash

View file

@ -5,7 +5,7 @@ title: "uChip Download"
name: "uChip M0"
manufacturer: "Itaca Innovation"
board_url: ""
board_image: "/assets/images/boards/uchip.jpg"
board_image: "uchip.jpg"
---
**Small. Yet powerful!**

View file

@ -5,7 +5,7 @@ title: "µGame Download"
name: "µGame"
manufacturer: "Radomir Dopieralski"
board_url: "https://ugame.rtfd.io"
board_image: "/assets/images/boards/ugame_10.jpg"
board_image: "ugame_10.jpg"
features:
- Display
- Speaker

View file

@ -4,7 +4,7 @@ board_id: "unknown"
title: "Unknown Board Download"
manufacturer: "Unknown"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
---
Oops! Looks like we don't know anything about this board. This means it's likely very new.

View file

@ -9,7 +9,6 @@ paginate: 5
excerpt_separator: <!--more-->
permalink: pretty
plugins:
- jekyll-feed
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-paginate
@ -51,3 +50,4 @@ exclude:
- optimization-fix-this-file-is-ignored.js
- icon.png
- template.md
- Rakefile

View file

@ -8,7 +8,7 @@ layout: default
<div class="download-section">
<div class="details">
<div class="section">
<img src="{{ page.board_image }}" alt="Image of Board">
<img src="{{ "/assets/images/boards/large/" | append: page.board_image | relative_url }}" alt="Image of Board">
<p>
{{ content }}
</p>

View file

@ -57,7 +57,11 @@ permalink: /blinka
<a href="{{ board.url | relative_url }}">
<div>
<div class="img-responsive-4by3">
<img src="{{ board.board_image | relative_url }}" alt="Image of Board">
<img srcset="{{ "/assets/images/boards/small/" | append: board.board_image | relative_url }} 300w,
{{ "/assets/images/boards/large/" | append: board.board_image | relative_url }} 700w"
sizes="(max-width: 1024px) 700px,
300px"
src="{{ "/assets/images/boards/" | append: board.board_image | relative_url }}" alt="Image of Board">
</div>
<div class="details">
<h3>{{ board.name }}</h3>

View file

@ -72,7 +72,11 @@ permalink: /downloads
<a href="{{ info.url | relative_url }}">
<div>
<div class="img-responsive-4by3">
<img src="{{ info.board_image | relative_url }}" alt="Image of Board">
<img srcset="{{ "/assets/images/boards/small/" | append: info.board_image | relative_url }} 300w,
{{ "/assets/images/boards/large/" | append: info.board_image | relative_url }} 700w"
sizes="(max-width: 1024px) 700px,
300px"
src="{{ "/assets/images/boards/" | append: info.board_image | relative_url }}" alt="Image of Board">
</div>
<div class="details">
<h3>{{ info.name | default: board.id }}</h3>
@ -98,7 +102,11 @@ permalink: /downloads
<a href="{{ board.url | relative_url }}">
<div>
<div class="img-responsive-4by3">
<img src="{{ board.board_image | relative_url }}" alt="Image of Board">
<img srcset="{{ "/assets/images/boards/small/" | append: board.board_image | relative_url }} 300w,
{{ "/assets/images/boards/large/" | append: board.board_image | relative_url }} 700w"
sizes="(max-width: 1024px) 700px,
300px"
src="{{ "/assets/images/boards/" | append: board.board_image | relative_url }}" alt="Image of Board">
</div>
<div class="details">
<h3>{{ board.name }}</h3>

View file

@ -24,7 +24,7 @@ namespace :images do
small_path = File.join(board_image_path, 'small', path.basename)
`mozcjpeg -quality 80 -optimize -outfile #{large_path} #{large_processed.path}`
`mozcjpeg -quality 80 -optimize -outfile #{small_path} #{small_processed.path}``
`mozcjpeg -quality 80 -optimize -outfile #{small_path} #{small_processed.path}`
end
end
end

View file

@ -5,7 +5,7 @@ title: "<board name> Download"
name: "<board name>"
manufacturer: "<board manufacturer>"
board_url: ""
board_image: "/assets/images/boards/unknown.jpg"
board_image: "unknown.jpg"
downloads_display: true
blinka: false
download_instructions: "BLINKA ONLY - url"