tomasz-syn-grzegorza/site-slavic-pulse-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix YouTube intro loading and extend .env-driven site config.

Browse Source 
Embed video settings directly in generated HTML, add optional post-video redirect toggle, and expose Twitter description as a separate env variable.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Tomasz syn Grzegorza ©
2026-06-26 17:47:32 +02:00
parent 3a843c53f3
commit d43e747939
7 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.example
+3
View File
@@ -13,6 +13,7 @@ SITE_TITLE="Slavic Pulse"
SITE_SHORT_NAME="Slavic Pulse"
SITE_BASE_URL=https://slavic-pulse.com
SITE_DESCRIPTION="Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI."
TWITTER_DESCRIPTION="Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI."
SITE_OG_IMAGE_ALT="Slavic Pulse"
THEME_COLOR=#000000
@@ -27,3 +28,5 @@ FAVICON_512=/assets/imgs/favico/512x512.png
VIDEO_ID=kujXXtoHUbc
# Adres docelowy po zakończeniu odtwarzania intro
POST_VIDEO_REDIRECT_URL=https://www.youtube.com/watch?v=kujXXtoHUbc
# true = przekierowanie na POST_VIDEO_REDIRECT_URL; false = zostaje obraz tła i strona
POST_VIDEO_REDIRECT_ENABLED=true
.gitignore
-1
View File
@@ -3,7 +3,6 @@
*.env.local
# Generated from .env at dev/build time
config.js
index.html
site.webmanifest
dev.sh
+1 -1
View File
@@ -39,7 +39,7 @@ case "${1:-up}" in
;;
config)
generate_from_env
echo "Wygenerowano index.html, site.webmanifest i config.js z .env."
echo "Wygenerowano index.html i site.webmanifest z .env."
;;
reload-nginx)
docker exec slavic-pulse-com-frontend nginx -s reload
docker-compose-example/.env.example
+2
View File
@@ -10,6 +10,7 @@ SITE_TITLE="Slavic Pulse"
SITE_SHORT_NAME="Slavic Pulse"
SITE_BASE_URL=https://slavic-pulse.com
SITE_DESCRIPTION="Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI."
TWITTER_DESCRIPTION="Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI."
SITE_OG_IMAGE_ALT="Slavic Pulse"
THEME_COLOR=#000000
@@ -22,3 +23,4 @@ FAVICON_512=/assets/imgs/favico/512x512.png
# --- YouTube ---
VIDEO_ID=kujXXtoHUbc
POST_VIDEO_REDIRECT_URL=https://www.youtube.com/watch?v=kujXXtoHUbc
POST_VIDEO_REDIRECT_ENABLED=true
docker-compose.dev.yml
-1
View File
@@ -10,6 +10,5 @@ services:
volumes:
- ./index.html:/usr/share/nginx/html/index.html:ro
- ./site.webmanifest:/usr/share/nginx/html/site.webmanifest:ro
- ./config.js:/usr/share/nginx/html/config.js:ro
- ./assets:/usr/share/nginx/html/assets:ro
- ./default.conf:/etc/nginx/conf.d/default.conf:ro
generate-from-env.sh
+18 -14
View File
@@ -1,5 +1,5 @@
#!/bin/sh
# Generuje index.html, site.webmanifest i config.js z zmiennych środowiskowych (.env).
# Generuje index.html i site.webmanifest z zmiennych środowiskowych (.env).
set -eu
SCRIPT_DIR="$(CDPATH= cd -- "$(dirname -- "$0")" && pwd)"
@@ -19,6 +19,7 @@ SITE_TITLE="${SITE_TITLE:-Slavic Pulse}"
SITE_SHORT_NAME="${SITE_SHORT_NAME:-Slavic Pulse}"
SITE_BASE_URL="${SITE_BASE_URL:-https://slavic-pulse.com}"
SITE_DESCRIPTION="${SITE_DESCRIPTION:-Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI.}"
TWITTER_DESCRIPTION="${TWITTER_DESCRIPTION:-$SITE_DESCRIPTION}"
SITE_OG_IMAGE_ALT="${SITE_OG_IMAGE_ALT:-Slavic Pulse}"
THEME_COLOR="${THEME_COLOR:-#000000}"
@@ -29,27 +30,30 @@ FAVICON_512="${FAVICON_512:-/assets/imgs/favico/512x512.png}"
VIDEO_ID="${VIDEO_ID:-kujXXtoHUbc}"
POST_VIDEO_REDIRECT_URL="${POST_VIDEO_REDIRECT_URL:-https://www.youtube.com/watch?v=kujXXtoHUbc}"
POST_VIDEO_REDIRECT_ENABLED="${POST_VIDEO_REDIRECT_ENABLED:-true}"
OG_IMAGE_URL="${SITE_BASE_URL}${BG_IMAGE}"
export SITE_TITLE SITE_SHORT_NAME SITE_BASE_URL SITE_DESCRIPTION SITE_OG_IMAGE_ALT
export THEME_COLOR BG_IMAGE FAVICON_48 FAVICON_180 FAVICON_512 OG_IMAGE_URL
TEMPLATE_VARS='${SITE_TITLE} ${SITE_SHORT_NAME} ${SITE_BASE_URL} ${SITE_DESCRIPTION} ${SITE_OG_IMAGE_ALT} ${THEME_COLOR} ${BG_IMAGE} ${FAVICON_48} ${FAVICON_180} ${FAVICON_512} ${OG_IMAGE_URL}'
escape_js() {
printf '%s' "$1" | sed "s/'/\\\\'/g"
}
VIDEO_ID_JS="$(escape_js "$VIDEO_ID")"
POST_VIDEO_REDIRECT_URL_JS="$(escape_js "$POST_VIDEO_REDIRECT_URL")"
BG_IMAGE_JS="$(escape_js "$BG_IMAGE")"
case "$(printf '%s' "$POST_VIDEO_REDIRECT_ENABLED" | tr '[:upper:]' '[:lower:]')" in
true|1|yes|on) POST_VIDEO_REDIRECT_ENABLED_JS=true ;;
*) POST_VIDEO_REDIRECT_ENABLED_JS=false ;;
esac
export SITE_TITLE SITE_SHORT_NAME SITE_BASE_URL SITE_DESCRIPTION TWITTER_DESCRIPTION SITE_OG_IMAGE_ALT
export THEME_COLOR BG_IMAGE FAVICON_48 FAVICON_180 FAVICON_512 OG_IMAGE_URL
export VIDEO_ID_JS POST_VIDEO_REDIRECT_URL_JS BG_IMAGE_JS POST_VIDEO_REDIRECT_ENABLED_JS
TEMPLATE_VARS='${SITE_TITLE} ${SITE_SHORT_NAME} ${SITE_BASE_URL} ${SITE_DESCRIPTION} ${TWITTER_DESCRIPTION} ${SITE_OG_IMAGE_ALT} ${THEME_COLOR} ${BG_IMAGE} ${FAVICON_48} ${FAVICON_180} ${FAVICON_512} ${OG_IMAGE_URL} ${VIDEO_ID_JS} ${POST_VIDEO_REDIRECT_URL_JS} ${BG_IMAGE_JS} ${POST_VIDEO_REDIRECT_ENABLED_JS}'
mkdir -p "$OUTPUT_DIR"
envsubst "$TEMPLATE_VARS" < "$TEMPLATE_DIR/index.html.template" > "$OUTPUT_DIR/index.html"
envsubst "$TEMPLATE_VARS" < "$TEMPLATE_DIR/site.webmanifest.template" > "$OUTPUT_DIR/site.webmanifest"
cat > "$OUTPUT_DIR/config.js" <<EOF
window.SLAVIC_PULSE_CONFIG = {
videoId: '$(escape_js "$VIDEO_ID")',
postVideoRedirectUrl: '$(escape_js "$POST_VIDEO_REDIRECT_URL")',
bgImage: '$(escape_js "$BG_IMAGE")'
};
EOF
index.html.template
+6 -7
View File
@@ -18,7 +18,7 @@
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="${SITE_TITLE}">
<meta name="twitter:image" content="${OG_IMAGE_URL}">
<meta name="twitter:description" content="${SITE_DESCRIPTION}">
<meta name="twitter:description" content="${TWITTER_DESCRIPTION}">
<link rel="icon" type="image/png" sizes="48x48" href="${FAVICON_48}">
<link rel="icon" type="image/png" sizes="512x512" href="${FAVICON_512}">
<link rel="apple-touch-icon" sizes="180x180" href="${FAVICON_180}">
@@ -153,12 +153,11 @@
</div>
</div>
<script src="/config.js"></script>
<script>
const config = window.SLAVIC_PULSE_CONFIG || {};
const VIDEO_ID = config.videoId || '';
const POST_VIDEO_REDIRECT_URL = config.postVideoRedirectUrl || '';
const BG_IMAGE = config.bgImage || '';
const VIDEO_ID = '${VIDEO_ID_JS}';
const POST_VIDEO_REDIRECT_URL = '${POST_VIDEO_REDIRECT_URL_JS}';
const POST_VIDEO_REDIRECT_ENABLED = ${POST_VIDEO_REDIRECT_ENABLED_JS};
const BG_IMAGE = '${BG_IMAGE_JS}';
let player;
const loader = document.getElementById('loader');
@@ -243,7 +242,7 @@
function onPlayerStateChange(event) {
if (event.data === YT.PlayerState.ENDED) {
stageVideo.classList.remove('active');
if (POST_VIDEO_REDIRECT_URL) {
if (POST_VIDEO_REDIRECT_ENABLED && POST_VIDEO_REDIRECT_URL) {
window.location.href = POST_VIDEO_REDIRECT_URL;
}
}