Hello everybody ! Today, I want to see how my proposal evolves day by day. Instead of refresh PeakD or Ecency page, I create a small thing with a small screen that i have collected many months ago, and a Raspberry Pi 4 that was sleeping in a drawer.

<p dir="auto">Ladies & gentlemen, let me show you the PPD : Proposal Progression Display ! <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/bambukah/EoeDTrTfz3Tj6xRjUL2gR5B2MJfvC1GDQAKFPT1VyVmhfmjGiNwPSrHeD96JeucCFTs.jpg" alt="I love this DIY !" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/bambukah/EoeDTrTfz3Tj6xRjUL2gR5B2MJfvC1GDQAKFPT1VyVmhfmjGiNwPSrHeD96JeucCFTs.jpg 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/bambukah/EoeDTrTfz3Tj6xRjUL2gR5B2MJfvC1GDQAKFPT1VyVmhfmjGiNwPSrHeD96JeucCFTs.jpg 2x" /> <p dir="auto">If you like the project, don't forget to vote for the SuperHive proposal on <a href="https://peakd.com/me/proposals/211" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><strong>PeakD or <a href="https://ecency.com/proposals/211" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><strong>Ecency <h2>Materials : <p dir="auto">For this tutorial, I'll skip the wood case construction, it's only 4 pieces of wood glued together and paint in black. But I'll focus on configuration & coding. <p dir="auto">For this tutorial, you need : <ul> <li>A Raspberry PI 3 or 4 <li>A HDMI screen, mine is the Waveshare 7.9 LCD touchscreen <li>A Raspbian Lite SD Card <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/bambukah/EoGwxCqeoAXBKU67QvksppzWAz7e85K8AyptHjodCq3BwPbUiwALu1NrCbhryRAEa3r.jpg" alt="Materials used for this tutorial" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/bambukah/EoGwxCqeoAXBKU67QvksppzWAz7e85K8AyptHjodCq3BwPbUiwALu1NrCbhryRAEa3r.jpg 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/bambukah/EoGwxCqeoAXBKU67QvksppzWAz7e85K8AyptHjodCq3BwPbUiwALu1NrCbhryRAEa3r.jpg 2x" /> <h2>Dependencies installation <p dir="auto">After installing Raspbian Lite on the SD card, we will install X server (for displaying the browser), Chromium browser (to show the progress web page in kiosk mode), NginX to serve the page. Let's go, conect to your Pi with SSH and execute : <pre><code>sudo apt update sudo apt install --no-install-recommends xserver-xorg-video-all xserver-xorg-input-all xserver-xorg-core xinit x11-xserver-utils chromium-browser unclutter nginx git <p dir="auto">Also, you need to activate the console autologin to load X server & Chromium at startup. So execute <code>sudo raspi-config, select <code>System options -> S5 Boot / Autogin and choose <code>B2 Console autologin <h2>Configuration <h3>Display server <p dir="auto">After installing all dependencies, It's the time for configuration. The first thing I want is to load display server with Chromium. Edit / Create the /home/pi/.bash_profile, and copy/paste this script : <pre><code>if [ -z $DISPLAY ] && [ $(tty) = /dev/tty1 ] then startx fi <h3>Chromium <p dir="auto">It's ok for X, We need to do the same for Chromium, edit the /home/pi/.xinitrc and paste this script : <pre><code>#!/usr/bin/env sh xset -dpms xset s off xset s noblank unclutter & chromium-browser https://localhost/ --window-position=0,0 --start-fullscreen --kiosk --incognito --noerrdialogs --disable-translate --no-first-run --fast --fast-start --disable-infobars --disable-features=TranslateUI --disk-cache-dir=/dev/null --overscroll-history-navigation=0 --disable-pinch --window-size=400,1280 <p dir="auto">CAUTION : look at the <code>--window-size=400,1280, it's the settings for the waveshare 7.9 screen. Change them for your screen (horizontal and vertical). <h3>NginX <p dir="auto">This step is to change the NginX user to pi and the root folder. <p dir="auto">First, create the web folder into /home/pi : <code>mkdir /home/pi/web <p dir="auto">After that, edit the /etc/nginx/nginx.conf (with sudo) and change the first line to <code>user pi; <p dir="auto">And last thing to do, edit the <code>/etc/nginx/sites-enabled/default and change the <code>root line to /home/pi/web <h2>Install the PPD <p dir="auto">Now, it's time to clone the <a href="https://github.com/fkosmala/hive-ppd" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">hive-ppd github repo into /home/pi/web : <pre><code>git clone https://github.com/fkosmala/hive-ppd /home/pi/web <p dir="auto">If you want to change the displayed proposal, edit the /home/pi/web/index.html at line 57, change the id of the proposal, and reboot ! <h2>Final words <p dir="auto">Hope you enjoyed this little DIY. If you like this project or any other HIVE projects i've made, consider support the SuperHive proposal on <a href="https://peakd.com/me/proposals/211" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><strong>PeakD or <a href="https://ecency.com/proposals/211" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><strong>Ecency. Thank you very much ! <p dir="auto">If you have any problem or question, the Comments section is OPEN :)<br /> Have a great day