Move template assets to .env-driven generation.
Site metadata, images, favicons, and YouTube settings are now configured via .env and rendered from HTML/manifest templates at dev or container startup. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+21
-4
@@ -1,12 +1,29 @@
|
||||
# Slavic Pulse — Environment Configuration (Local Development)
|
||||
# Slavic Pulse — Environment Configuration
|
||||
# Copy to .env and fill in your values.
|
||||
# Never commit .env with real credentials to version control.
|
||||
#
|
||||
# Po zmianie wartości uruchom: ./dev.sh config (lub ./dev.sh restart)
|
||||
|
||||
# --- Frontend Server ---
|
||||
# Port na hoście (localhost). W kontenerze nginx zawsze nasłuchuje na 80.
|
||||
# Mapowanie w docker-compose.yml: ${FRONTEND_PORT}:80
|
||||
FRONTEND_PORT=8082
|
||||
|
||||
# --- Po zakończeniu intro wideo ---
|
||||
# Adres docelowy przekierowania po zakończeniu odtwarzania filmu.
|
||||
# --- Strona (meta, SEO, PWA) ---
|
||||
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."
|
||||
SITE_OG_IMAGE_ALT="Slavic Pulse"
|
||||
THEME_COLOR=#000000
|
||||
|
||||
# --- Obrazy i ikony (ścieżki względem roota strony) ---
|
||||
BG_IMAGE=/assets/imgs/www-bg-slavic-pulse-com-001.jpg
|
||||
FAVICON_48=/assets/imgs/favico/48x48.png
|
||||
FAVICON_180=/assets/imgs/favico/180x180.png
|
||||
FAVICON_512=/assets/imgs/favico/512x512.png
|
||||
|
||||
# --- YouTube ---
|
||||
# ID filmu intro (z adresu youtube.com/watch?v=...)
|
||||
VIDEO_ID=kujXXtoHUbc
|
||||
# Adres docelowy po zakończeniu odtwarzania intro
|
||||
POST_VIDEO_REDIRECT_URL=https://www.youtube.com/watch?v=kujXXtoHUbc
|
||||
|
||||
@@ -4,6 +4,8 @@
|
||||
|
||||
# Generated from .env at dev/build time
|
||||
config.js
|
||||
index.html
|
||||
site.webmanifest
|
||||
|
||||
# Python
|
||||
__pycache__/
|
||||
|
||||
+9
-6
@@ -1,19 +1,22 @@
|
||||
FROM nginx:1.27-alpine AS production
|
||||
|
||||
RUN apk add --no-cache gettext
|
||||
|
||||
# Remove default nginx config
|
||||
RUN rm /etc/nginx/conf.d/default.conf
|
||||
|
||||
# Copy nginx config from project root
|
||||
COPY default.conf /etc/nginx/conf.d/default.conf
|
||||
|
||||
# Copy web files (index.html + assets)
|
||||
COPY index.html /usr/share/nginx/html/index.html
|
||||
COPY site.webmanifest /usr/share/nginx/html/site.webmanifest
|
||||
# Copy static assets
|
||||
COPY assets/ /usr/share/nginx/html/assets/
|
||||
|
||||
# Generate config.js from env vars at container start
|
||||
COPY generate-config.sh /docker-entrypoint.d/99-generate-config.sh
|
||||
RUN chmod +x /docker-entrypoint.d/99-generate-config.sh
|
||||
# Templates + generator (rendered at container start)
|
||||
COPY index.html.template site.webmanifest.template generate-from-env.sh /opt/slavic-pulse/
|
||||
RUN chmod +x /opt/slavic-pulse/generate-from-env.sh
|
||||
|
||||
COPY docker-entrypoint.sh /docker-entrypoint.d/99-generate-from-env.sh
|
||||
RUN chmod +x /docker-entrypoint.d/99-generate-from-env.sh
|
||||
|
||||
EXPOSE 80
|
||||
|
||||
|
||||
@@ -10,22 +10,22 @@ if [[ ! -f .env ]]; then
|
||||
echo "Utworzono .env z .env.example"
|
||||
fi
|
||||
|
||||
generate_config() {
|
||||
generate_from_env() {
|
||||
set -a
|
||||
# shellcheck disable=SC1091
|
||||
source .env
|
||||
set +a
|
||||
./generate-config.sh config.js
|
||||
chmod +x generate-from-env.sh
|
||||
./generate-from-env.sh .
|
||||
}
|
||||
|
||||
case "${1:-up}" in
|
||||
up)
|
||||
chmod +x generate-config.sh
|
||||
generate_config
|
||||
generate_from_env
|
||||
$COMPOSE up -d
|
||||
echo ""
|
||||
echo "Dev server: http://localhost:${FRONTEND_PORT:-8082}"
|
||||
echo "Edytuj pliki → F5 w przeglądarce (bez rebuildu)."
|
||||
echo "Edytuj .env → ./dev.sh config → F5 w przeglądarce."
|
||||
;;
|
||||
down)
|
||||
$COMPOSE down
|
||||
@@ -34,12 +34,12 @@ case "${1:-up}" in
|
||||
$COMPOSE logs -f
|
||||
;;
|
||||
restart)
|
||||
generate_config
|
||||
generate_from_env
|
||||
$COMPOSE restart
|
||||
;;
|
||||
config)
|
||||
generate_config
|
||||
echo "Wygenerowano config.js (POST_VIDEO_REDIRECT_URL z .env)."
|
||||
generate_from_env
|
||||
echo "Wygenerowano index.html, site.webmanifest i config.js z .env."
|
||||
;;
|
||||
reload-nginx)
|
||||
docker exec slavic-pulse-com-frontend nginx -s reload
|
||||
|
||||
@@ -3,11 +3,22 @@
|
||||
# Never commit .env with real credentials to version control.
|
||||
|
||||
# --- Frontend Server ---
|
||||
# Port publikowany na hoście. W kontenerze nginx zawsze nasłuchuje na 80.
|
||||
# Mapowanie w docker-compose.yml: ${FRONTEND_PORT}:80
|
||||
# Dokploy/Traefik dodatkowo routuje po FQDN do wewnętrznego portu 80 kontenera.
|
||||
FRONTEND_PORT=8082
|
||||
|
||||
# --- Po zakończeniu intro wideo ---
|
||||
# Adres docelowy przekierowania po zakończeniu odtwarzania filmu.
|
||||
# --- Strona (meta, SEO, PWA) ---
|
||||
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."
|
||||
SITE_OG_IMAGE_ALT="Slavic Pulse"
|
||||
THEME_COLOR=#000000
|
||||
|
||||
# --- Obrazy i ikony (ścieżki względem roota strony) ---
|
||||
BG_IMAGE=/assets/imgs/www-bg-slavic-pulse-com-001.jpg
|
||||
FAVICON_48=/assets/imgs/favico/48x48.png
|
||||
FAVICON_180=/assets/imgs/favico/180x180.png
|
||||
FAVICON_512=/assets/imgs/favico/512x512.png
|
||||
|
||||
# --- YouTube ---
|
||||
VIDEO_ID=kujXXtoHUbc
|
||||
POST_VIDEO_REDIRECT_URL=https://www.youtube.com/watch?v=kujXXtoHUbc
|
||||
|
||||
@@ -18,21 +18,19 @@ services:
|
||||
ports:
|
||||
- "${FRONTEND_PORT:-8080}:80"
|
||||
|
||||
environment:
|
||||
POST_VIDEO_REDIRECT_URL: ${POST_VIDEO_REDIRECT_URL:-https://www.youtube.com/watch?v=kujXXtoHUbc}
|
||||
env_file:
|
||||
- .env
|
||||
|
||||
command: >
|
||||
sh -c "
|
||||
apk add --no-cache git &&
|
||||
apk add --no-cache git gettext &&
|
||||
rm -rf /app &&
|
||||
git clone https://gitea.expert-it.agency-ai.dev/tomasz-syn-grzegorza/site-slavic-pulse-com.git /app &&
|
||||
cp /app/index.html /usr/share/nginx/html/index.html &&
|
||||
cp /app/site.webmanifest /usr/share/nginx/html/site.webmanifest &&
|
||||
chmod +x /app/generate-from-env.sh &&
|
||||
TEMPLATE_DIR=/app /app/generate-from-env.sh /usr/share/nginx/html &&
|
||||
cp -r /app/assets /usr/share/nginx/html/assets &&
|
||||
rm /etc/nginx/conf.d/default.conf &&
|
||||
cp /app/default.conf /etc/nginx/conf.d/default.conf &&
|
||||
chmod +x /app/generate-config.sh &&
|
||||
POST_VIDEO_REDIRECT_URL=\"$${POST_VIDEO_REDIRECT_URL}\" /app/generate-config.sh /usr/share/nginx/html/config.js &&
|
||||
nginx -g 'daemon off;'
|
||||
"
|
||||
|
||||
|
||||
@@ -7,11 +7,9 @@ services:
|
||||
build: !reset null
|
||||
env_file:
|
||||
- .env
|
||||
environment:
|
||||
POST_VIDEO_REDIRECT_URL: ${POST_VIDEO_REDIRECT_URL:-https://www.youtube.com/watch?v=kujXXtoHUbc}
|
||||
volumes:
|
||||
- ./index.html:/usr/share/nginx/html/index.html:ro
|
||||
- ./config.js:/usr/share/nginx/html/config.js: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
|
||||
|
||||
@@ -10,7 +10,5 @@ services:
|
||||
restart: unless-stopped
|
||||
env_file:
|
||||
- .env
|
||||
environment:
|
||||
POST_VIDEO_REDIRECT_URL: ${POST_VIDEO_REDIRECT_URL:-https://www.youtube.com/watch?v=kujXXtoHUbc}
|
||||
ports:
|
||||
- "${FRONTEND_PORT:-8080}:80"
|
||||
|
||||
Executable
+2
@@ -0,0 +1,2 @@
|
||||
#!/bin/sh
|
||||
TEMPLATE_DIR=/opt/slavic-pulse /opt/slavic-pulse/generate-from-env.sh /usr/share/nginx/html
|
||||
@@ -1,19 +0,0 @@
|
||||
#!/bin/sh
|
||||
# Generuje config.js z zmiennych środowiskowych (np. z pliku .env).
|
||||
set -eu
|
||||
|
||||
if [ -n "${1:-}" ]; then
|
||||
OUTPUT="$1"
|
||||
elif [ -d /usr/share/nginx/html ]; then
|
||||
OUTPUT="/usr/share/nginx/html/config.js"
|
||||
else
|
||||
OUTPUT="config.js"
|
||||
fi
|
||||
|
||||
POST_VIDEO_REDIRECT_URL="${POST_VIDEO_REDIRECT_URL:-https://www.youtube.com/watch?v=kujXXtoHUbc}"
|
||||
|
||||
cat > "$OUTPUT" <<EOF
|
||||
window.SLAVIC_PULSE_CONFIG = {
|
||||
postVideoRedirectUrl: '${POST_VIDEO_REDIRECT_URL}'
|
||||
};
|
||||
EOF
|
||||
Executable
+55
@@ -0,0 +1,55 @@
|
||||
#!/bin/sh
|
||||
# Generuje index.html, site.webmanifest i config.js z zmiennych środowiskowych (.env).
|
||||
set -eu
|
||||
|
||||
SCRIPT_DIR="$(CDPATH= cd -- "$(dirname -- "$0")" && pwd)"
|
||||
TEMPLATE_DIR="${TEMPLATE_DIR:-$SCRIPT_DIR}"
|
||||
cd "$SCRIPT_DIR"
|
||||
|
||||
if [ -n "${1:-}" ]; then
|
||||
OUTPUT_DIR="$1"
|
||||
elif [ -d /usr/share/nginx/html ]; then
|
||||
OUTPUT_DIR="/usr/share/nginx/html"
|
||||
else
|
||||
OUTPUT_DIR="."
|
||||
fi
|
||||
|
||||
# --- Domyślne wartości szablonu ---
|
||||
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.}"
|
||||
SITE_OG_IMAGE_ALT="${SITE_OG_IMAGE_ALT:-Slavic Pulse}"
|
||||
THEME_COLOR="${THEME_COLOR:-#000000}"
|
||||
|
||||
BG_IMAGE="${BG_IMAGE:-/assets/imgs/www-bg-slavic-pulse-com-001.jpg}"
|
||||
FAVICON_48="${FAVICON_48:-/assets/imgs/favico/48x48.png}"
|
||||
FAVICON_180="${FAVICON_180:-/assets/imgs/favico/180x180.png}"
|
||||
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}"
|
||||
|
||||
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"
|
||||
}
|
||||
|
||||
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
|
||||
@@ -3,29 +3,28 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Slavic Pulse</title>
|
||||
<!-- SITE_BASE_URL: https://slavic-pulse.com -->
|
||||
<meta name="description" content="Lokalne modele LLM, własny serwer AI (Proxmox, TrueNAS, Ubuntu), RAG, Ollama, Open WebUI, bezpieczny self-hosting i wdrożenia biznesowe lokalnej AI.">
|
||||
<link rel="canonical" href="https://slavic-pulse.com/">
|
||||
<title>${SITE_TITLE}</title>
|
||||
<meta name="description" content="${SITE_DESCRIPTION}">
|
||||
<link rel="canonical" href="${SITE_BASE_URL}/">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Slavic Pulse">
|
||||
<meta property="og:site_name" content="${SITE_TITLE}">
|
||||
<meta property="og:locale" content="pl_PL">
|
||||
<meta property="og:title" content="Slavic Pulse">
|
||||
<meta property="og:url" content="https://slavic-pulse.com/">
|
||||
<meta property="og:image" content="https://slavic-pulse.com/assets/imgs/www-bg-slavic-pulse-com-001.jpg">
|
||||
<meta property="og:title" content="${SITE_TITLE}">
|
||||
<meta property="og:url" content="${SITE_BASE_URL}/">
|
||||
<meta property="og:image" content="${OG_IMAGE_URL}">
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:alt" content="Slavic Pulse">
|
||||
<meta property="og:description" content="Lokalne modele LLM (Llama 3, Mistral, Command-R, Phi-3, DeepSeek i inne). Budowa własnego serwera AI na bazie Proxmox, TrueNAS SCALE oraz Ubuntu. Optymalizacja GPU w środowisku Linux (Ubuntu, OpenSUSE, Proxmox). Technologia RAG – jak podpiąć Twoją firmową wiedzę do lokalnego AI. Prywatne instancje Ollama, Open WebUI, AnythingLLM, PrivateGPT. Bezpieczny self-hosting – od konfiguracji Proxmox VE, przez TrueNAS, po produkcyjne wdrożenia. Porównania sprzętu, zużycie prądu, chłodzenie i realne koszty posiadania własnego AI. Automatyzacje, integracje i zaawansowane zastosowania biznesowe lokalnej AI.">
|
||||
<meta property="og:image:alt" content="${SITE_OG_IMAGE_ALT}">
|
||||
<meta property="og:description" content="${SITE_DESCRIPTION}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Slavic Pulse">
|
||||
<meta name="twitter:image" content="https://slavic-pulse.com/assets/imgs/www-bg-slavic-pulse-com-001.jpg">
|
||||
<meta name="twitter:description" content="Lokalne modele LLM (Llama 3, Mistral, Command-R, Phi-3, DeepSeek i inne). Budowa własnego serwera AI na bazie Proxmox, TrueNAS SCALE oraz Ubuntu. Optymalizacja GPU w środowisku Linux (Ubuntu, OpenSUSE, Proxmox). Technologia RAG – jak podpiąć Twoją firmową wiedzę do lokalnego AI. Prywatne instancje Ollama, Open WebUI, AnythingLLM, PrivateGPT. Bezpieczny self-hosting – od konfiguracji Proxmox VE, przez TrueNAS, po produkcyjne wdrożenia. Porównania sprzętu, zużycie prądu, chłodzenie i realne koszty posiadania własnego AI. Automatyzacje, integracje i zaawansowane zastosowania biznesowe lokalnej AI.">
|
||||
<link rel="icon" type="image/png" sizes="48x48" href="/assets/imgs/favico/48x48.png">
|
||||
<link rel="icon" type="image/png" sizes="512x512" href="/assets/imgs/favico/512x512.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/imgs/favico/180x180.png">
|
||||
<meta name="twitter:title" content="${SITE_TITLE}">
|
||||
<meta name="twitter:image" content="${OG_IMAGE_URL}">
|
||||
<meta name="twitter:description" content="${SITE_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}">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<link rel="preload" as="image" href="/assets/imgs/www-bg-slavic-pulse-com-001.jpg">
|
||||
<meta name="theme-color" content="${THEME_COLOR}">
|
||||
<link rel="preload" as="image" href="${BG_IMAGE}">
|
||||
<link rel="preconnect" href="https://www.youtube.com">
|
||||
<link rel="preconnect" href="https://www.google.com">
|
||||
<style>
|
||||
@@ -146,7 +145,7 @@
|
||||
<div id="stage-root">
|
||||
<div id="stage">
|
||||
<div id="stage-image" class="stage-layer">
|
||||
<img src="/assets/imgs/www-bg-slavic-pulse-com-001.jpg" alt="">
|
||||
<img src="${BG_IMAGE}" alt="${SITE_OG_IMAGE_ALT}">
|
||||
</div>
|
||||
<div id="stage-video" class="stage-layer">
|
||||
<div id="player"></div>
|
||||
@@ -157,9 +156,9 @@
|
||||
<script src="/config.js"></script>
|
||||
<script>
|
||||
const config = window.SLAVIC_PULSE_CONFIG || {};
|
||||
const VIDEO_ID = 'kujXXtoHUbc';
|
||||
const VIDEO_ID = config.videoId || '';
|
||||
const POST_VIDEO_REDIRECT_URL = config.postVideoRedirectUrl || '';
|
||||
const BG_IMAGE = '/assets/imgs/www-bg-slavic-pulse-com-001.jpg';
|
||||
const BG_IMAGE = config.bgImage || '';
|
||||
let player;
|
||||
|
||||
const loader = document.getElementById('loader');
|
||||
@@ -207,6 +206,8 @@
|
||||
}
|
||||
|
||||
function onYouTubeIframeAPIReady() {
|
||||
if (!VIDEO_ID) return;
|
||||
|
||||
player = new YT.Player('player', {
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
@@ -1,24 +1,24 @@
|
||||
{
|
||||
"name": "Slavic Pulse",
|
||||
"short_name": "Slavic Pulse",
|
||||
"name": "${SITE_TITLE}",
|
||||
"short_name": "${SITE_SHORT_NAME}",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/assets/imgs/favico/48x48.png",
|
||||
"src": "${FAVICON_48}",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/assets/imgs/favico/180x180.png",
|
||||
"src": "${FAVICON_180}",
|
||||
"sizes": "180x180",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/assets/imgs/favico/512x512.png",
|
||||
"src": "${FAVICON_512}",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#000000"
|
||||
"theme_color": "${THEME_COLOR}",
|
||||
"background_color": "${THEME_COLOR}"
|
||||
}
|
||||
Reference in New Issue
Block a user